@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&family=DM+Mono:wght@300;400;500&display=swap");:root{--color-bg:#0e0d0b;--color-surface:#161410;--color-surface-raised:#1c1a16;--color-border:#252018;--color-border-subtle:#1c1a14;--color-gold:#c8a96e;--color-gold-dim:#8a7249;--color-text:#e8d5a8;--color-text-muted:#7a6a4a;--color-text-faint:#4a3e2a;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-serif:"DM Serif Display",Georgia,serif;--font-mono:"DM Mono","Courier New",monospace;--radius-sm:4px;--radius-md:6px;--radius-lg:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body,html{font-size:14px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{font-family:var(--font-serif);font-weight:400}button,input,select,textarea{font-family:var(--font-mono);font-size:14px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.page-shell{min-height:100vh;flex-direction:column;padding:0 16px 80px}.page-header,.page-shell{display:flex;align-items:center}.page-header{width:100%;max-width:640px;justify-content:space-between;padding:24px 0 16px;border-bottom:1px solid var(--color-border-subtle);margin-bottom:40px}.page-wordmark{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--color-gold)}.page-main{width:100%;max-width:640px}.form-section{margin-bottom:40px}.form-section-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);margin-bottom:20px;display:block}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:6px;letter-spacing:.04em}.form-input{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);padding:12px 14px;font-family:var(--font-mono);font-size:14px;transition:border-color .2s;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--color-gold)}.form-input::placeholder{color:var(--color-text-faint)}.form-hint{color:var(--color-text-muted)}.form-error,.form-hint{font-size:12px;margin-top:4px}.form-error{color:var(--color-error);display:none}.form-error.visible{display:block}.btn-primary{background:var(--color-gold);color:var(--color-bg);font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.06em;padding:12px 32px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:opacity .2s,transform .2s}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.state-screen{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px}.state-title{font-family:var(--font-serif);font-style:italic;font-size:28px;color:var(--color-text);margin-bottom:12px}.state-body{font-size:14px;color:var(--color-text-muted);line-height:1.7;max-width:440px}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;animation:spin .7s linear infinite}@media (max-width:640px){.page-header{padding:16px 0 12px}.form-input{padding:10px 12px}}