@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700&display=swap";.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:var(--wash)}.login-card{width:100%;max-width:380px;padding:var(--space-10) var(--space-8);text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo{margin-bottom:var(--space-4)}.login-logo-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--g);color:#fff;border-radius:var(--rad);font-family:var(--font-ui);font-weight:300;font-size:2rem;letter-spacing:2px;box-shadow:var(--sh-hero)}.login-title{font-family:var(--font-ui);font-weight:300;font-size:2.5rem;color:var(--t1);letter-spacing:6px;margin-bottom:var(--space-2)}.login-tagline{font-size:var(--text-sm);color:var(--t3);font-weight:400;font-style:italic;letter-spacing:.5px;margin-bottom:var(--space-4)}.login-divider{width:60px;height:1px;background:var(--wash3);margin-bottom:var(--space-6)}.login-prompt{color:var(--t3);font-size:var(--text-sm);margin-bottom:var(--space-5);letter-spacing:1px;text-transform:uppercase;font-weight:700}.login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-3) var(--space-6);margin-bottom:var(--space-3);background:transparent;border:1px solid var(--wash3);border-radius:var(--radius-md);color:var(--t1);font-family:var(--font-ui);font-size:var(--text-md);font-weight:600;letter-spacing:1px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.login-btn:active{transform:scale(.98)}.login-btn-google{border-color:var(--wash3);color:var(--t1)}.login-btn-google:hover{background:var(--wash);box-shadow:var(--sh-md)}.login-btn-apple{border-color:var(--wash3);color:var(--t1)}.login-btn-apple:hover{background:var(--wash);box-shadow:var(--sh-md)}.login-status{font-size:var(--text-xs);margin-top:var(--space-4);min-height:20px}.login-footer{margin-top:var(--space-8);font-size:10px;display:flex;gap:var(--space-2);color:var(--t4)}:root{--page: #faf8f5;--white: #ffffff;--t1: #3b322a;--t2: #5c5044;--t3: #8a7c6f;--t4: #b3a69a;--wash: #f2eee8;--wash2: #e8e2d8;--wash3: #dbcpc4;--c-terra: #C25E4B;--c-terra-light: #F7EAE8;--c-teal: #3b8e8f;--c-teal-light: #e6f2f2;--c-plum: #8F5577;--c-plum-light: #f2eaf0;--c-gold: #c79a3a;--c-gold-light: #fdf5e6;--rad: 12px;--rad-sm: 8px;--sh-sm: 0 1px 2px rgba(59, 50, 42, .05);--sh-md: 0 4px 12px rgba(59, 50, 42, .06);--font-body: "Atkinson Hyperlegible", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-ui: var(--font-body);--font-data: var(--font-mono);--text-xs: .8125rem;--text-sm: .9375rem;--text-base: 1.0625rem;--text-md: 1.1875rem;--text-lg: 1.5rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--max-width: 600px;--header-height: 56px;--g: var(--c-teal);--gl: var(--c-teal-light);--gb: var(--c-teal);--gd: var(--c-teal);--a: var(--c-gold);--al: var(--c-gold-light);--ab: var(--c-gold);--r: var(--c-terra);--rl: var(--c-terra-light);--rb: var(--c-terra);--b: var(--c-plum);--bl: var(--c-plum-light);--bb: var(--c-plum)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--page);color:var(--t1);font-family:var(--font-ui);font-size:var(--text-base);font-weight:400;line-height:1.55;letter-spacing:-.01em;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:flex;justify-content:center}#app{height:100vh;width:100%;max-width:var(--max-width, 600px);background:var(--page);display:flex;flex-direction:column;align-items:stretch;overflow:hidden;position:relative}h1,h2,h3{font-family:var(--font-ui);font-weight:800;color:var(--t1);line-height:1.25}h1{font-size:var(--text-3xl);font-weight:900;letter-spacing:-.8px}h2{font-size:var(--text-xl);letter-spacing:-.5px}h3{font-size:var(--text-lg);letter-spacing:-.5px}h4,h5,h6{font-family:var(--font-ui);font-weight:700;color:var(--t1);line-height:1.3}h4{font-size:var(--text-md)}.mono{font-family:var(--font-data)}a{color:var(--g);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--gd)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--wash3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--t4)}::selection{background:var(--gl);color:var(--gd)}:focus-visible{outline:2px solid var(--g);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-green{color:var(--g)}.text-amber{color:var(--a)}.text-red{color:var(--r)}.text-cyan{color:var(--b)}.text-dim{color:var(--t3)}.text-secondary{color:var(--t2)}@media(max-width:768px){html,body{overflow:auto;font-size:var(--text-base)}#app{height:auto;min-height:100vh;overflow:auto}}