@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@500;600;700;800;900&family=Lexend:wght@300;400;500;600;700;800&family=Gochi+Hand&family=Space+Mono:wght@400;700&family=JetBrains+Mono:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--ink:#1b1340;--ink-soft:#4b4470;--paper:#fff7e8;--paper-deep:#ffefd6;--rule:#d6e6ff;--margin:#ff9b93;--bubblegum:#ff5fa2;--sunflower:#ffd23f;--sky:#4cc9f0;--tangerine:#ff8c42;--grape:#9b6bff;--grape-ink:#6b3fe0;--stamp:#c01e50;--cream-50:#fffdf7;--cream-100:var(--paper);--cream-200:var(--paper-deep);--cream-300:#f1dec0;--cream-400:#d9c29e;--cream-500:#b39b78;--obsidian-950:#0f0a26;--obsidian-900:var(--ink);--obsidian-850:#221a4d;--obsidian-800:#2a2158;--obsidian-700:#3a2f70;--obsidian-600:#4b4470;--gold-300:#ffe68a;--gold-400:#ffd23f;--gold-500:#ffb800;--gold-600:#6b3fe0;--gold-700:#5a2fcc;--navy-950:#0f0a26;--navy-900:var(--ink);--navy-850:#221a4d;--navy-800:#2a2158;--navy-700:#3a2f70;--navy-600:#5a2fcc;--navy-500:#6b3fe0;--navy-400:#9b6bff;--navy-300:#c7b2ff;--navy-200:#e2d6ff;--navy-100:#f1ebff;--navy-50:#f8f4ff;--btn-navy-bg:var(--ink);--btn-navy-hover:#2a2158;--btn-navy-active:#0f0a26;--btn-navy-text:#fff;--btn-navy-shadow:4px 4px 0 var(--bubblegum);--sci-cyan:var(--sky);--sci-teal:#12a3c7;--sci-rose:var(--bubblegum);--sci-amber:var(--tangerine);--sci-emerald:#14a06b;--sci-indigo:var(--grape-ink);--color-bg:var(--paper);--color-bg-alt:#fffdf7;--color-surface:#fff;--color-surface-warm:#fffdf7;--color-surface-hover:var(--paper-deep);--color-primary:var(--ink);--color-primary-hover:#2a2158;--color-primary-bg:var(--paper-deep);--color-accent:var(--bubblegum);--color-accent-hover:#f2448f;--color-accent-light:#ff5fa224;--color-accent-border:#1b1340e6;--color-secondary:var(--grape-ink);--color-secondary-bg:#f1ebff;--color-text:var(--ink);--color-text-muted:var(--ink-soft);--color-text-faint:#6f6890;--color-text-gold:var(--grape-ink);--color-border:#1b134038;--color-border-hover:#1b134099;--color-border-subtle:#1b13401f;--rail-bg:var(--ink);--rail-border:#ffffff1a;--rail-text:#fff7e8;--rail-text-muted:#c7b2ff;--rail-active-bg:var(--sunflower);--rail-active-text:var(--ink);--color-error:#c01e50;--color-error-bg:#ffe8ef;--color-success:#0e7a52;--color-success-bg:#e3f8ee;--color-warning:#a85400;--color-warning-bg:#fff1e3;--shadow-xs:2px 2px 0 #1b1340e6;--shadow-sm:3px 3px 0 var(--ink);--shadow-md:5px 5px 0 var(--ink);--shadow-lg:7px 7px 0 var(--ink);--shadow-gold:4px 4px 0 var(--sunflower);--shadow-dark:0 16px 40px #0f0a2659;--sticker-border:3px solid var(--ink);--scene-bg-start:#fffdf7;--scene-bg-end:#fff1da;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.26s cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--font-serif:"Unbounded", system-ui, sans-serif;--font-display:"Unbounded", system-ui, sans-serif;--font-grotesque:"Unbounded", system-ui, sans-serif;--font-signature:"Gochi Hand", cursive;--font-hand:"Gochi Hand", cursive;--font-body:"Lexend", system-ui, -apple-system, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1.0625rem;--text-lg:1.1875rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2.125rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--leading-tight:1.18;--leading-snug:1.32;--leading-normal:1.55;--leading-relaxed:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:30px;--radius-full:9999px;--z-canvas:0;--z-overlay:10;--z-sidebar:20;--z-panel:30;--z-header:40;--z-modal:50;--rail-width:76px;--rail-expanded:240px;--panel-width:380px;--top-bar-height:60px;--bottom-nav-height:84px}.nb-paper{background-color:var(--paper);background-image:linear-gradient(90deg, transparent 63px, var(--margin) 63px, var(--margin) 65px, transparent 65px), repeating-linear-gradient(180deg, transparent 0, transparent 35px, var(--rule) 35px, var(--rule) 36px)}.nb-grid{background-color:#fffdf7;background-image:linear-gradient(#4cc9f038 1px,#0000 1px),linear-gradient(90deg,#4cc9f038 1px,#0000 1px);background-size:32px 32px}.stk{border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:5px 5px 0 var(--ink);background:var(--stk-bg,#fff);color:var(--ink)}.stk-sm{box-shadow:3px 3px 0 var(--ink);border-radius:var(--radius-md);border-width:2.5px}a.stk,button.stk{transition:transform .14s var(--ease-standard), box-shadow .14s var(--ease-standard);text-decoration:none}a.stk:hover,button.stk:hover{box-shadow:8px 8px 0 var(--ink);color:var(--ink);transform:translate(-2px,-3px)rotate(0)!important}a.stk:active,button.stk:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)!important}.stk-btn{border:3px solid var(--ink);border-radius:var(--radius-full);min-height:50px;box-shadow:4px 4px 0 var(--ink);background:var(--stk-bg,#fff);color:var(--ink);font:800 15px var(--font-display);letter-spacing:-.01em;cursor:pointer;transition:transform .12s var(--ease-standard), box-shadow .12s var(--ease-standard);justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex}.stk-btn:hover{box-shadow:6px 6px 0 var(--ink);color:var(--ink);transform:translate(-2px,-2px)}.stk-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.stk-btn:disabled{opacity:.5;cursor:default;box-shadow:4px 4px 0 var(--ink);transform:none}.stk-btn.is-pink{background:var(--bubblegum)}.stk-btn.is-sun{background:var(--sunflower)}.stk-btn.is-sky{background:var(--sky)}.stk-btn.is-ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--bubblegum)}.stk-btn.is-ink:hover{color:var(--paper);box-shadow:6px 6px 0 var(--bubblegum)}.stk-chip{border:2.5px solid var(--ink);border-radius:var(--radius-full);min-height:32px;font:700 12.5px var(--font-body);color:var(--ink);background:#fff;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.stk-tag{background:var(--ink);color:var(--paper);font:800 14px var(--font-display);letter-spacing:.04em;border-radius:10px;padding:6px 14px;display:inline-block}.hand{font-family:var(--font-hand);color:var(--grape-ink)}.formula{font-family:var(--font-mono);letter-spacing:-.01em;font-weight:700}.tape{pointer-events:none;background:#ffd23fc7;border-left:2px dashed #1b134029;border-right:2px dashed #1b134029;width:92px;height:26px;position:absolute}.swash{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--sunflower);border-radius:.28em;padding:0 .18em;display:inline-block;transform:rotate(-2deg)}.screen-container{max-width:1120px;padding:32px 24px calc(var(--bottom-nav-height) + 24px);margin:0 auto}.card{border:3px solid var(--ink);border-radius:var(--radius-lg);box-shadow:5px 5px 0 var(--ink);color:var(--ink);background:#fff;margin-bottom:22px;padding:22px;position:relative}.section-header{font:900 22px/1.2 var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0 0 16px}.desktop-two-col{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.shimmer{background:linear-gradient(90deg, var(--paper-deep) 0%, #fff 50%, var(--paper-deep) 100%);background-size:200% 100%;border:3px solid #1b134026;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.slide-up{animation:slide-up .35s var(--ease-spring) both}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}}.spinner{border:4px solid var(--paper-deep);border-top-color:var(--bubblegum);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.desktop-two-col{grid-template-columns:1fr}.screen-container{padding:20px 16px calc(var(--bottom-nav-height) + 20px)}}@media (prefers-reduced-motion:reduce){.shimmer,.slide-up,.spinner{animation:none}}@media (width<=700px){.nb-paper{background-image:repeating-linear-gradient(180deg, transparent 0, transparent 35px, var(--rule) 35px, var(--rule) 36px)}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--grape-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){a.stk,button.stk,.stk-btn{transition:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden auto}#root{width:100%;min-height:100dvh;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--color-text)}.font-serif{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}code,pre,.mono{font-family:var(--font-mono);letter-spacing:-.01em;font-size:.88em}input,textarea,select{font-family:var(--font-body);font-size:max(16px, var(--text-base));color:var(--color-text);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 2px var(--color-accent);outline:none}input[type=range]{appearance:none;background:var(--cream-300);border-radius:var(--radius-full);cursor:pointer;outline:none;width:100%;height:6px;transition:background .2s}input[type=range]:hover{background:var(--cream-400)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--obsidian-900);border:2px solid var(--navy-700);cursor:grab;border-radius:50%;width:18px;height:18px;transition:transform .15s,background .15s;box-shadow:0 2px 6px #0003}input[type=range]::-webkit-slider-thumb:hover{background:var(--navy-900);transform:scale(1.15)}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(.95)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--cream-100)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#002b6640}::-webkit-scrollbar-thumb:hover{background:var(--navy-900)}::selection{background:var(--gold-300);color:var(--obsidian-950)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pulseGold{0%{box-shadow:0 0 #cba35873}70%{box-shadow:0 0 0 10px #cba35800}to{box-shadow:0 0 #cba35800}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glass-cream{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:#fcfaf7e0}.glass-dark{-webkit-backdrop-filter:blur(20px);color:#f7f3eb;box-shadow:var(--shadow-dark);background:#151210eb;border:1px solid #ffffff14}.card-editorial{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth);border-radius:0}.card-editorial:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-hover);transform:translateY(-3px)}.btn-navy-primary{transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);font-weight:700;box-shadow:0 4px 14px #002b6666;background:var(--btn-navy-bg,#002b66)!important;color:#fff!important;border-radius:0!important}.btn-navy-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #002b6680;background:var(--btn-navy-hover,#0b3f94)!important}.btn-navy-primary:active{transform:translateY(0);background:var(--btn-navy-active,#022e71)!important}.badge-gold{color:var(--gold-700);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);background:#cba35824;border:1px solid #cba35859;border-radius:0;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.badge-dark{background:var(--obsidian-850);color:var(--gold-400);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-bold);border:1px solid #cba35859;border-radius:0;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.canvas-container-3d{background:radial-gradient(circle at 50% 30%,#faf6ee 0%,#ece4d6 100%);width:100%;height:100%;position:relative;overflow:hidden}.canvas-container-3d canvas{outline:none;display:block;width:100%!important;height:100%!important}.font-signature{font-family:var(--font-signature);background:linear-gradient(188deg,#ffd392 30%,#cf9c56 65%,#b87c08 95%);-webkit-text-fill-color:transparent;vertical-align:middle;-webkit-background-clip:text;padding:0 4px;font-size:1.5em;font-weight:400;line-height:.85;display:inline-block;transform:translateY(-2px)}.font-grotesque{font-family:var(--font-grotesque)}.scroll-curtain-overlap{z-index:10;transition:box-shadow var(--transition-smooth);background:radial-gradient(at 50% 0,#fffdf9 0%,#faf6ee 55%,#f3ede2 100%);border-top:1px solid #002b6633;border-top-left-radius:36px;border-top-right-radius:36px;margin-top:-90px;padding:48px 0 100px;position:relative;box-shadow:0 -24px 60px #15121014}@media (width<=768px){.scroll-curtain-overlap{border-top-left-radius:24px;border-top-right-radius:24px;margin-top:-45px;padding:32px 0 80px}}.showcase-frame{transition:transform var(--transition-smooth), box-shadow var(--transition-smooth);background:#fcfaf7;border:1px solid #002b6633;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 16px 45px #15121012}.showcase-frame:hover{box-shadow:0 24px 60px #1512101f}