:root{--kb-blue: #1A5EA9;--kb-blue-2: #2E7EC9;--kb-blue-l: #EBF2FA;--kb-blue-d: #134A88;--kb-amber: #D4A017;--kb-amber-h: #B8860B;--kb-amber-l: #FDF5DC;--kb-amber-ink: #7A4800;--kb-green: #16A34A;--kb-green-l: #F0FDF4;--kb-red: #DC2626;--kb-red-l: #FEF2F2;--kb-ink: #1C1A16;--kb-ink-2: #4A4540;--kb-ink-3: #7A756E;--kb-ink-4: #A09890;--kb-warm: #F4F2EC;--kb-warm-2: #EDE9DF;--kb-paper: #FAFAF7;--kb-white: #FFFFFF;--kb-line: #E8E4D9;--kb-line-2: #D4CFC5;--brand: var(--kb-blue);--brand-d: var(--kb-blue-d);--brand-l: var(--kb-blue-l);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-ui: "Plus Jakarta Sans", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 3px rgba(28,26,22,.07);--shadow-sm: 0 2px 8px rgba(28,26,22,.09);--shadow-md: 0 6px 20px rgba(28,26,22,.12);--shadow-lg: 0 16px 48px rgba(28,26,22,.16);--ease: cubic-bezier(.4,0,.2,1);--ease-out: cubic-bezier(0,0,.2,1);--ease-in: cubic-bezier(.4,0,1,1);--ease-inout: cubic-bezier(.4,0,.2,1);--ease-spring: cubic-bezier(.34,1.56,.64,1);--dur-instant: 90ms;--dur-fast: .16s;--dur-base: .24s;--dur-express: .4s;--dur-slow: .6s;--max-w: 1280px;--header-h: 68px;--bottom-nav-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--text-base);line-height:1.5;color:var(--kb-ink);background:var(--kb-warm);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:-100%;left:var(--sp-4);background:var(--kb-ink);color:var(--kb-white);padding:var(--sp-3) var(--sp-5);border-radius:var(--r-md);font-size:var(--text-sm);font-weight:700;z-index:10000;transition:top var(--dur-instant)}.skip-link:focus{top:var(--sp-3)}:focus-visible{outline:2px solid var(--brand, var(--kb-blue));outline-offset:3px;border-radius:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.kb-skeleton{animation:none;background:var(--kb-line)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--kb-line-2);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--kb-ink-3)}@keyframes kb-shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}.kb-skeleton{background:linear-gradient(90deg,var(--kb-line) 25%,var(--kb-line-2) 50%,var(--kb-line) 75%);background-size:1600px 100%;animation:kb-shimmer 1.4s infinite linear;border-radius:var(--r-md)}.kb-grain:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.35;mix-blend-mode:overlay;border-radius:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.kb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:10px var(--sp-5);border-radius:var(--r-lg);font-weight:600;font-size:var(--text-sm);line-height:1;min-height:44px;transition:background var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.kb-btn:disabled{opacity:.45;cursor:not-allowed}.kb-btn-primary{background:var(--brand, var(--kb-blue));color:var(--kb-white)}.kb-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.kb-btn-primary:active:not(:disabled){transform:scale(.98)}.kb-btn-amber{background:var(--kb-amber);color:var(--kb-ink)}.kb-btn-amber:hover:not(:disabled){background:var(--kb-amber-h)}.kb-btn-amber:active:not(:disabled){transform:scale(.98)}.kb-btn-outline{border:1.5px solid var(--kb-line-2);color:var(--kb-ink-2);background:var(--kb-white)}.kb-btn-outline:hover:not(:disabled){border-color:var(--brand, var(--kb-blue));color:var(--brand, var(--kb-blue))}.kb-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;line-height:1.5}.kb-badge-blue{background:var(--kb-blue-l);color:var(--kb-blue)}.kb-badge-amber{background:var(--kb-amber-l);color:var(--kb-amber-ink)}.kb-badge-green{background:var(--kb-green-l);color:#15803d}.kb-badge-red{background:var(--kb-red-l);color:var(--kb-red)}.kb-badge-brand{background:var(--brand-l, var(--kb-blue-l));color:var(--brand, var(--kb-blue))}.kb-card{background:var(--kb-paper);border:1px solid var(--kb-line);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.kb-input{width:100%;padding:10px var(--sp-3);border:1.5px solid var(--kb-line-2);border-radius:var(--r-lg);background:var(--kb-white);color:var(--kb-ink);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);min-height:44px}.kb-input::placeholder{color:var(--kb-ink-4)}.kb-input:focus{outline:none;border-color:var(--brand, var(--kb-blue));box-shadow:0 0 0 3px var(--brand-l, var(--kb-blue-l))}@keyframes kb-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes kb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kb-slide-r{0%{transform:translate(100%)}to{transform:none}}@keyframes kb-slide-l{0%{transform:translate(-100%)}to{transform:none}}@keyframes kb-pop{0%{transform:scale(0);opacity:0}to{transform:none;opacity:1}}@keyframes kb-drop-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}@keyframes kb-slide-from-r{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes kb-slide-to-l{0%{opacity:1;transform:none}to{opacity:0;transform:translate(-24px)}}@keyframes kb-badge-bounce{0%,to{transform:scale(1)}40%{transform:scale(1.4)}}@keyframes kb-check-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.kb-discount-pill{display:inline-flex;align-items:center;padding:2px 7px;background:var(--kb-red);color:var(--kb-white);border-radius:var(--r-full);font-size:10px;font-weight:800}.kb-toast-zone{position:fixed;bottom:var(--sp-5);right:var(--sp-4);z-index:9000;display:flex;flex-direction:column;gap:var(--sp-2);pointer-events:none}@media(max-width:767px){.kb-toast-zone{bottom:calc(var(--bottom-nav-h) + var(--sp-3));right:var(--sp-3);left:var(--sp-3)}}.kb-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);background:var(--kb-ink);color:var(--kb-white);font-size:var(--text-sm);font-weight:500;line-height:1.4;box-shadow:var(--shadow-lg);max-width:360px;animation:kb-slide-r var(--dur-express) var(--ease-out) both}.kb-toast.success{background:#14532d}.kb-toast.error{background:#7f1d1d}.kb-toast.warning{background:#78350f}.kb-toast-close{margin-left:auto;flex-shrink:0;opacity:.7;font-size:18px;line-height:1;padding:0 0 0 var(--sp-2)}.kb-toast-close:hover{opacity:1}