:root{--bg: #f3f2f1;--surface: #ffffff;--text: #201f1e;--muted: #605e5c;--border: #e1dfdd;--accent: #464eb8;--accent-text: #ffffff;color-scheme:light}:root[data-theme=dark]{--bg: #1f1c1b;--surface: #292827;--text: #f3f2f1;--muted: #a19f9d;--border: #3b3a39;--accent: #8b8cc7;--accent-text: #1f1c1b;color-scheme:dark}:root[data-theme=contrast]{--bg: #000000;--surface: #000000;--text: #ffffff;--muted: #ffffff;--border: #ffffff;--accent: #ffff00;--accent-text: #000000;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.app{max-width:720px;margin:0 auto;padding:28px 24px 40px}.app__header{margin-bottom:20px}.app__title{margin:0 0 4px;font-size:22px;font-weight:600}.app__subtitle{margin:0;color:var(--muted)}.sites{display:grid;gap:14px}.card{padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.card__title{margin:0 0 6px;font-size:16px;font-weight:600}.card__desc{margin:0 0 4px}.card__url{margin:0 0 12px;color:var(--muted);font-size:12px;word-break:break-all}.card__note{margin:0 0 12px;padding:6px 10px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:12px}.btn{display:inline-block;padding:9px 20px;border:1px solid transparent;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover{filter:brightness(1.08)}.status{margin:16px 0 0;min-height:20px;color:var(--muted)}.context{margin:4px 0 0;color:var(--muted);font-size:12px}@media(max-width:480px){.app{padding:20px 14px 32px}}