*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--bg:#050505;--bg-raised:#0a0a0a;--bg-panel:#111;--bg-input:#1a1a1a;--border:#ffffff1a;--border-mid:#fff3;--border-focus:#c59d5f;--purple:#c59d5f;--purple-light:#e8c68c;--purple-subtle:#c59d5f1a;--white:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--r-sm:0px;--r-md:2px;--r-lg:4px;--r-full:4px;--ease:cubic-bezier(.16, 1, .3, 1)}body{background-color:var(--bg);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit}.shell{background:var(--bg);flex-direction:column;min-height:100dvh;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.content{z-index:1;flex:1;width:100%;max-width:600px;margin:0 auto;padding:24px;position:relative}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md)}.panel-interactive{transition:all .3s var(--ease);cursor:pointer}.panel-interactive:hover{background:var(--bg-input);border-color:var(--border-mid)}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--white);font-size:15px;font-family:var(--font-sans);outline:none;padding:14px 16px;transition:all .2s}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.btn{border-radius:var(--r-sm);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--white);color:#000}.btn-primary:hover:not(:disabled){background:#f0f0f0}.btn-secondary{color:var(--white);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){border-color:var(--border-mid);background:#ffffff0d}.btn-ghost{color:var(--text-secondary);background:0 0;padding:10px 16px}.btn-ghost:hover:not(:disabled){color:var(--white)}.divider{background:var(--border);width:100%;height:1px;margin:16px 0}.badge{border-radius:var(--r-sm);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:4px 10px;font-size:10px;font-weight:600;display:inline-flex}.badge-purple{background:var(--purple-subtle);color:var(--purple-light);border:1px solid #c59d5f33}.badge-amber{color:#fcd34d;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-outline{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--purple-light);margin-bottom:8px;font-size:11px;font-weight:500;display:block}.eyebrow-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-size:11px;font-weight:600;display:block}.error-box{color:#fca5a5;border-radius:var(--r-sm);background:#ef44441a;border-left:2px solid #ef4444;padding:12px 16px;font-size:13px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.fu{animation:fadeUp .4s var(--ease) both}.fu1{animation:fadeUp .4s var(--ease) .1s both}.fu2{animation:fadeUp .4s var(--ease) .15s both}.fu3{animation:fadeUp .4s var(--ease) .2s both}.fu4{animation:fadeUp .4s var(--ease) .25s both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}