/* AMEOBIUS / After Hours. Fixed dark art direction; existing motion and i18n remain. */
:root{--black:#101113;--white:#f2f3ed;--s-900:#15171c;--s-800:#1b1e24;--line-dark:#596273;--line-light:#596273;--accent:#a3bfff;--electric:#234cf3;--r:4px}
body{font-weight:400;font-size:16px;line-height:1.65;letter-spacing:0;background:var(--black);color:var(--white)}
.wrap{max-width:1288px;margin-inline:auto}.display{font-weight:650;letter-spacing:-.045em;line-height:1.04}.h-xxl{font-size:clamp(48px,6.3vw,88px)}.h-xl{font-size:clamp(32px,4vw,56px)}.h-m{font-size:22px;font-weight:550;line-height:1.25}.label{font-size:14px;letter-spacing:.09em;font-weight:450}.lede{font-weight:400;font-size:18px;line-height:1.6;max-width:58ch}.head-logo{font-weight:600;letter-spacing:.16em}.head.is-solid{background:#101113f5}.nav{gap:18px}.nav a{font-size:14px;letter-spacing:.025em;min-height:44px;display:inline-flex;align-items:center}.lang button{font-size:14px;min-width:44px}.btn{font-size:14px;letter-spacing:.035em;min-height:48px}.btn--solid{background:var(--electric);color:#fff;border-color:#7796ff}.btn--solid::before{background:#192e83}.btn--solid:focus-visible{color:#fff}.btn:focus-visible{outline:2px solid #bcd0ff;outline-offset:4px}.head-cta{gap:12px}
.hero{min-height:780px;min-height:88svh;background:var(--black)}.hero-media{left:54%;opacity:.38}.hero-media img{filter:grayscale(1) brightness(.68)}.hero-media::after{background:linear-gradient(90deg,#101113 0%,#10111388 40%,#10111333 100%)}.hero-in{padding-top:152px;padding-bottom:56px;gap:24px}.hero-h{max-width:15ch;color:var(--white)}.hero-h br+*{color:var(--accent)}.hero .label{color:#c3c9d5}.hero .lede{max-width:45ch;color:#c3c9d5}.hero .btn-row{max-width:620px}.hero-side{max-width:900px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px;padding-top:20px}.hero-side b{font-size:22px;font-weight:550}.hero-side span{font-size:14px;color:#c3c9d5}.intro-h1{font-weight:550}.intro-word{font-weight:450}.intro-rows dd{font-weight:400}.intro-rows .label{color:#101113}.intro-top .label,.intro-bot .label{color:#101113}
.band{padding-block:64px}.sec-head{gap:16px;margin-bottom:32px}.sec-head .label{color:var(--accent)}.selected-work{border-top:1px solid var(--line-dark)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.featured-card{display:flex;flex-direction:column;background:#1b1e24;border:1px solid #596273;min-width:0;transition:border-color .18s ease}.featured-card>img{width:100%;height:auto;border-bottom:1px solid #596273}.featured-copy{padding:28px;display:flex;flex:1;flex-direction:column;gap:12px}.featured-copy .label{color:#c3c9d5}.featured-copy h3{font-size:32px;letter-spacing:-.035em;font-weight:600;line-height:1.15}.featured-copy p:not(.label){font-size:18px;color:#c3c9d5;line-height:1.5}.featured-open{display:block;margin-top:auto;padding-top:24px;font-size:16px;color:var(--accent)}.selected-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;border-block:1px solid #596273}.selected-mini>a{padding:24px 20px;min-width:0;border-left:1px solid #596273;transition:background .18s ease}.selected-mini>a:first-child{border-left:0}.selected-mini h3{font-size:20px;font-weight:550;display:flex;justify-content:space-between;gap:12px}.selected-mini h3 span{color:var(--accent)}.selected-mini p{font-size:16px;line-height:1.5;color:#c3c9d5;margin-top:12px}.featured-card:focus-visible,.selected-mini>a:focus-visible{outline:3px solid #bcd0ff;outline-offset:4px}
.slide .display{font-weight:550}.slide-p{font-size:18px}.slide-tags li{font-size:14px;border-color:#707b8f}.reel-count{font-size:16px}.metric b{font-size:clamp(22px,2.5vw,34px);font-weight:550;line-height:1.15}.metric span{font-size:16px;color:#c3c9d5}.row p{font-weight:400;font-size:18px;color:#c3c9d5}.row i{font-size:16px}.repo{background:#1b1e24;border-color:#596273}.repo-name{font-size:24px;font-weight:550}.repo-top{align-items:start;flex-wrap:wrap;gap:8px}.repo-group{font-size:14px;color:#c3c9d5}.repo-d{font-weight:400;font-size:16px;line-height:1.6;color:#d5d9e1}.repo-m{font-size:14px;color:#b9c3d6}.repo-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.repo-filters button{font:inherit;font-size:16px;min-height:48px;padding:10px 16px;background:#1b1e24;color:#f2f3ed;border:1px solid #778295;border-radius:4px;cursor:pointer;transition:background .18s ease,border-color .18s ease}.repo-filters button[aria-pressed="true"]{background:#234cf3;color:#fff;border-color:#94adff}.repo-filters button:focus-visible{outline:3px solid #bcd0ff;outline-offset:3px}.repo-filters button:active{transform:scale(.98)}
.light{background:#15171c!important;color:var(--white)!important}.light .row,.light .panel,.light .rule{border-color:#596273}.light .sec-head .label,.light .note{color:var(--accent)}.light .row i,.light .row h3,.light em{color:var(--white)}.light .row p,.light .panel p{color:#c3c9d5}.light .btn{color:#f2f3ed;border-color:#9aa9c4}.light .btn::before{background:#234cf3}.light .btn--solid{background:#234cf3;color:#fff}.light :focus-visible{outline-color:#bcd0ff}.panel{background:#1b1e24}.panel .h-m{font-size:26px}.panel p,.note{font-weight:400;font-size:16px;line-height:1.6}.foot{background:#101113}.foot-in{font-size:14px;color:#b9c3d6}.foot a{min-height:44px;display:inline-flex;align-items:center}.cta .h-xl{text-align:center}.cta .label{color:var(--accent)}
@media(hover:hover) and (pointer:fine){.featured-card:hover{border-color:#bcd0ff}.selected-mini>a:hover{background:#1b1e24}.repo-filters button:hover{border-color:#bcd0ff}.repo-filters button[aria-pressed="true"]:hover{background:#193bc9}.btn--solid:hover{color:#fff}.light .btn:hover{color:#fff}}
@media(max-width:1100px){.nav{gap:12px}.nav a{font-size:14px}.head-logo{font-size:15px}.head-cta>.btn{display:none}.featured-copy{padding:24px}.selected-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-mini>a:nth-child(3){border-left:0;border-top:1px solid #596273}.selected-mini>a:nth-child(4){border-top:1px solid #596273}}
@media(max-width:860px){.head{height:80px}.head-logo{font-size:14px}.hero{min-height:860px;min-height:92svh}.hero-in{padding-top:136px}.hero-media{left:22%;opacity:.22}.hero-side{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-side div{gap:8px}.hero-side b{font-size:20px}.hero-side span{font-size:14px}.slide-p{font-size:17px}.slide-tags li{font-size:14px}.label{font-size:14px}.intro-rows{grid-template-columns:1fr}.intro-h1{font-size:36px}}
@media(max-width:650px){.head-logo{letter-spacing:.08em}.head-cta{gap:8px}.lang button{height:46px;padding-inline:6px;min-width:44px}.head-cta>.btn{display:none}.wrap{padding-inline:20px}.hero-in{padding-top:124px;padding-bottom:40px;gap:20px}.hero-h{font-size:52px;line-height:1.03}.hero .label{font-size:14px;max-width:30ch}.hero .lede{font-size:18px}.hero-side{grid-template-columns:1fr;gap:16px}.hero-side div{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.hero-side b{font-size:19px}.hero-side span{font-size:14px;text-align:right}.hero .btn-row{gap:12px}.band{padding-block:40px}.h-xl{font-size:34px}.featured-grid{grid-template-columns:1fr;gap:20px}.featured-copy{padding:24px}.featured-copy h3{font-size:28px}.featured-copy p:not(.label){font-size:17px}.selected-mini{grid-template-columns:1fr;margin-top:24px}.selected-mini>a{border-left:0;padding:20px 0}.selected-mini>a+a{border-top:1px solid #596273}.selected-mini p{margin-top:8px}.slide-in{padding-inline:20px;padding-top:104px;padding-bottom:120px}.slide-h{font-size:32px;max-width:18ch}.slide-p{font-size:16px;line-height:1.5}.slide-body{gap:12px}.slide-tags{gap:6px}.slide-tags li{font-size:14px;padding:5px 8px}.reel-hud{left:20px;right:20px}.row .h-m{font-size:22px}.row p{font-size:17px}.repo-name{font-size:23px}.repo-filters button{font-size:15px;padding-inline:12px}.repo-d{font-size:16px}.panel .h-m{font-size:25px}}
html[lang="zh-CN"] .display,html[lang="zh-CN"] .h-xxl,html[lang="zh-CN"] .h-xl{letter-spacing:0;line-height:1.2}html[lang="zh-CN"] .hero-h{max-width:14ch}html[lang="zh-CN"] .slide-p{line-height:1.65}
@media(prefers-reduced-motion:reduce){.featured-card,.selected-mini>a,.repo-filters button{transition:none}.repo-filters button:active{transform:none}}

/* Drawer text must be as legible as the desktop navigation. */
.menu{overflow-y:auto;align-content:start;gap:12px;padding-top:112px}.menu a{font-weight:500;line-height:1.2}.menu>a{min-height:48px;display:flex;align-items:center}.menu-foot a{font-size:22px;font-weight:400;min-height:44px;display:flex;align-items:center}

/* Four safe first-run routes; existing catalog, header and filter layout unchanged. */
.quickstart-guide{margin-bottom:24px;border:1px solid #596273;background:#1b1e24;scroll-margin-top:110px}
.quickstart-guide>summary{padding:16px 20px;min-height:56px;cursor:pointer;font-size:18px;font-weight:500;line-height:1.5;color:var(--white)}
.quickstart-guide>summary::marker{color:var(--accent)}
.quickstart-guide>summary:focus-visible,.quickstart-guide a:focus-visible{outline:3px solid #bcd0ff;outline-offset:3px}
.quickstart-body{padding:20px;border-top:1px solid #596273;min-width:0}
.quickstart-body p{font-size:16px;line-height:1.6;color:#d5d9e1;max-width:74ch}
.quickstart-routes{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px}
.quickstart-routes>li{min-width:0;border-top:1px solid #596273;padding-top:16px}
.quickstart-routes .quickstart-task{font-weight:500;color:var(--white)}
.quickstart-tool{display:inline-flex;align-items:center;min-height:44px;max-width:100%;font-size:20px;color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.quickstart-routes p+p{margin-top:8px}
.quickstart-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.quickstart-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.quickstart-body .quickstart-limit{border-top:1px solid #596273;padding-top:16px}
.quickstart-body .quickstart-date{margin-top:12px;font-size:14px;color:#b9c3d6}
@media(max-width:650px){.quickstart-routes{grid-template-columns:1fr;gap:16px}.quickstart-body{padding:16px}.quickstart-guide>summary{padding-inline:16px}}