:root{color:#211913;background:#fbf4e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #211913;--muted: #75685c;--raven: #17151c;--paper: #fff9ef;--paper-strong: #fffdf7;--amber: #f2a83b;--amber-dark: #d77825;--rose: #d85d72;--mint: #5eb7a0;--line: rgba(33, 25, 19, .14);--shadow: 0 24px 70px rgba(33, 25, 19, .16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(242,168,59,.34),transparent 34rem),radial-gradient(circle at 86% 12%,rgba(216,93,114,.18),transparent 30rem),linear-gradient(180deg,#fff8ed,#f7ead8 58%,#f5efe4)}button,a{font:inherit}button{border:0}.landing{overflow:hidden}.navbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);background:#fff9efd6;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:.75rem;color:var(--raven);font-weight:950;letter-spacing:-.04em;text-decoration:none}.brand--button{padding:0;background:transparent;cursor:pointer}.brand__logo{width:3.2rem;height:3.2rem;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(33,25,19,.18))}.brand__text{font-size:clamp(1.3rem,2vw,1.75rem)}.navbar__links{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.6rem)}.navbar__links a,.navbar__links button:not(.cta){display:inline-flex;align-items:center;gap:.45rem;padding:0;color:var(--ink);font-weight:800;text-decoration:none;background:transparent;cursor:pointer}.navbar__links a:hover,.navbar__links button:not(.cta):hover{color:var(--amber-dark)}.navbar__links button.nav-debug{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.35rem;border:2px dashed var(--amber-dark);border-radius:1rem;color:var(--ink);background:#f2a83b1a;font-size:.92rem;letter-spacing:0}.navbar__links button.nav-debug:hover{color:var(--ink);background:#f2a83b2e}.navbar__links button.nav-debug .icon{width:.95rem;height:.95rem}.icon{width:1.1rem;height:1.1rem;flex:0 0 auto;stroke-width:2.6}.cart-badge{display:inline-grid;min-width:1.45rem;height:1.45rem;place-items:center;padding:0 .35rem;border-radius:999px;color:var(--ink);background:linear-gradient(135deg,#ffd77a,var(--amber));font-size:.78rem;font-weight:950}.cta,.ghost-button,.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:.85rem 1.25rem;border-radius:999px;font-weight:950;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.cta,.auth-button{color:#211913;background:linear-gradient(135deg,#ffd77a,var(--amber));box-shadow:0 16px 35px #d7782540}.cta:hover,.ghost-button:hover,.auth-button:hover{transform:translateY(-2px)}.ghost-button,.auth-button--secondary{color:var(--ink);background:#ffffff9e;border:1px solid var(--line);box-shadow:none}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:clamp(2rem,5vw,5rem);align-items:center;max-width:1180px;margin:0 auto;padding:clamp(4rem,9vw,8rem) clamp(1rem,4vw,2rem) 4rem}.hero h1{max-width:12ch;margin:1.2rem 0 1rem;color:var(--raven);font-size:clamp(3.35rem,8vw,6.8rem);line-height:.9;letter-spacing:-.075em}.hero__lead{max-width:42rem;margin:0 0 2rem;color:#51463d;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.7}.hero__actions,.product-card__actions{display:flex;flex-wrap:wrap;gap:.9rem}.hero__logo-wrap{display:grid;place-items:center}.hero__logo{display:block;width:min(100%,27rem);margin:0 auto;filter:drop-shadow(0 30px 42px rgba(33,25,19,.18))}.section{width:calc(100% - clamp(2rem,8vw,4rem));max-width:1180px;margin:0 auto;padding:4rem 0}.section__header{max-width:48rem;margin-bottom:2rem}.section__header h2{margin:.8rem 0 .75rem;color:var(--raven);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em}.section__header p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.7}.product-card,.auth-panel,.about{border:1px solid var(--line);border-radius:1.8rem;background:#fffdf7c7;box-shadow:0 18px 45px #2119131a}.product-card{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;padding:clamp(1.2rem,4vw,2rem)}.product-card__visual{display:grid;min-height:24rem;place-items:stretch;overflow:hidden;border-radius:1.4rem;background:radial-gradient(circle at 30% 20%,rgba(94,183,160,.24),transparent 14rem),linear-gradient(145deg,#2a2530,#17151c)}.product-image{display:block;width:100%;height:100%;min-height:24rem;object-fit:cover;border-radius:0;box-shadow:none}.product-image--compact{width:100%;height:100%;min-height:0;max-width:none;max-height:none;object-fit:cover;border-radius:.8rem;background:#fff5df;box-shadow:none}.maze-board{display:grid;grid-template-columns:repeat(3,4.8rem);grid-template-rows:repeat(3,4.8rem);gap:.55rem;padding:1rem;border-radius:1.2rem;background:#fff5df;box-shadow:0 24px 50px #00000047;transform:rotate(-3deg)}.maze-board span{border:.45rem solid #211913;border-radius:.7rem;background:#f2a83b}.maze-board span:nth-child(2n){background:#5eb7a0;border-left-color:transparent}.maze-board span:nth-child(3n){background:#d85d72;border-bottom-color:transparent}.product-card__content{min-width:0}.product-card__intro{grid-column:1 / -1;max-width:48rem}.product-card__intro h2{margin:0 0 .75rem;color:var(--raven);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em}.product-card__lead{margin:0;color:var(--muted);font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.72}.story{margin:0 0 1.2rem;color:#51463d;font-size:1.1rem;line-height:1.75}.highlights{display:grid;gap:.7rem;margin:0 0 1.25rem;padding:0;list-style:none}.highlights li{position:relative;padding-left:1.6rem;color:var(--ink);font-weight:750}.highlights li:before{position:absolute;left:0;color:var(--amber-dark);content:"✦"}.product-card__purchase{display:grid;gap:.9rem;margin-top:1.6rem}.product-card__buy-row{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;align-items:center}.product-card__buy-row .cta{min-width:12rem}.product-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .9rem;align-items:center;color:var(--muted);font-size:1rem;font-weight:850}.product-card__meta strong{color:var(--ink)}.about{padding:4rem clamp(1rem,4vw,2rem)}.about .section__header{max-width:none;margin-bottom:0}.auth-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:clamp(1.3rem,3vw,2rem)}.auth-panel h2{margin:0 0 .5rem;color:var(--raven);letter-spacing:-.04em}.auth-panel p{margin:0;color:var(--muted);line-height:1.65}.auth-panel code{color:var(--ink);font-weight:850}.auth-panel__actions,.email-form{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.email-form--stack{display:grid;justify-content:stretch}.email-form--stack input,.email-form--stack .auth-button{width:100%}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.2rem;width:100%;padding:.85rem 1.1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffd1;font-weight:950;cursor:pointer;box-shadow:0 10px 24px #21191314}.google-button span{display:grid;width:1.6rem;height:1.6rem;place-items:center;border-radius:999px;color:#fff;background:#4285f4;font-weight:950}.google-button:hover{transform:translateY(-2px)}.login-divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.92rem;font-weight:800}.login-divider:before,.login-divider:after{flex:1;height:1px;background:var(--line);content:""}.email-form input{min-height:3rem;width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffc7;outline:none}.email-form input:focus{border-color:#d77825b3;box-shadow:0 0 0 4px #f2a83b2e}.auth-button:disabled{cursor:wait;opacity:.66;transform:none}.auth-message,.local-link{margin-top:.8rem!important;color:var(--ink)!important;font-weight:750}.local-link a{color:var(--amber-dark);font-weight:950}.env-panel{box-sizing:border-box;display:grid;gap:.75rem;margin:1rem 0 1.25rem;padding:1rem;border:2px dashed var(--amber-dark);border-radius:1rem;background:#f2a83b1a}.env-panel--demo{border-color:#4285f4;background:#4285f414}.env-panel strong{color:var(--ink)}.debug-actions{display:flex;flex-wrap:wrap;gap:.6rem}.debug-button{min-height:2.6rem;padding:.6rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffc7;cursor:pointer;font-weight:900}.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}.status{display:inline-flex;gap:.45rem;align-items:center;margin-top:1rem;color:var(--muted);font-size:.94rem}.status:before{width:.6rem;height:.6rem;border-radius:999px;background:var(--mint);content:""}.error{max-width:1180px;margin:0 auto 2rem;padding:0 2rem;color:#b42318;font-weight:800}.footer{padding:2rem;color:var(--muted);text-align:center}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin-bottom:.9rem}.footer__links button{padding:0;border:none;background:none;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline}.footer__links button:hover{color:var(--raven)}.footer__identity{margin:0 0 .4rem;font-size:.85rem}.legal-page .page-card{max-width:52rem;margin:0 auto}.legal h2{margin:1.8rem 0 .6rem;color:var(--raven);font-size:1.25rem}.legal p{margin:0 0 .9rem}.legal a{color:var(--raven)}.legal .legal-note{font-size:.92rem;font-style:italic}.legal .legal-form{padding:1rem 1.2rem;border:1px dashed var(--line);border-radius:1rem;background:#00000005}.page{max-width:1180px;min-height:calc(100vh - 13rem);margin:0 auto;padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,2rem)}.admin-page{max-width:none}.admin-page .page-card{width:100%}.page-card{padding:clamp(1.4rem,4vw,2.4rem);border:1px solid var(--line);border-radius:1.8rem;background:#fffdf7d1;box-shadow:var(--shadow)}.login-card{display:grid;gap:1.3rem;max-width:36rem;margin:0 auto}.page-card h1{margin:.8rem 0 .75rem;color:var(--raven);font-size:clamp(2.2rem,5vw,4rem);line-height:.95;letter-spacing:-.06em}.page-card p{margin:0;color:var(--muted);line-height:1.7}.account-page{display:grid;gap:1.5rem}.account-card{display:grid;gap:1rem;align-items:start}.info-list{display:grid;gap:.8rem;margin-top:1.5rem}.info-list div{display:grid;gap:.25rem;padding:.9rem 1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff8a}.info-list strong{color:var(--ink)}.info-list span{overflow-wrap:anywhere;color:var(--muted)}.user-json{max-width:100%;overflow:auto;margin:0;padding:1rem;border-radius:1rem;color:var(--ink);background:#ffffff8f}.orders-panel{display:grid;gap:1rem;align-items:flex-start}.orders-panel h2{margin:0;color:var(--raven)}.empty-state{width:100%;padding:1.4rem;border:1px dashed var(--line);border-radius:1rem}.checkout-card,.checkout-layout{display:grid;gap:1.5rem}.checkout-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.checkout-progress{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none}.checkout-progress__step{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-weight:900}.checkout-progress__step:not(:last-child):after{width:1.8rem;height:2px;margin-left:.2rem;background:var(--line);content:""}.checkout-progress__step--completed,.checkout-progress__step--current{color:var(--ink)}.checkout-progress__step--completed .checkout-progress__number,.checkout-progress__step--current .checkout-progress__number{border-color:transparent;color:var(--ink);background:linear-gradient(135deg,#ffd77a,var(--amber))}.checkout-progress__number{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:999px;background:#ffffffa8;font-size:.88rem;font-weight:950}.cart-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff85}.cart-item strong,.cart-item span{display:block}.cart-item span{margin-top:.25rem;color:var(--muted)}.cart-thumb{display:grid;width:7rem;height:4rem;place-items:center;overflow:hidden;border-radius:1rem;background:#fff5df}.mini-maze{width:2.8rem;height:2.8rem;border:.35rem solid #f2a83b;border-right-color:#5eb7a0;border-bottom-color:#d85d72;border-radius:.6rem;background:#fff5df;transform:rotate(-5deg)}.quantity-control{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#ffffffc7}.quantity-control button,.text-button{color:var(--ink);background:transparent;cursor:pointer;font-weight:950}.quantity-control button{display:grid;width:2.4rem;height:2.4rem;place-items:center;outline:none}.quantity-control button:focus-visible{color:var(--amber-dark);background:#f2a83b29}.quantity-control input{width:3.2rem;border:0;color:var(--ink);background:transparent;font-weight:850;text-align:center;outline:none}.text-button{display:inline-flex;gap:.35rem;align-items:center;color:var(--amber-dark)}.icon-button{display:inline-grid;width:2.25rem;height:2.25rem;place-items:center;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffb8;cursor:pointer;font-size:1rem;font-weight:950}.icon-button:hover{color:var(--amber-dark);transform:translateY(-1px)}.cart-summary{display:grid;gap:.8rem;justify-self:end;min-width:min(100%,24rem);padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff8a}.cart-summary div,.summary-row{display:flex;justify-content:space-between;gap:1rem;color:var(--muted)}.cart-summary strong,.summary-row strong{color:var(--ink);text-align:right}.checkout-layout{grid-template-columns:1fr;align-items:start}.checkout-form{display:grid;gap:1.3rem}.checkout-form fieldset{display:grid;gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff70}.checkout-form legend{padding:0 .4rem;color:var(--ink);font-weight:950}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}.field-control{display:grid;gap:.35rem}.form-grid input{height:3rem;width:100%;padding:.8rem 1rem;border:1px solid var(--line);border-radius:1rem;color:var(--ink);background:#ffffffd1;outline:none}.form-grid input:focus{border-color:#d77825b3;box-shadow:0 0 0 4px #f2a83b2e}.form-grid input[aria-invalid=true]{border-color:#b4231894;box-shadow:0 0 0 4px #b4231814}.field-error{color:#b42318;font-size:.88rem;font-weight:850}.optional-billing-toggle{display:flex;justify-content:flex-start}.shipping-option{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff85;cursor:pointer}.shipping-option input{margin-top:.25rem}.shipping-option--selected{cursor:default}.shipping-option strong,.shipping-option small,.packeta-point strong,.packeta-point span,.packeta-point code{display:block}.shipping-option small,.packeta-point span,.packeta-point code{margin-top:.2rem;color:var(--muted)}.packeta-point{padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff9e}.terms-consent{display:flex;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff85;color:var(--ink);font-weight:850}.terms-consent-field{display:grid;gap:.35rem}.terms-consent input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--amber-dark)}.terms-consent span{line-height:1.35}.terms-consent a{color:var(--amber-dark);font-weight:950}.order-summary{display:grid;gap:1rem;padding:1.2rem;border:1px solid var(--line);border-radius:1.3rem;background:#ffffff8a}.order-summary h2{margin:0;color:var(--raven)}.payment-placeholder{box-sizing:border-box;padding:1rem;border:1px dashed var(--line);border-radius:1rem}.payment-placeholder p{margin-top:.3rem}.cta:disabled{cursor:not-allowed;opacity:.55;transform:none}.admin-layout,.admin-section{display:grid;gap:1.2rem}.admin-nav{display:flex;flex-wrap:wrap;gap:.6rem;padding:.35rem;border:1px solid var(--line);border-radius:999px;background:#ffffff70;width:fit-content}.admin-nav button{display:inline-flex;align-items:center;gap:.45rem;padding:.65rem 1rem;border-radius:999px;color:var(--ink);background:transparent;cursor:pointer;font-weight:900}.admin-nav button.active{background:linear-gradient(135deg,#ffd77a,var(--amber));box-shadow:0 10px 24px #d778252e}.admin-status,.role-badge{width:fit-content;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffff9e;font-size:.86rem;font-weight:900}.admin-section{padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff6b}.admin-section h2{margin:0;color:var(--raven)}.admin-section-description{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.admin-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.admin-section-header input{min-height:2.8rem;width:min(24rem,100%);padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:#ffffffd1;outline:none}.admin-section-header input:focus{border-color:#d77825b3;box-shadow:0 0 0 4px #f2a83b2e}.table-wrap{width:100%;overflow-x:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:760px}.table-wrap th,.table-wrap td{padding:.75rem;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;vertical-align:top}.table-wrap th{color:var(--muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.clickable-row{cursor:pointer}.clickable-row:hover td,.clickable-row:focus-visible td{background:#f2a83b1a}.clickable-row:focus-visible{outline:3px solid rgba(242,168,59,.35);outline-offset:-3px}.table-wrap code{overflow-wrap:anywhere;font-size:.82rem}.table-wrap input,.table-wrap textarea{width:100%;min-width:8rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:.75rem;color:var(--ink);background:#ffffffd1}.table-wrap textarea{min-width:18rem;min-height:4.5rem;resize:vertical}.error-inline{padding:.9rem 1rem;border:1px solid rgba(180,35,24,.22);border-radius:1rem;color:#b42318!important;background:#b423180f;font-weight:800}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#2119135c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{display:grid;gap:1rem;width:min(68rem,100%);max-height:min(44rem,90vh);overflow:auto;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:1.6rem;background:var(--paper-strong);box-shadow:var(--shadow)}.modal h2{margin:.5rem 0 0;color:var(--raven)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:flex;justify-content:flex-end;background:#21191347;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drawer{display:grid;align-content:start;gap:1.2rem;width:min(34rem,100%);height:100%;overflow:auto;padding:clamp(1rem,3vw,1.6rem);border-left:1px solid var(--line);background:var(--paper-strong);box-shadow:var(--shadow)}.drawer h2{margin:0;color:var(--raven)}.detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.drawer-form{display:grid;gap:1rem}.drawer-form label{display:grid;gap:.35rem;color:var(--ink);font-weight:850}.drawer-form input,.drawer-form textarea,.drawer-form select{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:.9rem;color:var(--ink);background:#ffffffd1;outline:none}.drawer-form textarea{min-height:8rem;resize:vertical}.audit-json{max-width:22rem;max-height:14rem;overflow:auto;margin:0;padding:.75rem;border-radius:.8rem;background:#ffffff9e;font-size:.78rem}.notification-error{display:inline-block;max-width:18rem;overflow:hidden;color:#b42318;text-overflow:ellipsis;white-space:nowrap}.template-param-list{display:flex;flex-wrap:wrap;gap:.4rem}.template-param-list code{padding:.25rem .45rem;border:1px solid var(--line);border-radius:999px;background:#ffffff9e}.email-preview{display:grid;gap:1rem}.email-preview__subject{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff9e}.email-preview__subject strong{color:var(--muted);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}.email-preview__frame{width:100%;min-height:34rem;border:1px solid var(--line);border-radius:1rem;background:#fff}.design-kit{display:grid;gap:1.5rem}.design-kit__hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.36fr);gap:1.5rem;align-items:stretch}.design-kit__brand-card{display:grid;place-items:center;min-height:16rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.6rem;background:radial-gradient(circle at 28% 20%,rgba(242,168,59,.32),transparent 11rem),linear-gradient(145deg,#ffffffbd,#fff9ef94);text-align:center}.design-kit__brand-card img{width:min(10rem,70%);filter:drop-shadow(0 18px 26px rgba(33,25,19,.18))}.design-kit__brand-card strong,.design-kit__brand-card span{display:block}.design-kit__brand-card strong{color:var(--raven);font-size:2rem;letter-spacing:-.05em}.design-kit__toc,.design-kit__button-grid,.design-kit__inline-row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.design-kit__toc{position:sticky;top:5.5rem;z-index:4;padding:.6rem;border:1px solid var(--line);border-radius:999px;background:#fffdf7db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.design-kit__toc a{padding:.55rem .8rem;border-radius:999px;color:var(--ink);font-weight:900;text-decoration:none}.design-kit__toc a:hover{color:var(--amber-dark);background:#ffffff94}.design-kit-section{display:grid;gap:1rem;padding:clamp(1rem,3vw,1.4rem);border:1px solid var(--line);border-radius:1.4rem;background:#ffffff5c}.design-kit-section__header h2{margin:.65rem 0 .4rem;color:var(--raven);font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.05em}.design-kit-section__header p,.design-kit__brand-card span{margin:0;color:var(--muted)}.design-kit__palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem}.design-kit__swatch-card{display:grid;gap:.45rem;padding:.9rem;border:1px solid var(--line);border-radius:1rem;background:#ffffff85}.design-kit__swatch{min-height:4rem;border:1px solid var(--line);border-radius:.8rem}.design-kit__swatch-card code,.design-kit__swatch-card span{color:var(--muted)}.design-kit__preview-stack,.design-kit__surface-grid,.design-kit__form-grid,.design-kit__commerce-grid,.design-kit__overlay-grid{display:grid;gap:1rem}.design-kit__button-grid{align-items:stretch}.design-kit__button-grid>*{width:fit-content}.design-kit__wide-button{max-width:22rem}.design-kit .navbar{position:static;border:1px solid var(--line);border-radius:1.4rem}.design-kit__surface-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.design-kit__surface-grid .auth-panel{grid-template-columns:1fr}.design-kit__commerce-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.44fr);align-items:start}.design-kit__commerce-grid .cart-item{grid-column:1 / -1}.design-kit__image-pair{display:grid;grid-template-columns:minmax(12rem,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff70}.design-kit__image-pair>.maze-board{margin:0 auto}.design-kit__form-grid{grid-template-columns:minmax(16rem,.38fr) minmax(0,1fr);align-items:start}.design-kit__form-grid .login-card{padding:1rem;border:1px solid var(--line);border-radius:1.2rem;background:#ffffff70}.design-kit__overlay-grid{grid-template-columns:minmax(0,1fr) minmax(18rem,.42fr);align-items:stretch}.design-kit .modal,.design-kit .drawer{position:static;width:100%;height:auto;max-height:none}.design-kit__email-frame{display:grid;min-height:10rem;place-items:center;border:1px dashed var(--line);border-radius:1rem;color:var(--muted);background:#fff;font-weight:800}@media(max-width:860px){.navbar__links a:not(.cta),.navbar__links button:not(.cta):not(.nav-auth){display:none}.hero,.product-card,.auth-panel,.checkout-layout,.cart-item,.form-grid,.design-kit__hero,.design-kit__commerce-grid,.design-kit__form-grid,.design-kit__overlay-grid,.design-kit__image-pair{grid-template-columns:1fr}.design-kit__toc{position:static;border-radius:1.2rem}.checkout-header{display:grid}.cart-summary{justify-self:stretch}.auth-panel__actions,.email-form{justify-content:flex-start}}@media(max-width:520px){.brand__text{display:none}.navbar{padding:.8rem 1rem}.hero{padding-top:3rem}.maze-board{grid-template-columns:repeat(3,3.7rem);grid-template-rows:repeat(3,3.7rem)}}