:root{--bg: #f6f7f5;--card: #ffffff;--text: #1a1f1c;--muted: #4a544e;--brand: #047a34;--brand-text: #ffffff;--border: #d5dbd7;--focus: #0b57d0;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #111513;--card: #1b211e;--text: #eef2ef;--muted: #b7c2bb;--brand: #3ccf7a;--brand-text: #08130c;--border: #36413b;--focus: #8ab4f8}}*{box-sizing:border-box}html{font-size:20px}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Noto Sans Thai,Thonburi,Leelawadee UI,Tahoma,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}.page{max-width:480px;margin:0 auto;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}.brand h1{margin:0;font-size:1.8rem;color:var(--brand)}.brand p{margin:4px 0 20px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}h2{margin:0 0 8px;font-size:1.3rem}p{margin:0 0 16px}.muted{color:var(--muted)}.button{display:block;width:100%;min-height:56px;padding:12px 16px;border:0;border-radius:12px;background:var(--brand);color:var(--brand-text);font:inherit;font-weight:700;cursor:pointer}.button.secondary{background:transparent;color:var(--text);border:2px solid var(--border);margin-top:16px}.button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.center{text-align:center}.spinner{width:48px;height:48px;margin:8px auto 16px;border:5px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.profile{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profile img{border-radius:50%;flex:none}.greeting{margin:0;font-size:1.2rem;font-weight:700;overflow-wrap:anywhere}.status{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.status dt{color:var(--muted)}.status dd{margin:0;font-weight:600}.dev-list{margin:0;padding-left:20px;font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}.notice{margin-top:16px;font-size:.85rem;color:var(--muted);text-align:center}