/* Shared visual system for homepage, portfolio and OS. */
@font-face{font-family:LJ;src:url('/assets/fonts/AlibabaHealthFont2.0CN-45R.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:LJ;src:url('/assets/fonts/AlibabaHealthFont2.0CN-85B.ttf') format('truetype');font-weight:700 900;font-display:swap}
.site-header{box-sizing:border-box;width:min(1280px,calc(100% - 96px));height:88px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252527;background:#000;position:relative;z-index:1701;font-family:LJ,'PingFang SC',sans-serif;line-height:1.5}
.site-header a{color:#eeeae6;text-decoration:none}
.site-header .site-brand{display:flex;align-items:center;gap:10px;font:900 23px/1 Arial,sans-serif;letter-spacing:-1px;flex-shrink:0}
.site-brand-icon{width:15px;height:15px;background:#ec343c;clip-path:polygon(0 0,45% 25%,55% 25%,100% 0,100% 78%,72% 100%,28% 100%,0 78%)}
.site-brand small{font:10px monospace;letter-spacing:0;margin:3px 0 0 4px;color:#969698}
.site-header .site-nav{display:flex;gap:35px;align-items:center;position:static;width:auto;height:auto;margin:0;padding:0;transform:none}
.site-nav a{min-height:44px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:400;white-space:nowrap}
.site-nav a:before{content:'';width:4px;height:4px;background:#515153}.site-nav a:hover:before,.site-nav a[aria-current]:before{background:#ec343c}
.site-header a:focus-visible{outline:2px solid #ec343c;outline-offset:6px}
body.site-secondary{--bg:#000;--bg2:#0b0b0c;--bg3:#121214;--bg4:#19191b;--panel:#09090a;--panel-strong:#0b0b0c;--ink:#eeeae6;--txt:#eeeae6;--txt2:#c8c8cc;--txt3:#96969b;--txt4:#77777d;--muted:#929294;--line:#252527;--line2:#252527;--line3:#1b1b1d;--accent:#ec343c;--red:#ec343c;--red2:#ff454d;--cyan:#c8c8cc;--green:#c8c8cc;--purple:#ec343c;--ok:#c8c8cc;--eva-purple:#ec343c;--eva-purple-2:#ec343c;--eva-cyan:#c8c8cc;--eva-cyan-2:#c8c8cc;--eva-green:#c8c8cc;--todo-accent:#eeeae6;--active-accent:#ec343c;--done-accent:#aaaab0;--writer-accent:#eeeae6;background:#000!important;color:#eeeae6;font-family:LJ,'PingFang SC',sans-serif;animation:none;min-height:100vh}
body.site-secondary:before,body.site-secondary:after{display:none}
.site-secondary button,.site-secondary input,.site-secondary textarea,.site-secondary select{font-family:inherit}
.site-secondary :is(button,a,input,textarea,select):focus-visible{outline:2px solid #ec343c;outline-offset:3px}
.site-secondary :is(.btn,.chip,.small-chip,.mode-btn){border-radius:0;clip-path:none;background:#121214;color:#ddd;border-color:#343437;box-shadow:none;letter-spacing:0;font-weight:400;text-shadow:none}
.site-secondary :is(.btn,.chip,.small-chip,.mode-btn):hover{background:#202023;color:white;border-color:#777;box-shadow:none}
.site-secondary .btn:before,.site-secondary .btn:after{display:none}
.site-secondary .btn.primary{background:#ec343c;color:#fff;border-color:#ec343c}
.site-secondary .btn.primary:hover{background:#ff454d;border-color:#ff454d}
.site-secondary :is(.input,.select,.textarea){background:#080809;color:#eee;border-color:#343437;clip-path:none;box-shadow:none;font-size:16px}
.site-secondary :is(.input,.select,.textarea):focus{border-color:#ec343c;box-shadow:none}
.site-portfolio .page-shell{width:min(1280px,calc(100% - 96px));padding:42px 0 70px}
.site-portfolio .portfolio-stage{width:100%;padding:0;background:none;border:0;box-shadow:none}
.site-portfolio .works-head{width:100%;padding:0 0 25px;margin:0 0 28px;border-bottom:1px solid #252527;background:none}
.site-portfolio .works-title{color:#eeeae6;font-size:23px;font-weight:400;letter-spacing:.04em}
.site-portfolio .works-meta{color:#929294}
.site-portfolio .project-grid{width:100%;margin:0;padding:0}
.site-portfolio :is(.project-card,.pin-card,.thumb-frame){background:transparent;border-color:#252527;box-shadow:none;border-radius:0;clip-path:none}
.site-portfolio .project-title{color:#eeeae6;font-weight:400}
.site-portfolio :is(.project-subtitle,.project-index){color:#929294}
.site-portfolio .lightbox{background:rgba(0,0,0,.93)}
.site-portfolio .lightbox-panel{background:#0a0a0b;border:1px solid #343437;box-shadow:none;border-radius:0}
.site-os #shell{width:min(1280px,calc(100% - 96px));max-width:none;padding:40px 0 60px}
.site-os #shell:before{display:none}
.site-os :is(#hdr,#top-actions,#quick-add,.panel,.card,.active-card,.hstat,.auth-panel,.auth-card,.auth-owner-box,.notes-modal-panel){background:#09090a;border-color:#29292d;clip-path:none;border-radius:0;box-shadow:none}
.site-os :is(#hdr,.panel,.card,.active-card,.hstat):before,.site-os :is(#hdr,.panel,.card,.active-card,.hstat):after{display:none}
.site-os #hdr{padding:0 0 30px;background:#000;border:0;border-bottom:1px solid #252527;margin-bottom:25px}
.site-os .sys-label{background:none;border:0;padding:0;color:#ec343c;clip-path:none;font-size:10px;letter-spacing:.12em}
.site-os .sys-title{color:#eeeae6;font-size:54px;font-weight:400;text-shadow:none;line-height:1.15}
.site-os :is(.sys-sub,.hint,.quick-helper,.meta,.panel-sub,.auth-copy,.auth-card-copy,.field-label){color:#96969b}
.site-os .hstat .k{color:#96969b}.site-os .hstat .v{color:#eeeae6;font-weight:400}
.site-os .panel-h{background:#0c0c0e;border-color:#252527;padding-left:24px;min-height:64px}
.site-os .panel-h:before{width:3px;height:18px;left:0;background:#ec343c;transform:translateY(-50%)}
.site-os .panel-title{color:#eeeae6;font-size:22px;font-weight:400;letter-spacing:0}
.site-os .panel:hover{transform:none;box-shadow:none}
.site-os :is(.tag,.time-chip,.mode-pill,.sys-label){clip-path:none;border-radius:0;box-shadow:none}
.site-os :is(.tag,.time-chip,.mode-pill){background:#141416;border-color:#343437;color:#bcbcc2}
.site-os :is(.tone-active .panel-title,.auth-kicker,.auth-error){color:#ec343c}
.site-os .auth-overlay{padding:115px 24px 30px;align-items:flex-start;background:rgba(0,0,0,.88);backdrop-filter:blur(8px);overflow:auto}
.site-os .auth-panel{width:min(760px,100%);padding:32px}
.site-os .auth-title{font-size:34px;line-height:1.4;font-weight:400;letter-spacing:0}
.site-os .auth-card-title{font-weight:400}
.site-os :is(.auth-kicker,.done-badge){color:#ec343c}
.site-os .notes-modal-head{background:#111113;border-color:#343437}
.site-os .active-card .actions .btn{background:#161618;border-color:#444;color:#ddd;box-shadow:none}
.site-os .active-card .actions .btn.cyan{background:#ec343c;color:#fff;border-color:#ec343c}
@media(max-width:900px){.site-header,.site-portfolio .page-shell,.site-os #shell{width:calc(100% - 48px)}}
@media(max-width:600px){.site-header{height:76px;width:calc(100% - 40px)}.site-header .site-brand{font-size:20px;gap:7px}.site-brand-icon{width:12px;height:12px}.site-brand small{display:none}.site-header .site-nav{gap:15px}.site-nav a{font-size:11px;gap:5px}.site-nav a:before{width:3px;height:3px}.site-portfolio .page-shell,.site-os #shell{width:calc(100% - 40px);padding-top:28px}.site-portfolio .works-title{font-size:18px}.site-portfolio .works-head{margin-bottom:22px;padding-bottom:20px}.site-os .sys-title{font-size:36px}.site-os .auth-overlay{padding:100px 20px 24px}.site-os .auth-panel{padding:22px 18px}.site-os .auth-title{font-size:26px}.site-os .auth-card{padding:15px}.site-os .auth-card-copy{min-height:0}.site-os .panel-h{padding-left:18px}.site-os .panel-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){body.site-secondary *,body.site-secondary *:before,body.site-secondary *:after{animation:none!important;transition:none!important}}
.site-os .panel > .panel-h,.site-os summary.panel-h{background:#0c0c0e}
.site-os #top-actions .hint,.site-os .panel-sub,.site-os .panel-sub:before{color:#96969b}
.site-os .panel-h:before{background:#ec343c}