:root{--ink:#0a0b0f;--ink-80:#0a0b0fe0;--surface:#111218;--surface-2:#181920;--surface-3:#20212e;--surface-hover:#1e1f2a;--border:#c4a36824;--border-mid:#c4a36847;--border-hi:#c4a36880;--gold:#c4a368;--gold-lt:#e2cb96;--gold-dk:#8a6e3e;--gold-glow:#c4a3681f;--cream:#f2ebd8;--text:#e4ddd0;--text-mid:#a89f8c;--text-dim:#5a5448;--success:#5ab464e6;--error:#d24646e6;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Jost",sans-serif;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-pill:999px;--shadow-sm:0 1px 3px #0006,0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080,0 2px 6px #00000059;--shadow-lg:0 12px 40px #0009,0 4px 12px #0006;--shadow-gold:0 4px 24px #c4a36814;--max-w:880px;--page-px:clamp(20px,5vw,52px);--page-py:52px;--ease:cubic-bezier(.25,.46,.45,.94);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.38s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--ink);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(100% 60% at 50% -5%,#c4a36812 0%,#0000 65%),radial-gradient(60% 40% at 80% 80%,#c4a36808 0%,#0000 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");min-height:100vh;font-size:15px;font-weight:300;line-height:1.65}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-save{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldPulse{0%,to{box-shadow:0 0 #c4a36800}50%{box-shadow:0 0 0 6px #c4a3681f}}.animate-fade-up{animation:fadeUp var(--dur-slow)var(--ease-out)both}.animate-fade-up-1{animation:fadeUp var(--dur-slow)var(--ease-out)60ms both}.animate-fade-up-2{animation:fadeUp var(--dur-slow)var(--ease-out).12s both}.animate-fade-up-3{animation:fadeUp var(--dur-slow)var(--ease-out).18s both}.animate-fade-up-4{animation:fadeUp var(--dur-slow)var(--ease-out).24s both}.page{min-height:100vh;max-width:var(--max-w);padding:var(--page-py)var(--page-px);margin:0 auto}.gold-rule{border:none;border-top:1px solid var(--border);margin:40px 0;position:relative}.gold-rule:after{content:"";background:var(--gold-dk);opacity:.6;width:48px;height:1px;position:absolute;top:-1px;left:0}.display{font-family:var(--font-display);letter-spacing:.02em;font-weight:300}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);transition:border-color var(--dur-base)var(--ease),box-shadow var(--dur-base)var(--ease);padding:28px}.panel-gold{border:1px solid var(--border-mid);border-radius:var(--r-md);box-shadow:var(--shadow-gold);background:linear-gradient(145deg,#c4a36812 0%,#c4a36805 100%);padding:22px 26px}.btn-primary{background:linear-gradient(135deg,var(--gold-lt)0%,var(--gold)50%,var(--gold-dk)100%);color:#1a1407;font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-xl);transition:background-position var(--dur-base)var(--ease),transform var(--dur-fast)var(--ease-spring),box-shadow var(--dur-base)var(--ease);background-position:100% 0;background-size:200% 200%;border:none;align-items:center;gap:8px;padding:14px 32px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px 12px #c4a36840,0 1px 3px #0000004d}.btn-primary:hover{background-position:0 100%;transform:translateY(-2px);box-shadow:0 6px 24px #c4a36859,0 2px 6px #0000004d}.btn-primary:active{transform:translateY(0)}.btn-ghost{color:var(--text-mid);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border-mid);border-radius:var(--r-xl);transition:color var(--dur-base)var(--ease),border-color var(--dur-base)var(--ease),background var(--dur-base)var(--ease),transform var(--dur-fast)var(--ease-spring);background:0 0;align-items:center;gap:8px;padding:13px 26px;font-size:12px;font-weight:500;display:inline-flex}.btn-ghost:hover{color:var(--gold);border-color:var(--border-hi);background:#c4a3680f;transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0)}.tag{letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);align-items:center;gap:5px;padding:4px 10px;font-size:9px;font-weight:600;display:inline-flex}.tag-unlocked{color:var(--gold);background:#c4a3681a;border:1px solid #c4a36840}.tag-locked{color:var(--text-dim);background:#5c56491f;border:1px solid #5c564938}.tag-open{color:var(--gold-lt);background:#c4a36814;border:1px solid #c4a36833}.input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);font-family:var(--font-body);transition:border-color var(--dur-base)var(--ease),background var(--dur-base)var(--ease),box-shadow var(--dur-base)var(--ease);letter-spacing:.04em;outline:none;padding:14px 18px;font-size:14px;font-weight:300}.input:focus{border-color:var(--gold-dk);background:var(--surface-3);box-shadow:0 0 0 3px #c4a36814,0 2px 8px #0000004d}.input::placeholder{color:var(--text-dim);letter-spacing:.04em}textarea.input{resize:vertical;letter-spacing:.02em;min-height:260px;font-size:15px;line-height:1.75}.skeleton{background:linear-gradient(90deg,var(--surface)0%,var(--surface-2)50%,var(--surface)100%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.6s ease-in-out infinite shimmer}