@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..700,0..100,0..1;1,9..144,300..700,0..100,0..1&family=Karla:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");:root{--bg:#12100E;--surface:#171410;--card:#1C1815;--card-hover:#262019;--accent:#E3A857;--accent-hot:#F0BC72;--accent-dim:#B47C3A;--accent-wash:#2A2118;--gold:#E3A857;--text:#F4EDE3;--text-muted:#A99884;--text-faint:#6B5F52;--border:#2E2721;--border-light:#221D18;--good:#7FA187;--good-wash:#1A211C;--warn:#C8724E;--error:#C8724E;--error-wash:#271B16}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100%}body{background:var(--bg);color:var(--text);font-family:Karla,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.7;min-height:100%;-webkit-font-smoothing:antialiased}.display{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 100;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:300;letter-spacing:-.015em;line-height:1.14;text-wrap:balance}.label{font-family:system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.page-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem}.page-column{max-width:560px;width:100%;margin:0 auto;padding:2rem 1.5rem}.wordmark{font-family:Fraunces,Georgia,serif;font-variation-settings:"SOFT" 60,"WONK" 1,"opsz" 40;font-size:1.5rem;font-weight:600;letter-spacing:-.03em;color:var(--text);text-decoration:none}.wordmark span{color:var(--accent)}.wordmark em{font-style:normal;font-weight:400}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;padding:.6875rem 1.375rem;border-radius:6px;border:none;cursor:pointer;transition:background .15s,opacity .15s,transform .1s;text-decoration:none;line-height:1}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accent-hot)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--card);color:var(--text)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-family:system-ui,-apple-system,sans-serif;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.form-input,.form-select,.form-textarea{background:var(--card);border:1px solid var(--border);color:var(--text);font-family:Karla,system-ui,sans-serif;font-size:.9375rem;padding:.7rem .875rem;border-radius:6px;width:100%;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-faint)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-textarea{resize:vertical;font-family:Karla,system-ui,sans-serif;line-height:1.65}.form-hint{font-size:.75rem;color:var(--text-faint)}.form-hint,.notice{font-family:system-ui,sans-serif;line-height:1.5}.notice{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.875rem 1rem;font-size:.8125rem;color:var(--text-muted)}.notice-info{border-left:3px solid var(--accent)}.notice-good{border-left:3px solid var(--good);background:var(--good-wash);color:var(--good)}.notice-error{border-left:3px solid var(--error);background:var(--error-wash);color:var(--error)}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:background .15s,border-color .15s;width:100%;text-align:left;text-decoration:none;color:inherit}.profile-card:hover{background:var(--card-hover);border-color:var(--accent-wash)}.profile-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-wash);border:1px solid var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;color:var(--accent);flex-shrink:0}.profile-avatar,.profile-name{font-family:Fraunces,Georgia,serif}.profile-name{font-size:1.1875rem;font-weight:500;color:var(--text)}.profile-meta{font-family:system-ui,sans-serif;font-size:.75rem;color:var(--text-faint);margin-top:.15rem}.mic-btn{width:72px;height:72px;border-radius:50%;border:2px solid var(--accent);background:var(--accent-wash);color:var(--accent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mic-btn.recording,.mic-btn:hover{background:var(--accent);color:var(--bg)}.mic-btn.recording{animation:mic-pulse 2s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 0 0 rgba(227,168,87,.4)}50%{box-shadow:0 0 0 16px rgba(227,168,87,0)}}.progress-track{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.typing-indicator{display:flex;gap:5px;align-items:center;padding:.25rem 0}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);animation:typing 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.mic-btn.recording,.typing-dot{animation:none}.typing-dot{opacity:.5}}