:root{--p-ink-900:#2c3138;--p-ink-700:#3d434c;--p-ink-500:#6b7078;--p-ivory-0:#fff;--p-ivory-50:#faf7f2;--p-line-200:#e7e0d4;--p-copper-600:#8a6d41;--p-copper-500:#ad8a56;--p-copper-100:#ad8a5626;--p-moss-600:#4f7a5e;--p-moss-100:#4f7a5e26;--p-clay-600:#a34a3d;--p-clay-100:#a34a3d1f;--p-neutral-100:#6b70781f;--p-neutral-050:#3d434c14;--color-bg:var(--p-ivory-50);--color-surface:var(--p-ivory-0);--color-border:var(--p-line-200);--color-text:var(--p-ink-700);--color-text-strong:var(--p-ink-900);--color-text-muted:var(--p-ink-500);--color-text-inverse:var(--p-ivory-0);--color-accent:var(--p-copper-500);--color-accent-strong:var(--p-copper-600);--color-accent-soft:var(--p-copper-100);--color-success:var(--p-moss-600);--color-success-soft:var(--p-moss-100);--color-danger:var(--p-clay-600);--color-danger-soft:var(--p-clay-100);--color-warning:var(--p-copper-500);--color-warning-soft:var(--p-copper-100);--color-neutral-soft:var(--p-neutral-100);--color-neutral-faint:var(--p-neutral-050);--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.85rem;--text-base:1rem;--text-md:1.4rem;--text-lg:2rem;--text-xl:2.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.15;--leading-normal:1.5;--tracking-wide:.03em;--tracking-wider:.06em;--tracking-widest:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:3px;--radius-full:999px;--shadow-card:0 1px 2px #3d434c0f, 0 1px 12px #3d434c0a;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.18s;--container-app:860px;--container-auth:420px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-5);color:var(--color-text-strong)}h2{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-tight);margin:0 0 var(--space-4);color:var(--color-text-strong)}a{color:inherit}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{flex-direction:column;min-height:100%;display:flex}.header{border-bottom:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;display:flex}.wordmark{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:.01em;border-bottom:2px solid var(--color-accent);padding-bottom:2px;font-size:1.5rem}.nav{gap:var(--space-5);align-items:center;display:flex}.navLink{font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:2px;text-decoration:none}.navLinkActive{color:var(--color-text);border-bottom:2px solid var(--color-accent)}.signOut{cursor:pointer;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none}.main{width:100%;max-width:var(--container-app);padding:var(--space-6) var(--space-5) var(--space-8);flex:1;margin:0 auto}.authShell{min-height:100%;display:flex}.authFormColumn{padding:var(--space-5);flex:1;justify-content:center;align-items:center;display:flex}.authHeroColumn{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;background:linear-gradient(160deg, var(--p-ink-900), var(--color-accent-strong));color:var(--color-text-inverse);flex-direction:column;flex:1;display:none}.authHeroWordmark{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-xl)}.authHeroTagline{font-size:var(--text-md);color:var(--color-text-inverse);opacity:.85;max-width:24em;margin:0}@media (width>=768px){.authHeroColumn{display:flex}}.eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-accent-strong);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.muted{color:var(--color-text-muted);margin:0}.small{font-size:var(--text-sm)}.field{margin-bottom:var(--space-4)}.field label{font-size:var(--text-sm);font-weight:var(--weight-medium);margin-bottom:var(--space-2);color:var(--color-text-muted);display:block}.field input,.field textarea,.field select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard)}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--color-accent);background:var(--color-accent-soft)}.field textarea{resize:vertical;min-height:96px}.passwordWrapper{position:relative}.passwordWrapper input{padding-right:var(--space-7)}.passwordToggle{top:0;bottom:0;right:var(--space-3);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute}.passwordToggle:hover{color:var(--color-text)}.hint{color:var(--color-danger);font-size:var(--text-sm);margin:var(--space-2) 0 0}.formError{background:var(--color-danger-soft);border:1px solid var(--color-danger-soft);color:var(--color-danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--text-sm)}.checkboxGroup{gap:var(--space-3) var(--space-4);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.checkboxItem{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-text);display:flex}.rememberRow{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.tabs{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:var(--space-5);display:flex;overflow:hidden}.tab{text-align:center;padding:var(--space-3);cursor:pointer;background:var(--color-surface);font-size:var(--text-sm);transition:background-color var(--duration-base) var(--ease-standard);border:none;flex:1}.tabActive{background:var(--color-text-strong);color:var(--color-text-inverse)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.primary{background:var(--color-text-strong);color:var(--color-text-inverse)}.primary:hover:not(:disabled){filter:brightness(.9)}.accent{background:var(--color-accent);color:var(--color-text-inverse)}.accent:hover:not(:disabled){background:var(--color-accent-strong)}.outline{border-color:var(--color-border);color:var(--color-text);background:0 0}.outline:hover:not(:disabled){border-color:var(--color-accent)}.dangerText{color:var(--color-danger);font-size:var(--text-sm);background:0 0;border:none;padding:0}.block{width:100%}.pill{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px var(--space-3);border-radius:var(--radius-full);display:inline-block}.pillNeutral{background:var(--color-neutral-soft);color:var(--color-text-muted)}.pillFaint{background:var(--color-neutral-faint);color:var(--color-text)}.pillAccent{background:var(--color-accent-soft);color:var(--color-accent-strong)}.pillSuccess{background:var(--color-success-soft);color:var(--color-success)}.pillDanger{background:var(--color-danger-soft);color:var(--color-danger)}.mic{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-sm);margin-top:var(--space-2)}.recording{border-color:var(--color-danger);color:var(--color-danger)}.preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);max-width:100%;margin-top:var(--space-3)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-4)}.row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.link{color:inherit;transition:border-color var(--duration-base) var(--ease-standard);border-top:2px solid #0000;text-decoration:none;display:block}.link:hover{border-top-color:var(--color-accent)}.empty{text-align:center;padding:var(--space-8) var(--space-5);color:var(--color-text-muted)}.auth{width:100%;max-width:var(--container-auth);box-shadow:none;background:0 0;border:none;margin-bottom:0;padding:0}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{text-align:center}.value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-strong)}.label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}
