:root{color-scheme:dark;--background:#101315;--card:#191d20;--border:#2c3237;--text:#f0f2f3;--muted:#959ea6;--accent:#c6e690}
:root[data-theme="light"]{color-scheme:light;--background:#f7f9fc;--card:#fff;--border:#e0e6ec;--text:#202b36;--muted:#607080;--accent:#426829}
[data-theme="light"] .brand [data-copy],[data-theme="light"] .date,[data-theme="light"] .site-description,[data-theme="light"] .clock-caption,[data-theme="light"] footer{color:#607080}
[data-theme="light"] .clock{color:#344557}
[data-theme="light"] .count{color:#526c40;border-color:#d4dfc9}
[data-theme="light"] .link-card:hover{background:#f0f5e9;border-color:#8ba873}
[data-theme="light"] footer{border-color:#e0e6ec}
[data-theme="light"] .violet{color:#6949a4;background:#efe9fa}
[data-theme="light"] .green{color:#356b43;background:#e4f3e8}
[data-theme="light"] .blue{color:#376c9f;background:#e6f0fb}
[data-theme="light"] .orange{color:#9a5a26;background:#fbecdf}
[data-theme="light"] .yellow{color:#7b681d;background:#f5f0d9}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.home{max-width:1140px;margin:0 auto;padding:35px 48px 25px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:20px}.brand>span{display:flex;align-items:center;gap:14px}.brand-divider{color:#52605b;font-weight:400}.brand [data-copy]{font-size:14px;font-weight:400;color:#adb5b9}.date{color:#a1a8ae;font-size:14px}.intro{padding:68px 0 50px;display:flex;justify-content:space-between;align-items:center;gap:24px}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--accent);margin:0 0 17px}h1{font-size:clamp(28px,3.5vw,42px);font-weight:550;letter-spacing:-.03em;line-height:1.35;margin:0}.intro-note{color:var(--muted);font-size:15px;margin:14px 0 0}.clock-wrap{display:flex;flex-direction:column;align-items:flex-end;padding-right:3px}.clock{font-size:58px;line-height:1;letter-spacing:-.055em;font-weight:300;font-variant-numeric:tabular-nums;color:#cdd3d6}.clock-caption{font-size:10px;letter-spacing:.14em;margin-top:15px;color:#88938e}.link-section{margin:0 0 35px}h2{font-size:15px;font-weight:500;display:flex;align-items:center;gap:13px;margin:0 0 16px}.count{font-size:11px;font-variant-numeric:tabular-nums;font-weight:400;color:#92a08f;border:1px solid #313b32;border-radius:5px;padding:2px 5px}.link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.link-card{display:flex;align-items:center;gap:16px;border:1px solid var(--border);background:var(--card);border-radius:14px;padding:23px 21px;min-height:99px;transition:background .15s,border-color .15s,transform .15s}.link-card:hover{background:#22292a;border-color:#62734f;transform:translateY(-2px)}.site-icon{flex:0 0 45px;width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:19px;font-weight:650;letter-spacing:-.05em}.violet{color:#c8b7ea;background:#353046}.green{color:#add8ae;background:#293c31}.blue{color:#a8c9ec;background:#283b4d}.orange{color:#e6ba91;background:#473629}.yellow{color:#e5d698;background:#403d28}.card-content{min-width:0;display:flex;flex-direction:column;gap:8px}.site-name{font-size:17px;font-weight:550;line-height:1.25;overflow-wrap:anywhere}.site-description{font-size:13px;color:#a1aab0;line-height:1.4}footer{margin-top:50px;padding-top:23px;border-top:1px solid #2b3034;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8c979a;font-size:12px}footer>span:first-child{display:flex;align-items:center;gap:10px}.footer-mark{color:var(--accent);font-size:21px}.footer-separator{color:#4d5b54}footer>span:last-child{font-size:10px;letter-spacing:.14em}
@media(min-width:900px){#groups{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}#groups .link-section:first-child{grid-column:1/-1}#groups .link-section:not(:first-child) .link-grid{grid-template-columns:1fr}.link-section:not(:first-child) .link-card{padding:19px 21px;min-height:89px}}
@media(max-width:700px){.home{padding:25px 22px}.date{font-size:12px}.intro{padding:48px 0 36px;gap:12px}.clock{font-size:40px}.clock-caption{font-size:10px}.eyebrow{font-size:10px;letter-spacing:.13em}h1{font-size:27px}.intro-note{font-size:13px}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.link-card{padding:18px 15px;gap:12px;min-height:97px}.site-icon{width:37px;height:37px;flex-basis:37px;border-radius:10px;font-size:16px}.site-icon svg{width:21px;height:21px}.site-name{font-size:15px}.site-description{font-size:12px}.link-section{margin-bottom:29px}footer{margin-top:35px}footer>span:last-child{display:none}}
@media(max-width:430px){.home{padding:23px 18px}.intro{align-items:flex-start;padding:38px 0 30px}.clock{font-size:32px;letter-spacing:-.06em}.clock-caption{margin-top:10px}.clock-wrap{padding-top:28px}h1{font-size:25px}.link-card{gap:10px;padding:15px 12px;min-height:88px}.card-content{gap:6px}.site-name{font-size:14px}.site-description{font-size:12px}.site-icon{width:32px;height:36px;flex-basis:32px;min-height:36px}.brand>span{gap:11px}.brand [data-copy]{font-size:13px}.date{font-size:11px}.intro-note{font-size:12px}}
@media(max-width:340px){.clock-wrap{display:none}.date{max-width:90px;text-align:right;line-height:1.5}.link-card{padding:15px}.site-name{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:430px){.header{gap:12px;flex-wrap:wrap}.intro{flex-wrap:wrap;row-gap:20px}.intro>div:first-child{min-width:0}.clock-wrap{padding-top:0;align-items:flex-start}.site-name{font-size:.9rem}.site-description{font-size:.8125rem}.clock-caption{font-size:.75rem}.link-card{min-height:92px}.home{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
@media(max-width:360px){.home{padding-left:14px;padding-right:14px}.link-grid{grid-template-columns:1fr}.link-card{padding:16px;min-height:76px}.site-icon{width:38px;flex-basis:38px}.site-name{font-size:1rem}.clock-wrap{display:flex}.intro{padding-top:30px}.date{max-width:none;text-align:left}.link-section{margin-bottom:24px}}