:root{--bg: #f4f5f7;--surface: #ffffff;--fg: #1b1f26;--muted: #5c6672;--line: #dfe3e8;--accent: #1f4b8e;--danger: #b3261e;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}.boot{padding:2rem 1.25rem;color:var(--muted)}.login{max-width:24rem;margin:0 auto;padding:3rem 1.25rem 2rem}.login__title{margin:0;font-size:1.75rem;color:var(--accent)}.login__sub{margin:0 0 2rem;color:var(--muted);font-size:.875rem;letter-spacing:.08em}.login__form{display:grid;gap:1rem}.login__error{margin:0;color:var(--danger);font-size:.9375rem}.login__note{margin-top:2rem;color:var(--muted);font-size:.8125rem}.field{display:grid;gap:.375rem}.field__label{font-size:.875rem;color:var(--muted)}.field__input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--line);border-radius:.5rem;background:var(--surface)}.field__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.button{padding:.875rem 1rem;font-size:1rem;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:.5rem;cursor:pointer}.button:disabled{opacity:.6;cursor:default}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.topbar__title{font-weight:700;color:var(--accent)}.topbar__logout{border:1px solid var(--line);background:transparent;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;cursor:pointer}.home{max-width:40rem;margin:0 auto;padding:1.5rem 1.25rem}.home__greeting{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.home__meta{display:grid;gap:.5rem;margin:0 0 1.5rem;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:.5rem}.home__meta>div{display:flex;gap:1rem}.home__meta dt{width:6rem;color:var(--muted);font-size:.875rem;margin:0}.home__meta dd{margin:0}.home__todo{color:var(--muted);font-size:.9375rem}.button--quiet{color:var(--accent);background:transparent;border:1px solid var(--line)}.login__divider{margin:1.25rem 0;display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8125rem}.login__divider:before,.login__divider:after{content:"";flex:1;border-top:1px solid var(--line)}.button--google{display:block;text-align:center;text-decoration:none;color:var(--fg);background:var(--surface);border:1px solid var(--line)}.home__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.home__actions .button{text-decoration:none;text-align:center}