:root{--bg: #fafaf7;--surface: #ffffff;--text: #1c1c1a;--muted: #6b6b66;--line: #e4e3dd;--accent: #659e2e;--accent-text: #ffffff;--error-bg: #fdecea;--error: #a3261b;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161615;--surface: #1f1f1d;--text: #f2f1ec;--muted: #a3a29b;--line: #34332f;--accent: #7fbf3d;--accent-text: #10130c;--error-bg: #3a1b18;--error: #f2a097}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:14px}.center{display:grid;place-items:center;height:100%}.auth{display:grid;place-items:center;min-height:100%;padding:24px 16px}.card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px 24px}.card h1{margin:0 0 4px;font-size:26px}form{display:grid;gap:8px;margin-top:16px}label{font-size:14px;font-weight:600}.row{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px}.row a{font-size:13px}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:600;cursor:pointer;width:100%;border:0;border-radius:8px;padding:12px;margin-top:12px;background:var(--accent);color:var(--accent-text)}button:disabled{opacity:.6;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}button.link{width:auto;margin:0;padding:4px 8px;background:none;color:var(--accent)}.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-top:16px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.error{background:var(--error-bg);color:var(--error);border-radius:8px;padding:10px 12px;font-size:14px;margin-top:12px}.home header{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.home header .muted{margin-left:auto;font-size:14px}.start{max-width:720px;margin:12vh auto 0;padding:0 16px;text-align:center}.start h1{font-size:clamp(26px,5vw,38px);margin:0 0 8px}
