:root{color-scheme:dark;--bg:#101519;--panel:#181f24;--text:#edf4f1;--muted:#89969e;--border:#2a343b;--accent:#79e4bc;--tint:#203b33;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.wide{width:calc(100% - 80px);max-width:1440px;margin:auto}.skip{position:absolute;left:20px;top:-100px}.skip:focus{top:20px;z-index:99;background:var(--panel);padding:12px}.announcement{background:var(--tint);color:var(--accent)}.announcement>.wide{display:flex;align-items:center;justify-content:space-between;height:40px}#announcement-open{display:flex;align-items:center;gap:20px;flex:1;text-align:left;font-size:12px}.announcement-label{display:flex;align-items:center;gap:7px}.announcement-label svg{width:14px}.announcement-more{margin-left:auto}.announcement-more svg{width:14px}.icon-button{width:36px;height:36px;border-radius:9px;display:inline-grid;place-items:center;color:var(--muted)}.icon-button:hover{background:var(--border);color:var(--text)}header{position:sticky;top:0;background:var(--bg);z-index:20;border-bottom:1px solid var(--border)}.header-inner{height:84px;display:flex;align-items:center;gap:32px}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:700;white-space:nowrap}.brand-dot{color:var(--accent);margin-left:-8px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:4px;margin-right:2px;transform:rotate(-8deg)}.brand-mark i{width:8px;height:8px;border-radius:2px;background:var(--accent)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:22px;flex:1;white-space:nowrap;font-size:13px}.desktop-nav a{color:var(--muted);position:relative;padding:32px 0}.desktop-nav a:hover,.desktop-nav a.active{color:var(--accent)}.desktop-nav .active:after{content:'';position:absolute;bottom:20px;left:40%;width:4px;height:4px;background:var(--accent);border-radius:50%}.header-actions{display:flex;gap:3px}.mobile-only{display:none}.palette-panel{position:absolute;right:40px;top:74px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:0 18px 50px #0005}.palette-panel p{font-size:12px;color:var(--muted);margin-bottom:0}.swatches{display:flex;gap:14px;margin-top:18px}.swatches button{width:26px;height:26px;background:var(--swatch);border-radius:50%;border:3px solid var(--panel);outline:1px solid var(--border)}.swatches button[aria-pressed=true]{outline:2px solid var(--text)}.mobile-nav{padding:20px;grid-template-columns:repeat(3,1fr);gap:18px}.mobile-nav:not([hidden]){display:grid}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px;color:var(--muted)}.line{width:20px;height:2px;background:var(--accent)}.slash{opacity:.4}h1{font-size:36px;letter-spacing:-1.2px;margin:17px 0 12px;font-weight:650}h1>span{color:var(--accent)}.intro p{color:var(--muted);margin:0}.intro-note{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:13px;line-height:2}.intro-note>svg{width:32px;height:32px;color:var(--accent)}.intro-note small{font-size:9px;letter-spacing:2px}.dashboard{display:grid;grid-template-columns:270px 1fr;gap:28px}.panel{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:25px}.profile-top{display:flex;align-items:center;justify-content:space-between}.avatar{height:55px;width:55px;background:var(--tint);color:var(--accent);border:1px solid #79e4bc30;border-radius:16px;font-size:25px;font-weight:600;display:grid;place-items:center;position:relative}.avatar span{position:absolute;right:-7px;top:-7px;font-size:20px}.little-label{color:var(--muted);font-size:9px;letter-spacing:2px}.profile-panel h2{font-size:20px;margin:22px 0 10px}.profile-panel p{color:var(--muted);font-size:13px;line-height:1.9}.profile-tags{display:flex;gap:8px;margin:20px 0}.profile-tags span{font-size:11px;padding:4px 10px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.profile-bottom{border-top:1px solid var(--border);padding-top:17px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.profile-bottom svg{color:var(--accent);width:15px}.clock-panel{margin-top:16px;padding:22px}.panel-caption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.panel-caption svg{width:14px;margin-right:5px}#timezone-label{font-size:9px;opacity:.7}#clock{font-variant-numeric:tabular-nums;display:block;font-size:38px;letter-spacing:1px;margin:21px 0 8px;font-weight:500}#clock span{color:var(--muted);font-size:24px}.date-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.week-strip{display:flex;justify-content:space-between;margin-top:20px;color:var(--muted);font-size:10px}.week-strip span{padding:6px;border-radius:5px}.week-strip .today{background:var(--tint);color:var(--accent)}.day-progress{height:3px;background:var(--border);border-radius:5px;margin-top:18px;overflow:hidden}.day-progress div{height:100%;background:var(--accent)}#day-caption{font-size:10px;color:var(--muted);margin-bottom:0}.note-panel{padding:22px 10px;color:var(--muted)}.note-panel>svg{color:var(--accent);width:17px}.note-panel p{font-size:12px;line-height:1.9;margin:8px 0}.note-panel>span{font-size:10px;opacity:.6}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px;gap:16px}.section-heading>div:first-child{display:flex;align-items:center;gap:12px}.section-heading h2{font-size:17px;font-weight:550;margin:0}.section-index{color:var(--accent);font-size:10px;letter-spacing:1px}.section-meta,.section-subtitle{font-size:11px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{padding:24px;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--panel);transition:transform .2s,border-color .2s;min-height:177px;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent)}.tool-top{display:flex;justify-content:space-between;align-items:center}.tool-icon{height:39px;width:39px;display:grid;place-items:center;background:#79e4bc12;color:#79e4bc;border-radius:10px}.tool-card[data-color=blue] .tool-icon{color:#83b8ff;background:#83b8ff12}.tool-card[data-color=purple] .tool-icon{color:#bc9eff;background:#bc9eff12}.tool-card[data-color=amber] .tool-icon{color:#ffbb79;background:#ffbb7912}.tool-card[data-color=pink] .tool-icon{color:#f3a6c5;background:#f3a6c512}.tool-arrow{color:var(--muted);opacity:.55}.tool-arrow svg{width:17px}.tool-card h3{font-size:17px;font-weight:550;margin:20px 0 7px}.tool-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.card-en{display:block;color:var(--muted);opacity:.5;font-size:8px;letter-spacing:1.6px;margin-top:18px}.video-section{padding:25px 0 40px}.video-tabs{display:flex;background:var(--panel);padding:4px;border:1px solid var(--border);border-radius:9px;gap:3px}.video-tabs button{font-size:12px;padding:7px 16px;color:var(--muted);border-radius:6px}.video-tabs button[aria-selected=true]{background:var(--tint);color:var(--accent)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden}.video-cover{height:150px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 100%,#79e4bc0d,transparent 75%),repeating-linear-gradient(0deg,transparent,transparent 23px,#ffffff03 24px),repeating-linear-gradient(90deg,transparent,transparent 23px,#ffffff03 24px)}.video-cover>svg{width:34px;height:34px;color:var(--muted);opacity:.45}.video-cover img{width:100%;height:100%;object-fit:cover}.video-cover .badge{position:absolute;left:15px;top:15px;font-size:10px;color:var(--muted);border:1px solid var(--border);padding:4px 8px;border-radius:5px;background:var(--panel)}.video-info{padding:18px 20px}.video-info h3{font-size:14px;margin:0 0 8px;font-weight:500}.video-info p{font-size:12px;color:var(--muted);margin:0}.video-info .video-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;color:var(--muted)}.status-dot{width:5px;height:5px;display:inline-block;background:var(--muted);border-radius:50%;margin-right:6px}footer{border-top:1px solid var(--border);padding:26px 0 32px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.footer-brand{letter-spacing:2px;font-size:10px;font-weight:600}.footer-brand span{color:var(--accent);margin-left:12px}footer small{font-size:10px}.footer-notice{color:var(--muted);font-size:11px}dialog{width:min(520px,calc(100% - 32px));max-height:85vh;background:var(--panel);border:1px solid var(--border);border-radius:20px;color:var(--text);padding:28px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060b10b8;backdrop-filter:blur(6px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center}#dialog-kicker{font-size:10px;letter-spacing:2px;color:var(--accent)}#dialog-content h2{font-size:26px}#dialog-content p{color:var(--muted);line-height:1.9;font-size:14px}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.dialog-tags span{padding:8px 12px;border:1px solid var(--border);border-radius:7px;color:var(--accent);font-size:12px}.empty-note{padding:16px;border-radius:10px;background:var(--bg)}.account-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--border);gap:12px}.account-row small{color:var(--muted)}.copy-button{padding:7px 12px;background:var(--tint);border-radius:6px;color:var(--accent)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);border-radius:10px;padding:12px 22px;opacity:0;pointer-events:none;z-index:100}.toast.show{opacity:1}[hidden]{display:none!important}html[data-accent=blue]{--accent:#83b8ff;--tint:#233347}html[data-accent=violet]{--accent:#bc9eff;--tint:#332b46}html[data-accent=orange]{--accent:#ffbb79;--tint:#413224}html[data-mode=light]{color-scheme:light;--bg:#f5f7f7;--panel:#fff;--text:#202e35;--muted:#6d7b83;--border:#e1e7e8;--accent:#168760;--tint:#e0f2e9}html[data-mode=light][data-accent=blue]{--accent:#2864b1;--tint:#e5edf9}html[data-mode=light][data-accent=violet]{--accent:#7751b5;--tint:#eee6f7}html[data-mode=light][data-accent=orange]{--accent:#a45b14;--tint:#faeddf}html[data-mode=light] .tool-icon{background:var(--tint);color:var(--accent)}@media(min-width:1450px){.tool-card{min-height:190px}}@media(max-width:1350px){.desktop-nav{gap:14px;font-size:12px}.header-inner{gap:20px}.dashboard{grid-template-columns:245px 1fr}.tool-card{padding:20px}.wide{width:calc(100% - 56px)}}@media(max-width:1150px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-only{display:inline-grid}.dashboard{grid-template-columns:225px 1fr;gap:22px}.tool-card p{font-size:11px}.tool-card{padding:18px}.section-subtitle{display:none}}@media(max-width:860px){.dashboard{display:block}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:30px}.clock-panel{margin:0}.note-panel{display:none}.profile-panel{padding:20px}.profile-panel h2{margin:12px 0}.profile-tags{margin:12px 0}.profile-bottom{display:none}.intro-note{display:none}.tool-card p{font-size:12px}.video-section{padding-top:35px}.section-meta{font-size:10px}.video-tabs button{padding:7px 11px}h1{font-size:32px}footer>span{display:none}}@media(max-width:560px){.wide{width:calc(100% - 32px)}.header-inner{height:68px}.brand{font-size:18px}.announcement-more{display:none}#announcement-open{gap:10px;font-size:10px}#announcement-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:230px}.intro{padding:32px 0 26px}.eyebrow{font-size:8px;gap:7px;letter-spacing:1px}h1{font-size:28px}.intro p{font-size:12px}.sidebar{display:block}.profile-panel{display:none}.clock-panel{padding:18px 22px;position:relative}.panel-caption{font-size:10px}#clock{font-size:32px;margin:12px 0 8px}.week-strip{position:absolute;right:20px;top:50px;gap:3px}.date-row{justify-content:flex-start;gap:14px}.day-progress{margin-top:13px}#day-caption{display:none}.section-heading h2{font-size:16px}.section-heading{gap:8px}.section-meta{font-size:9px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tool-card{padding:18px 15px;min-height:178px}.tool-card h3{font-size:16px}.tool-card p{font-size:11px}.card-en{font-size:7px;letter-spacing:1px}.tool-card:last-child{grid-column:1/-1;min-height:120px}.tool-card:last-child h3{margin-top:0;position:absolute;left:75px;top:22px}.tool-card:last-child p{margin-left:60px;margin-top:-10px}.tool-card:last-child .card-en{margin-left:60px}.video-section>.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.video-tabs{width:100%}.video-tabs button{flex:1}.video-grid{grid-template-columns:1fr;gap:12px}.video-card{display:grid;grid-template-columns:115px 1fr}.video-cover{height:100%;min-height:140px}.video-cover .badge{left:10px;top:10px;font-size:9px}.video-info{padding:18px}.video-info .video-bottom{margin-top:16px}.mobile-nav{grid-template-columns:repeat(2,1fr);font-size:13px}.palette-panel{right:16px;top:62px}footer{gap:12px;flex-wrap:wrap}footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:701px) and (max-width:1150px){.header-inner{height:auto;min-height:112px;flex-wrap:wrap;gap:0;padding-top:18px}.brand{order:0}.header-actions{order:1}.desktop-nav{order:2;display:flex;width:100%;flex:none;justify-content:space-between;gap:10px}.desktop-nav a{padding:20px 0}.desktop-nav .active:after{bottom:9px}.mobile-only{display:none}}
.tool-card p{font-size:13px}.profile-panel p{font-size:14px}.card-en{font-size:9px}.video-info p{font-size:13px}
@media(max-width:560px){.tool-card p{font-size:12px}.card-en{font-size:8px}}
html[data-mode=light] .tool-card .tool-icon{background:var(--tint);color:var(--accent)}
/* Compact personal gateway */
.wide{max-width:940px;width:calc(100% - 48px)}.announcement>.wide{height:30px}.announcement-more{display:none}.announcement .icon-button{height:28px}.header-inner{height:60px;min-height:0;flex-wrap:nowrap;padding:0;gap:24px}.brand{font-size:16px}.desktop-nav{display:flex;order:0;flex:1;width:auto;gap:24px;font-size:13px;justify-content:flex-end}.desktop-nav a{padding:20px 0}.desktop-nav button{font-size:13px;color:var(--muted);padding:0}.desktop-nav button:hover{color:var(--accent)}.desktop-nav .active:after{bottom:10px}.header-actions{order:0;margin-left:0}.mobile-only{display:none}.identity{text-align:center;padding:24px 0 22px}.avatar-button{width:76px;height:76px;border-radius:50%;padding:0;position:relative;background:var(--tint);border:2px solid var(--border);overflow:hidden;display:block;margin:auto}.avatar-button img{width:100%;height:100%;object-fit:cover}.avatar-button #avatar-placeholder{display:grid;place-items:center;height:100%;color:var(--accent)}#avatar-placeholder svg{width:30px;height:30px}.avatar-edit{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:10px;padding:5px 0;opacity:0}.avatar-button:hover .avatar-edit,.avatar-button:focus-visible .avatar-edit{opacity:1}.identity h1{font-size:23px;margin:13px 0 7px;letter-spacing:0}.identity p{font-size:13px;color:var(--muted);margin:0}.compact-clock{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;color:var(--muted);font-size:11px}#clock{display:inline;font-size:12px;margin:0;letter-spacing:0}#clock span{font-size:12px;color:inherit}.dashboard{display:block}.section-heading{margin-bottom:12px}.section-heading h2{font-size:13px;color:var(--muted);font-weight:400}.section-meta{font-size:11px}.tool-grid{grid-template-columns:repeat(3,1fr);gap:10px}.tool-card{min-height:0;height:52px;padding:0 14px;display:flex;align-items:center;gap:11px;overflow:visible;border-radius:9px;position:relative}.tool-card:hover{transform:none;z-index:10}.tool-top{display:contents}.tool-icon{width:29px;height:29px;border-radius:7px;flex-shrink:0}.tool-icon svg{width:17px;height:17px}.tool-arrow{position:absolute;right:14px}.tool-card h3{font-size:14px;margin:0;font-weight:400}.tool-arrow svg{width:14px}.hover-detail{display:none;position:absolute;top:-1px;left:-1px;right:-1px;min-height:155px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:20px;box-shadow:0 16px 40px #0005;text-align:left;z-index:11;cursor:pointer}.hover-detail strong{font-size:16px;font-weight:500}.hover-detail>span:not(.hover-tags){font-size:12px;color:var(--muted);display:block;margin:10px 0}.hover-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.hover-tags em{font-style:normal;font-size:10px;border:1px solid var(--border);padding:4px 6px;border-radius:4px}.hover-detail small{color:var(--accent);font-size:11px}.tool-card:focus-visible .hover-detail{display:block}@media(hover:hover){.tool-card:hover .hover-detail{display:block}}.video-section{padding:22px 0 20px}.video-tabs{padding:2px;border:0;background:none}.video-tabs button{font-size:11px;padding:4px 10px}.video-grid{gap:10px}.video-card{display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:64px;border-radius:9px;padding:10px 12px;gap:10px}.video-cover{height:40px;min-height:0;border-radius:6px;background:var(--tint)}.video-cover>svg{width:20px;height:20px}.video-cover img{border-radius:6px}.video-cover .badge{display:none}.video-info{padding:0;min-width:0}.video-info h3{font-size:12px;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-info p{display:none}.video-info .video-bottom{font-size:10px;margin:0}.video-info .video-bottom>span:last-child{display:none}.video-info .video-bottom a{font-size:10px}footer{padding:14px 0;font-size:10px}footer>span{display:block}footer small{font-size:10px}.palette-panel{top:54px;right:24px}.mobile-nav{display:none!important}@media(max-width:700px){.wide{width:calc(100% - 28px)}.header-inner{gap:10px}.brand{font-size:14px}.desktop-nav{gap:15px}.desktop-nav a[href='#videos'],.desktop-nav a[data-category]{display:none}.header-actions{gap:0}.icon-button{width:29px}.desktop-nav,.desktop-nav button{font-size:12px}.identity{padding:20px 0}.tool-card{padding:0 10px;gap:8px}.tool-card h3{font-size:12px}.tool-arrow{display:none}.tool-icon{width:25px;height:25px}.tool-grid{gap:8px}.section-meta{font-size:10px}.video-grid{grid-template-columns:repeat(3,1fr)}.video-card{grid-template-columns:1fr;padding:10px;gap:7px}.video-cover{display:none}.video-info h3{font-size:11px}.video-info .video-bottom{font-size:9px}.video-section>.section-heading{flex-direction:row;align-items:center;gap:8px}.video-tabs{width:auto}.video-tabs button{padding:4px 8px}.tool-card:last-child{grid-column:auto;min-height:0}.tool-card:last-child h3{position:static;margin:0}.hover-detail{padding:13px;min-width:160px}.tool-card:nth-child(3n) .hover-detail{left:auto}.compact-clock{font-size:10px}footer>span{display:none}}@media(max-width:380px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card:last-child{grid-column:1/-1}.desktop-nav{gap:8px}.brand-mark{display:none}}@media(max-height:740px) and (min-width:701px){.identity{padding:16px 0}.avatar-button{height:62px;width:62px}.identity h1{margin-top:9px}.video-section{padding-top:16px}}
/* Approved lavender design */
html[data-mode=light]{--bg:#f7f7fc;--panel:#fff;--text:#30334f;--muted:#86859f;--border:#e8e5f6;--accent:#7564ed;--tint:#eeebff}body{background:radial-gradient(ellipse at 20% 25%,#a69aea1c,transparent 50%),radial-gradient(ellipse at 78% 72%,#b8a5ec16,transparent 50%),var(--bg);min-height:100vh}header{position:relative;background:var(--panel);border-color:var(--border)}.wide{width:calc(100% - 64px);max-width:1440px}.header-inner{height:58px;max-width:1300px}.brand{color:var(--accent);font-size:19px}.brand-mark,.brand-dot{display:none}.desktop-nav{justify-content:center;gap:32px}.desktop-nav a{font-size:13px}.announcement{background:#9984e808;color:var(--accent)}.announcement>.wide{height:30px;max-width:1300px}#announcement-open{justify-content:center;font-size:11px;gap:6px}.announcement-label{gap:4px}.announcement-close{opacity:.6}main.wide{position:relative;max-width:1340px}.center-column{width:620px;max-width:100%;margin:auto}.identity{padding:24px 0 28px}.avatar-button{width:86px;height:86px;background:#c7bdf321;border:1.5px solid var(--accent);box-shadow:0 3px 18px #7664ed12}#avatar-placeholder{display:flex!important;flex-direction:column;justify-content:center;gap:7px}#avatar-placeholder[hidden]{display:none!important}#avatar-placeholder svg{width:24px;height:24px;opacity:.45}#avatar-placeholder small{font-size:11px;color:var(--muted)}.identity h1{font-size:25px;margin:15px 0 9px}.identity p{font-size:14px}.identity-tags{font-size:12px;color:var(--accent);margin-top:12px}.navigation>.section-heading{display:none}.tool-card{height:47px;border:0;background:var(--panel);border-radius:10px;padding:0 19px;gap:13px}.tool-grid{gap:11px}.tool-card h3{font-size:14px}.tool-icon,.tool-card[data-color] .tool-icon,html[data-mode=light] .tool-card .tool-icon{color:var(--accent);background:none;width:24px;height:24px}.tool-icon svg{width:22px;height:22px;stroke-width:2}.tool-arrow{right:17px}.tool-arrow svg{width:12px}.hover-detail{top:-1px;padding:22px;min-height:180px;border-color:#b5a9ff;box-shadow:0 14px 35px #6b59bd25}.hover-tags em{background:var(--tint);border:0;color:var(--accent);border-radius:20px}.tool-card:focus-visible{z-index:12}.tool-card.dismiss-hover .hover-detail{display:none}.video-section{padding:26px 0 16px}.section-heading h2{font-size:14px;color:var(--text);font-weight:600}.video-tabs button{font-size:10px}.video-grid{gap:14px}.video-card{display:block;border:0;padding:0;background:none;min-height:0}.video-cover{height:100px;background:var(--tint);border-radius:8px;display:flex}.video-cover>svg{width:28px;height:28px;color:var(--accent);opacity:.7}.video-cover .badge{display:none}.video-info{text-align:center;padding:10px 0 0}.video-info h3{font-size:12px;font-weight:500}.video-info .video-bottom{justify-content:center;font-size:10px}.video-info .video-bottom>span:last-child{display:none}.video-info .video-bottom a{margin-left:6px}.left-widgets{position:absolute;left:0;top:26px;width:190px}.analog{height:90px;width:90px;border-radius:50%;border:1px solid #aaa0d1;background:var(--panel);position:relative;margin:0 auto;box-shadow:0 3px 12px #57459d10}.analog span{position:absolute;transform:translate(-50%,-50%);font-size:10px;color:var(--text)}.analog i{position:absolute;bottom:50%;left:calc(50% - 1px);width:2px;background:var(--text);transform-origin:50% 100%;border-radius:2px}.analog #hour-hand{height:24px;width:3px}.analog #minute-hand{height:32px}.analog #second-hand{height:33px;width:1px;background:#e66a86}.analog b{position:absolute;width:5px;height:5px;top:calc(50% - 2.5px);left:calc(50% - 2.5px);border-radius:50%;background:var(--text)}.compact-clock{display:block;text-align:center;margin-top:9px}.compact-clock>div{font-size:10px;margin-top:8px}#clock{font-size:12px;letter-spacing:1px}.calendar{margin-top:35px;padding:13px 10px;background:#ffffff75;border:1px solid var(--border);border-radius:12px}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-head strong{font-weight:500;font-size:12px}.calendar-head button{font-size:22px;width:25px;height:26px;color:var(--muted)}.calendar-week,#calendar-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:3px}.calendar-week{font-size:10px;color:var(--muted);margin-bottom:6px}#calendar-days button,#calendar-days>span{height:23px;padding:0;font-size:10px;border-radius:5px}#calendar-days button:hover{background:var(--tint)}#calendar-days .is-today{color:var(--accent);font-weight:700}#calendar-days .is-selected{background:var(--accent);color:white}.calendar-foot{border-top:1px solid var(--border);margin-top:10px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted)}.calendar-foot button{font-size:10px;color:var(--accent)}.social-widget{position:absolute;right:0;top:62px;width:185px;text-align:center}.social-widget h2{font-size:12px;font-weight:400;color:var(--muted);margin:0 0 14px}.social-widget>p{font-size:10px;color:var(--muted);margin-top:13px}#qr-list{display:flex;gap:10px;justify-content:center}.qr-card{padding:0;min-width:0;flex:1}.qr-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:6px}.qr-image img{width:100%;height:100%;object-fit:contain}.qr-empty{display:flex;flex-direction:column;align-items:center;color:var(--muted);gap:8px}.qr-empty svg{opacity:.5}.qr-empty small{font-size:9px}.qr-card strong{font-size:11px;font-weight:400;display:block;margin-top:9px}.qr-large{display:block;width:260px;max-width:100%;margin:20px auto}.social-widget button:hover .qr-image{border-color:var(--accent)}footer{justify-content:center;border:0;padding:14px 0 20px;gap:20px;color:var(--muted)}footer>span{display:none}.footer-notice{font-size:10px}html[data-mode=dark] .calendar{background:var(--panel)}@media(min-width:1100px) and (max-height:760px){.identity{padding:16px 0 20px}.avatar-button{height:72px;width:72px}.identity h1{margin:10px 0 7px}.identity-tags{margin-top:9px}.video-section{padding-top:20px}.video-cover{height:85px}}@media(max-width:1099px){.center-column{width:540px}.left-widgets{width:160px}.social-widget{width:155px}.wide{width:calc(100% - 36px)}.tool-card{padding:0 12px;gap:8px}.tool-card h3{font-size:12px}.tool-arrow{right:10px}.qr-empty small{font-size:8px}}@media(max-width:920px){main.wide{display:grid;grid-template-columns:160px 1fr;gap:25px;max-width:780px}.center-column{width:100%;grid-column:2;grid-row:1/3}.left-widgets{position:static;grid-column:1;grid-row:1;padding-top:24px;width:160px}.social-widget{position:static;grid-column:1;grid-row:2;align-self:start;width:160px;margin-top:-10px}.calendar{margin-top:22px}.desktop-nav{gap:22px}.tool-grid{gap:8px}.tool-icon svg{width:18px}.tool-card{padding:0 9px;gap:6px}.tool-card h3{font-size:11px}.tool-arrow{display:none}}@media(max-width:620px){.wide{width:calc(100% - 28px)}.header-inner{height:55px;gap:8px}.brand{font-size:16px}.desktop-nav{gap:13px}.desktop-nav a,.desktop-nav button{font-size:11px}.desktop-nav a[href='#videos'],.desktop-nav a[data-category]{display:none}.header-actions{margin:0}.icon-button{width:27px}main.wide{display:flex;flex-direction:column;gap:0}.center-column{order:0}.identity{padding:22px 0}.avatar-button{width:76px;height:76px}.identity h1{font-size:24px}.identity p{font-size:13px}.tool-card{height:45px;padding:0 10px;gap:7px}.tool-card h3{font-size:11px}.tool-icon{width:18px;flex-shrink:0}.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-card:last-child{grid-column:auto}.video-section{padding-top:23px}.video-cover{display:flex;height:65px}.video-info h3{font-size:11px}.video-info .video-bottom{font-size:9px}.left-widgets{order:1;width:100%;display:grid;grid-template-columns:100px 1fr;align-items:center;padding:5px 0 20px;gap:8px 22px}.analog{grid-column:1;grid-row:1;margin-top:15px}.compact-clock{grid-column:1;grid-row:2;margin:0;align-self:start}.calendar{grid-column:2;grid-row:1/3;margin:0}.social-widget{order:2;width:100%;margin:0 0 20px;padding:15px;border-top:1px solid var(--border)}#qr-list{max-width:210px;margin:auto}.social-widget h2{margin-bottom:10px}.qr-empty small{font-size:10px}footer{padding:12px 0}.hover-detail{min-width:190px}.tool-card:nth-child(3n) .hover-detail{right:0;left:auto}}
html[data-mode=light][data-accent=violet]{--accent:#7564ed;--tint:#eeebff}html[data-mode=light][data-accent=mint]{--accent:#25886c;--tint:#e7f5ef}html[data-mode=light][data-accent=blue]{--accent:#477edb;--tint:#e9f0ff}html[data-mode=light][data-accent=orange]{--accent:#b87635;--tint:#fbf0e5}
@media(min-width:921px) and (max-height:800px){.identity{padding:16px 0 20px}.avatar-button{width:72px;height:72px}.identity h1{margin:10px 0 7px}.identity-tags{margin-top:9px}.video-section{padding-top:20px}.video-cover{height:85px}}
/* Larger portrait, QR images, and illustrated hover previews */
#cloud-background{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,#e5e3f7,#f5f5fc);opacity:.65}body{isolation:isolate;background:transparent}html{background:var(--bg)}html[data-mode=dark] #cloud-background{opacity:.18}.avatar-button{width:118px;height:118px}.social-widget{width:230px;right:0}#qr-list{gap:12px}.qr-image{min-height:109px}.qr-empty small{font-size:11px}.hover-detail{width:260px;right:auto;min-height:265px;padding:16px;top:-12px}.hover-cover{display:block;width:100%;height:115px;object-fit:cover;border-radius:7px;margin:0 0 13px}.hover-detail>span:not(.hover-tags){font-size:13px}.hover-detail strong{font-size:16px}.tool-card:nth-child(3n) .hover-detail{left:auto;right:0}.tool-card:nth-child(n+7) .hover-detail{top:auto;bottom:-12px}.tool-card.dismiss-hover .hover-detail{display:none}@media(min-width:1100px){.center-column{width:600px}}@media(min-width:921px) and (max-width:1200px){.social-widget{width:142px}#qr-list{flex-direction:column;align-items:center}.qr-card{width:118px}.qr-image{min-height:118px}.social-widget{top:38px}.center-column{width:550px}}@media(min-width:921px) and (max-height:800px){.avatar-button{width:104px;height:104px}.identity{padding-top:12px;padding-bottom:15px}.video-cover{height:72px}.video-section{padding-top:17px}}@media(max-width:920px){.social-widget{width:160px}#qr-list{flex-direction:column;align-items:center}.qr-card{width:125px}.qr-image{min-height:125px}.social-widget{margin-top:12px}.hover-detail{width:230px}}@media(max-width:620px){.avatar-button{width:105px;height:105px}.social-widget{width:100%}#qr-list{flex-direction:row;max-width:290px}.qr-card{width:135px}.qr-image{min-height:135px}.hover-detail{width:235px}.tool-card:nth-child(3n+2) .hover-detail{left:50%;transform:translateX(-50%)}.hover-cover{height:100px}}
/* Featured Bilibili player and three-item playlist */
.video-section{padding-top:26px}.featured-frame{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#171824}.featured-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.featured-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:var(--accent);background:linear-gradient(135deg,var(--tint),var(--panel))}.featured-empty>svg{width:48px;height:48px;padding:12px;border-radius:50%;background:var(--panel)}.featured-empty strong{font-weight:500;font-size:18px}.featured-empty>span{font-size:12px;color:var(--muted)}.featured-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 2px 18px;font-size:11px;color:var(--muted)}.featured-meta>div{min-width:0}.featured-meta strong{font-size:14px;font-weight:500;color:var(--text);display:block;line-height:1.6}.featured-meta>div>span{display:block;margin-top:4px}.featured-meta a{color:var(--accent);white-space:nowrap}.playlist-label{color:var(--muted);font-size:12px;margin-bottom:11px}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.playlist-card{display:block;width:100%;min-width:0;text-align:left;cursor:pointer;padding:0}.playlist-card .video-cover{display:flex;width:100%;height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid var(--border)}.playlist-card .video-cover img{width:100%;height:100%;object-fit:cover}.playlist-card .video-info{display:block;text-align:left;padding-top:9px}.playlist-card .video-info strong{display:block;font-size:12px;line-height:1.6;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-card .video-info small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.preview-play{position:absolute;display:grid;place-items:center;width:30px;height:30px;background:#191b3870;color:#fff;border-radius:50%}.preview-play svg{width:14px;height:14px}.playlist-card:hover .video-cover{border-color:var(--accent)}.playlist-empty{font-size:12px;color:var(--muted);grid-column:1/-1}#videos{scroll-margin-top:20px}footer{padding-bottom:25px}@media(min-width:1400px){.center-column{width:680px}}@media(max-width:620px){.video-section{padding-top:24px}.featured-frame{border-radius:9px}.featured-meta{gap:10px;align-items:flex-start}.featured-meta strong{font-size:13px}.featured-meta>div>span{font-size:10px}.featured-meta a{font-size:10px}.video-grid{gap:9px}.playlist-card .video-info strong{font-size:11px}.playlist-card .video-info small{font-size:9px}.featured-empty strong{font-size:16px}.preview-play{width:25px;height:25px}}
/* Blue sky with natural white clouds */
#cloud-background{opacity:1;background:linear-gradient(180deg,#53a6e4 0%,#a2d5f4 65%,#e6f3fc 100%)}html[data-mode=light]{--muted:#536b85}html[data-mode=light] header{background:#ffffffeb}html[data-mode=light] .announcement{background:#ffffff85}html[data-mode=light] .identity h1{color:#203b58;text-shadow:0 1px 8px #ffffff80}html[data-mode=light] .identity p,html[data-mode=light] .compact-clock,html[data-mode=light] .social-widget>p,html[data-mode=light] .social-widget h2{color:#345675}html[data-mode=light] .avatar-button{background:#ffffff85}html[data-mode=light] .calendar{background:#ffffffd9}html[data-mode=light] .tool-card{background:#fffffff2;box-shadow:0 3px 14px #3267920a}html[data-mode=light] .identity-tags{color:#385da0}html[data-mode=dark] #cloud-background{opacity:.24}