:root{--bg: #f6f3ee;--surface: #ffffff;--text: #1f2a24;--muted: #6b7570;--border: #ddd8cf;--accent: #3f6b52;--accent-hover: #345a45;--error: #b42318;--radius: 12px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-text-size-adjust:100%}h1{margin:0 0 20px;font-size:24px;line-height:1.25;font-weight:600}.page{min-height:100vh;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.page-center{display:flex;align-items:center;justify-content:center;padding-left:16px;padding-right:16px}.card{width:100%;max-width:400px;margin:24px 0;padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:600}.card .brand{margin-bottom:24px}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:6px;font-size:14px;font-weight:500}.field input{width:100%;padding:11px 12px;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3f6b5226}.field small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.check{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:14px;color:var(--muted);cursor:pointer}.error{margin:0 0 16px;color:var(--error);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 16px;font:inherit;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer}.button:hover{background:var(--accent-hover)}.button:disabled{opacity:.6;cursor:default}.button-ghost{width:auto;padding:8px 14px;color:var(--accent);background:transparent;border-color:var(--border)}.button-ghost:hover{background:#3f6b520f}.switch{margin:20px 0 0;text-align:center;font-size:14px;color:var(--muted)}.link{padding:0;font:inherit;color:var(--accent);background:none;border:none;text-decoration:underline;cursor:pointer}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.account{display:flex;align-items:center;gap:12px;min-width:0}.email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:14px}.content{max-width:720px;margin:0 auto;padding:32px 20px}.muted{color:var(--muted)}.brand img{border-radius:8px}