@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-ext-400-normal.3vm4r-qr3_yee.woff2)format("woff2"),url(../media/inter-cyrillic-ext-400-normal.2e4vdgi7dy-n4.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-cyrillic-400-normal.1nwx-p2ngx2yg.woff2)format("woff2"),url(../media/inter-cyrillic-400-normal.2jms6gqb5gbhf.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-ext-400-normal.2gr4b827yb2_q.woff2)format("woff2"),url(../media/inter-greek-ext-400-normal.38g6916w0wpxs.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-greek-400-normal.402ep76-j03q8.woff2)format("woff2"),url(../media/inter-greek-400-normal.2x8hqgpakc599.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-vietnamese-400-normal.1sl-kw9vnef9y.woff2)format("woff2"),url(../media/inter-vietnamese-400-normal.3206qgbkgsfc6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-ext-400-normal.1aowtwjb6jex7.woff2)format("woff2"),url(../media/inter-latin-ext-400-normal.0zt1v0rj9tqox.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(../media/inter-latin-400-normal.2qdljeg3s-lsl.woff2)format("woff2"),url(../media/inter-latin-400-normal.102grxki9ek3x.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-ext-500-normal.451fj7ly9889_.woff2)format("woff2"),url(../media/inter-cyrillic-ext-500-normal.0_c2ylqj08xb6.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-cyrillic-500-normal.3zacfqz4x1vrc.woff2)format("woff2"),url(../media/inter-cyrillic-500-normal.05wrgophr2f13.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-ext-500-normal.3k6j2t6znom4a.woff2)format("woff2"),url(../media/inter-greek-ext-500-normal.3qwacgs2d7zx0.woff)format("woff");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-greek-500-normal.2ofy8orayc7fk.woff2)format("woff2"),url(../media/inter-greek-500-normal.2irgx7vnqhmdq.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-vietnamese-500-normal.1csmxjt29l4d6.woff2)format("woff2"),url(../media/inter-vietnamese-500-normal.315hfdijg963m.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-ext-500-normal.0qn8fxo3_-rz7.woff2)format("woff2"),url(../media/inter-latin-ext-500-normal.39_ak3tg9vcce.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(../media/inter-latin-500-normal.1d14jwmkqqa0f.woff2)format("woff2"),url(../media/inter-latin-500-normal.3mx_ru0c2nzc3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-cyrillic-ext-700-normal.2j6i_zuuo5zoh.woff2)format("woff2"),url(../media/comfortaa-cyrillic-ext-700-normal.3928noxq4bu1r.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-cyrillic-700-normal.3_kuz19clqnrf.woff2)format("woff2"),url(../media/comfortaa-cyrillic-700-normal.1vz9_aseh952f.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-greek-700-normal.1jmkge_esajg3.woff2)format("woff2"),url(../media/comfortaa-greek-700-normal.2tw9mjlsi6bs5.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-vietnamese-700-normal.007cfactl6n7m.woff2)format("woff2"),url(../media/comfortaa-vietnamese-700-normal.0vbdzxi87cexf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-latin-ext-700-normal.3yejs4c1wlrmw.woff2)format("woff2"),url(../media/comfortaa-latin-ext-700-normal.18_8_l5c8_f3p.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Comfortaa;font-style:normal;font-display:swap;font-weight:700;src:url(../media/comfortaa-latin-700-normal.3u644loqxpx_w.woff2)format("woff2"),url(../media/comfortaa-latin-700-normal.3_d5n5i0yyo_d.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-cyrillic-ext-400-normal.2xgjnt7tqh9_7.woff2)format("woff2"),url(../media/jetbrains-mono-cyrillic-ext-400-normal.2k9shvy03yibn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-cyrillic-400-normal.0qoulnxh80yge.woff2)format("woff2"),url(../media/jetbrains-mono-cyrillic-400-normal.0-x1dsk872q42.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-greek-400-normal.0_-0tsqse47zs.woff2)format("woff2"),url(../media/jetbrains-mono-greek-400-normal.3y1-6__cta0i8.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-vietnamese-400-normal.2_8hwz_kagcew.woff2)format("woff2"),url(../media/jetbrains-mono-vietnamese-400-normal.1lu2dr36-r4uv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-latin-ext-400-normal.1y03up-y7l7i4.woff2)format("woff2"),url(../media/jetbrains-mono-latin-ext-400-normal.02j2uvbtesu5k.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:400;src:url(../media/jetbrains-mono-latin-400-normal.3crsbyy6lh6yf.woff2)format("woff2"),url(../media/jetbrains-mono-latin-400-normal.2-1gwgi1uvl-u.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-cyrillic-ext-600-normal.3y4n68j745l_1.woff2)format("woff2"),url(../media/jetbrains-mono-cyrillic-ext-600-normal.3xb4xhtv_lk6j.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-cyrillic-600-normal.31s9lr8d8pejk.woff2)format("woff2"),url(../media/jetbrains-mono-cyrillic-600-normal.0_9wqfk4kqf-v.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-greek-600-normal.3f1c2u9vcvn5w.woff2)format("woff2"),url(../media/jetbrains-mono-greek-600-normal.2k0wmmd-ig2og.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-vietnamese-600-normal.37cz5cj47erdg.woff2)format("woff2"),url(../media/jetbrains-mono-vietnamese-600-normal.0fn2xt3zfg3a5.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-latin-ext-600-normal.12mh91he4a1qo.woff2)format("woff2"),url(../media/jetbrains-mono-latin-ext-600-normal.0lhg6spedegg5.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:600;src:url(../media/jetbrains-mono-latin-600-normal.2mm922pe315l1.woff2)format("woff2"),url(../media/jetbrains-mono-latin-600-normal.28pz06g_9sy0y.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg-base:#f8f9fa;--bg-dot-pattern:#d1d5db33;--card-bg:#fff;--card-border:#e5e7ebe6;--card-hover-border:#10b98166;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#9ca3af;--text-muted:#6b7280;--accent-green:#10b981;--accent-sky:#0284c7;--accent-rose:#e11d48;--accent-amber:#d97706;--accent-clock-hand:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", SFMono-Regular, Menlo, Consolas, var(--font-sans), monospace;--font-brand:"Comfortaa", var(--font-sans);--font-quote:"Noto Serif SC", "Songti SC", SimSun, var(--font-sans), serif;--text-display:38px;--text-title:28px;--text-heading:16px;--text-body:14px;--text-caption:12px;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--canvas-max:1152px;--gutter:24px;--margin-mobile:24px;--margin-desktop:48px;--shadow-card:0 2px 10px #1c273c08, 0 1px 3px #1c273c05;--shadow-hover:0 8px 20px -4px #1c273c0f, 0 2px 6px #1c273c08;--motion-fast:.2s;--clock-face:#2b323b}
*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--text-primary);background:var(--bg-base);background-image:radial-gradient(var(--bg-dot-pattern) 1px, transparent 1px);font:400 var(--text-body)/1.7 var(--font-sans);-webkit-font-smoothing:antialiased;background-size:24px 24px;margin:0}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:0 0;border:0;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-green);outline-offset:5px}svg{flex-shrink:0}h1,h2,p{margin:0}.homepage{flex-direction:column;justify-content:space-between;min-height:100svh;display:flex}.paper-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-card);transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease, background var(--motion-fast) ease}.topbar{padding:28px var(--margin-desktop) 0;font-size:var(--text-caption);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.online,.utilities{align-items:center;gap:10px;display:flex}.status-dot{border-radius:var(--radius-full);background:var(--accent-green);flex-shrink:0;width:8px;height:8px;display:inline-block}.online-label{font:400 13px var(--font-mono);color:var(--text-secondary)}.separator{color:var(--text-tertiary)}.topbar-description{letter-spacing:.04em}.utilities{gap:var(--space-sm)}.icon-button{border-radius:var(--radius-base);place-items:center;width:32px;height:32px;font-size:12px;display:grid}.icon-button:hover{background:var(--bg-base);color:var(--text-primary)}.music-toggle{color:#059669}.music-toggle.is-playing svg{animation:8s linear infinite spin}.main-grid{width:100%;max-width:var(--canvas-max);grid-template-columns:5fr 7fr;align-items:center;gap:40px;margin:auto;padding:40px;display:grid}.identity{gap:var(--space-lg);flex-direction:column;display:flex}.brand{align-items:center;gap:20px;display:flex}.clock-rim{border:1px solid var(--card-border);background:#fff;border-radius:50%;flex-shrink:0;width:96px;height:96px;padding:4px;box-shadow:0 2px 4px #0000000f}.clock-disk{background:var(--clock-face);border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 2px 5px #0005,0 4px 12px #2b323b26}.clock-marker{position:absolute;inset:6px}.clock-marker:before{content:"";background:#94a3b8;border-radius:2px;width:2px;height:8px;position:absolute;left:calc(50% - 1px)}.clock-hand{transform-origin:bottom;border-radius:var(--radius-full);position:absolute;bottom:50%;left:50%}.hour-hand{background:#fffe;width:4px;height:22px;margin-left:-2px}.minute-hand{background:#7dd3fc;width:2px;height:29px;margin-left:-1px}.second-hand{background:var(--accent-clock-hand);width:1px;height:34px;margin-left:-.5px}.clock-pin{background:var(--accent-clock-hand);border-radius:50%;width:6px;height:6px;position:absolute;top:calc(50% - 3px);left:calc(50% - 3px)}.brand-name{align-items:baseline;gap:4px;display:flex}.brand-name h1{font:700 48px/1.2 var(--font-brand);letter-spacing:-2px;color:#22252a}.brand-name>span{font:400 20px var(--font-mono);color:var(--text-muted)}.tagline{letter-spacing:.09em;color:var(--text-muted);align-items:center;gap:7px;margin-top:6px;font-size:14px;display:flex}.tagline svg{color:#059669;font-size:11px}.note-card{border-radius:var(--radius-lg);padding:25px 26px 24px 44px;position:relative}.quote-mark{color:#d6dae0;font:32px/1 Georgia,serif;position:absolute}.quote-open{top:12px;left:16px}.quote-close{bottom:4px;right:15px}.note-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-heading h2{font:600 18px/1.5 var(--font-mono);letter-spacing:-.04em}.note-card p{color:var(--text-secondary);margin-top:10px;line-height:1.7}.note-footer{color:var(--text-muted);border-top:1px solid #0000000a;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.note-footer>span:last-child{color:var(--text-tertiary);white-space:nowrap;font-size:11px}.social-dock{gap:12px;padding-top:4px;display:flex}.social-link{border-radius:var(--radius-base);width:36px;height:36px;color:var(--text-secondary);place-items:center;font-size:16px;display:grid}.social-link:hover{color:#111827;background:var(--bg-base);transform:translateY(-2px)}.dashboard{flex-direction:column;gap:20px;min-width:0;display:flex}.widgets{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.quote-card,.time-card{border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;min-width:0;min-height:132px;padding:20px;display:flex}.quote-card{text-align:left}.quote-card:hover{border-color:var(--card-hover-border);background:#fafbf9}.widget-header{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.quote-label,.refresh{align-items:center;gap:6px;display:inline-flex}.quote-label svg{color:#059669}.refresh{color:var(--text-tertiary);font-size:11px}.refresh svg{font-size:10px;transition:transform .3s}.quote-card:hover .refresh svg{transform:rotate(180deg)}.quote-content{flex-direction:column;flex:1;justify-content:space-between;animation:.25s appear;display:flex}.quote-text{font:400 16px/1.5 var(--font-quote);color:#22252a;letter-spacing:.025em;margin:12px 0}.quote-author{text-align:right;color:var(--text-muted);font-size:12px}.date-header{flex-wrap:wrap;gap:5px}.date{font:400 10px/1.6 var(--font-mono);white-space:nowrap}.weather{color:#92400e;border-radius:var(--radius-sm);white-space:nowrap;background:#fffbeb;border:1px solid #fde68ab3;padding:1px 6px;font-size:10px}.digital-clock{text-align:center;font:600 36px/1.3 var(--font-mono);letter-spacing:-.055em;color:#191c1d;font-variant-numeric:tabular-nums;margin:3px 0;display:block}.weather-footer{color:var(--text-muted);border-top:1px solid #0000000a;justify-content:space-between;align-items:center;gap:5px;padding-top:8px;font-size:10px;display:flex}.weather-footer>span:first-child{align-items:center;gap:3px;display:flex}.weather-footer svg{color:var(--text-tertiary)}.services-heading{justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 0;display:flex}.services-heading h2{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.services-heading h2 svg{color:var(--text-muted);font-size:12px}.category-control{position:relative}.category-trigger{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.category-trigger svg{font-size:10px}.category-menu{z-index:5;border-radius:var(--radius-base);width:130px;padding:6px;position:absolute;top:30px;right:0}.category-menu button{text-align:left;border-radius:var(--radius-sm);width:100%;padding:6px 10px;font-size:12px;display:block}.category-menu button:hover,.category-menu button[aria-pressed=true]{color:#047857;background:#ecfdf5}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:14px;min-height:162px;display:grid}.service-tile{border-radius:var(--radius-md);align-items:center;gap:14px;min-width:0;padding:16px;display:flex}.service-tile:hover{box-shadow:var(--shadow-hover);border-color:var(--card-hover-border);transform:translateY(-2px)}.theme-green{--tile-color:#047857;--tile-bg:#ecfdf5;--tile-border:#a7f3d0}.theme-sky{--tile-color:#0369a1;--tile-bg:#f0f9ff;--tile-border:#bae6fd}.theme-rose{--tile-color:#be123c;--tile-bg:#fff1f2;--tile-border:#fecdd3}.theme-teal{--tile-color:#0f766e;--tile-bg:#f0fdfa;--tile-border:#99f6e4}.theme-amber{--tile-color:#b45309;--tile-bg:#fffbeb;--tile-border:#fde68a}.theme-orange{--tile-color:#c2410c;--tile-bg:#fff7ed;--tile-border:#fed7aa}.service-icon{border-radius:var(--radius-base);width:40px;height:40px;color:var(--tile-color);background:var(--tile-bg);border:1px solid var(--tile-border);flex-shrink:0;place-items:center;transition:color .2s,background .2s;display:grid}.service-tile:hover .service-icon{color:#fff;background:var(--tile-color)}.service-copy{flex-direction:column;min-width:0;display:flex}.service-title{white-space:nowrap;font-size:14px;font-weight:500}.service-description{color:var(--text-muted);white-space:nowrap;font-size:11px}.pagination{justify-content:center;gap:2px;margin-top:-4px;display:flex}.pagination button{justify-content:center;align-items:center;padding:8px 3px;display:flex}.pagination span{border-radius:var(--radius-full);background:var(--text-tertiary);width:10px;height:6px;transition:width .2s,background .2s}.pagination .active span{background:#22252a;width:20px}.footer{color:var(--text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:20px 24px;font-size:12px;display:flex}.footer svg{color:var(--accent-rose);vertical-align:middle;font-size:10px}.footer-registrations{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;display:flex}.footer-registrations a{align-items:center;gap:5px;display:inline-flex}.police-registration img{object-fit:contain;flex-shrink:0}.footer a:hover{color:var(--text-primary)}.site-version{white-space:nowrap;font:400 11px/1.6 var(--font-mono);color:var(--text-tertiary);margin-left:8px}.footer-divider{color:var(--text-tertiary)}.system-status{align-items:center;gap:6px;display:inline-flex}.system-status .status-dot{width:6px;height:6px}.notice{border-radius:var(--radius-base);max-width:90vw;padding:12px 20px;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:.2}to{opacity:1}}@media (max-width:1100px) and (min-width:1024px){.service-tile{gap:8px;padding:13px 10px}.note-card{padding-left:32px}}@media (max-width:1023px){.main-grid{max-width:720px;padding:56px var(--margin-mobile);grid-template-columns:1fr;gap:40px}.identity{gap:24px}.date{font-size:11px}}@media (max-width:639px){.topbar{padding:24px var(--margin-mobile) 0;gap:8px}.online{gap:8px}.topbar-description{letter-spacing:0;font-size:10px}.utilities{gap:6px}.icon-button{width:30px;height:30px}.main-grid{gap:36px;padding-top:48px;padding-bottom:48px}.brand{gap:20px}.clock-rim{width:80px;height:80px}.brand-name h1{font-size:40px}.tagline{font-size:12px}.hour-hand{height:18px}.minute-hand{height:25px}.second-hand{height:29px}.note-card{padding:24px 22px 24px 34px}.note-heading h2{font-size:16px}.note-footer{font-size:11px}.note-footer>span:last-child{font-size:10px}.widgets{grid-template-columns:1fr}.quote-card,.time-card{min-height:132px}.date{font-size:12px}.weather,.weather-footer{font-size:11px}.digital-clock{font-size:var(--text-display);letter-spacing:.04em}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:246px}.service-tile{gap:10px;padding:14px 12px}.service-description{font-size:10px}.service-title{font-size:13px}.footer{padding-bottom:24px;font-size:11px}.footer>span:first-child{width:100%}.footer-divider{display:none}}@media (max-width:359px){.topbar-description{display:none}.service-tile{gap:8px;padding:12px 8px}.service-icon{width:34px;height:34px}.services-heading h2{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}