:root{color-scheme:light;--bg: #f5f5f3;--surface: #ffffff;--surface-2: #ececea;--text: #1b1b1a;--muted: #64645f;--border: #dcdcd7;--accent: #d0261b;--danger: #c0281e;--ok: #1f9d55;--tag-clock: #2563c9;--tag-news: #8a5a00;--tag-instagram: #c1306b;--tag-youtube: #d0261b;--tag-weather: #0f7c8c;--tag-animation: #7a4fd0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #131312;--surface: #1b1b1a;--surface-2: #262624;--text: #ececea;--muted: #9d9d97;--border: #2f2f2c;--accent: #ff4a3b;--danger: #ff6b5e;--ok: #3ccf7a;--tag-clock: #7aa7ff;--tag-news: #e3b04b;--tag-instagram: #f06aa0;--tag-youtube: #ff6b5e;--tag-weather: #4fc3d4;--tag-animation: #b49bff}}body{margin:0;font:16px/1.5 system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.6rem}.logo{width:22px;height:22px;border-radius:5px;background:radial-gradient(circle,var(--accent) 28%,transparent 30%) 0 0 / 7px 7px,#111}h1{font-size:1.05rem;margin:0;letter-spacing:-.01em}button{font:inherit;font-size:.88rem;border-radius:8px;cursor:pointer;border:1px solid transparent}button:disabled{opacity:.45;cursor:default}.primary{padding:.5rem 1.3rem;font-weight:600;background:var(--accent);color:#fff}.ghost{padding:.4rem .8rem;background:transparent;color:var(--text);border-color:var(--border)}.ghost:hover:not(:disabled){background:var(--surface-2)}.hint{color:var(--muted);font-size:.82rem;margin:.5rem 0 0}.nav{display:flex;align-items:center;gap:1rem}a.brand{color:inherit;text-decoration:none}a.ghost{display:inline-block;text-decoration:none;font-size:.88rem;border:1px solid var(--border);border-radius:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
