:root{--holo:#83e8f2;--line:#83e8f233;--ink:#d9f1f4}body{background:#060d13!important;color:var(--ink)!important;background-image:radial-gradient(ellipse at 70% 8%,#10323f80,transparent 45%),radial-gradient(#83e8f212 .8px,transparent .8px)!important;background-size:auto,24px 24px!important}nav{background:#071119f2!important;border-color:var(--line)!important;backdrop-filter:blur(16px)}nav a,nav span,.intro,.muted,.meta,.hero-note,.hero-focus,.card p,.row span,footer{color:#a9c4cf!important}nav a.active,nav a:hover,.category-filter[aria-pressed=true],.plugin-filters button[aria-pressed=true]{background:#83e8f21c!important;color:#c9f9ff!important}h1,h2,h3{color:#e0f7fa!important}h1 em,.eyebrow,.hero-focus,.hero-stats strong{color:var(--holo)!important}h1 em{text-shadow:0 0 35px #83e8f230}.section,.meta,.row,footer,.plugin-section,.hero-stats{border-color:var(--line)!important}.button,button,.art-play{background:#102731!important;color:#baf7ff!important;border:1px solid #83e8f25c!important}.card button{background:transparent!important;border:0!important}.play{background:#07151de8!important;color:#baf7ff!important;border:1px solid #83e8f288!important;box-shadow:0 0 24px #83e8f21a}.visual{background:#0b1921!important;border:1px solid var(--line)}.plugin-image{background:#101c24!important;border-color:var(--line)!important}.plugin-card h3{font-size:18px}.plugin-more,.card-meta{color:#83e8f2!important}.tags span{background:#0d2029!important;border-color:var(--line)!important;color:#b7d8e0!important}dialog{background:#09151e!important;color:var(--ink)!important;border:1px solid #83e8f260!important;box-shadow:0 0 70px #000c}dialog .dialoghead{background:#09151e!important}.contact-section:after{color:#83e8f219!important}.hero-art{min-height:450px}.hero-art>*{display:none!important}.hero-art .holo-stage{display:block!important;position:relative;width:100%;height:440px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 60%,#16425770,transparent 65%);border-radius:2px}.holo-stage svg{width:100%;height:100%;filter:drop-shadow(0 0 5px #83e8f260)}.holo-stage .hud-label{position:absolute;left:16px;top:16px;color:#83e8f2;font:11px monospace;letter-spacing:2px;background:#061019dd;padding:9px;border:1px solid var(--line)}.holo-stage .hud-bottom{top:auto;bottom:16px;letter-spacing:1px}.holo-scan{animation:scan 5s linear infinite;transform-origin:center}.rig-body{animation:rigPulse 5s ease-in-out infinite}.hud-joint{fill:#07131c;stroke:#c2f9ff}.holo-ring{transform-origin:260px 366px;animation:ring 24s linear infinite}.hero-art:before,.hero-art:after{display:none!important}@keyframes scan{0%{transform:translateY(-155px);opacity:0}15%,85%{opacity:.8}100%{transform:translateY(160px);opacity:0}}@keyframes rigPulse{50%{opacity:.65}}@keyframes ring{to{transform:rotate(360deg)}}@media(max-width:600px){.hero-art{min-height:330px!important;height:330px!important}.hero-art .holo-stage{height:320px}.holo-stage .hud-label{font-size:9px;padding:7px}.hero{gap:24px!important}}@media(prefers-reduced-motion:reduce){.holo-scan,.rig-body,.holo-ring{animation:none}}
.meta>strong{color:#26f3ff!important;text-shadow:0 0 12px #26f3ff45;font-weight:600!important}.plugin-more{display:none!important}
.hero{padding-top:42px!important;padding-bottom:36px!important;gap:32px}.hero-art{padding:0!important;min-height:0!important;height:auto!important}.hero-art .holo-stage{height:400px}.hero .intro{margin-bottom:0}@media(max-width:900px){.hero{padding-top:30px!important;padding-bottom:28px!important;gap:24px}.hero-art .holo-stage{height:360px}}@media(max-width:600px){.hero{padding-top:24px!important;padding-bottom:22px!important;gap:18px!important}.hero-art{height:auto!important;min-height:0!important}.hero-art .holo-stage{height:290px}}
.portfolio-stats{color:#d6f1f5!important}.portfolio-stats strong,.portfolio-stats b{color:#62f1ff!important;text-shadow:0 0 18px #62f1ff25}.portfolio-stats span,.portfolio-stats p{color:#c3e4ec!important}
/* Unified HUD details */
body{font-family:'Segoe UI','Microsoft YaHei','PingFang SC',sans-serif!important;-webkit-font-smoothing:antialiased;line-height:1.65}h1,h2,h3{font-family:inherit!important;letter-spacing:-.025em}h1{font-weight:600!important}h2{font-weight:500!important}.eyebrow,.featured-label,.card-meta,.art-index,.portfolio-stats strong{font-family:Consolas,'Courier New',monospace!important;font-variant-numeric:tabular-nums}.eyebrow,.featured-label{color:#8be6f2!important;font-size:11px;letter-spacing:.2em}nav .nav-tabs a{background:transparent!important;border:1px solid transparent!important;border-radius:4px;color:#b8d3dd!important;transition:background .2s,border-color .2s,color .2s}nav .nav-tabs a.active,nav .nav-tabs a[aria-current],nav .nav-tabs a:hover{background:#12303d!important;border-color:#83e8f24d!important;color:#e1fbff!important}nav .nav-tabs .contact-tab{background:#11313e!important;border-color:#83e8f266!important;color:#e1fbff!important}button,.button{border-radius:4px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.plugin-filters button{background:#0b1a24!important;border-color:#83e8f230!important;color:#b9d9e3!important}.plugin-filters button[aria-pressed=true]{background:#143c49!important;border-color:#66eaf4!important;color:#efffff!important}.plugin-card{border-color:#83e8f22b!important}.plugin-image,.visual{border-radius:5px}.plugin-summary{color:#bad0d9!important;line-height:1.8}.tags span{border-radius:4px}.play{transition:transform .25s,box-shadow .25s}.card h3,.plugin-card h3{line-height:1.5}.sectionhead{gap:16px}.holo-stage .hud-label:first-child{padding-left:32px}.holo-stage .hud-label:first-child:before{content:'';position:absolute;left:10px;top:9px;width:14px;height:14px;background:#83e8f2;mask:url('icons/scan-line.svg') center/contain no-repeat}.row:hover{background:#83e8f206}.contact-details a:hover,#contact a:hover{color:#6ceffc!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #8cefff!important;outline-offset:5px}::selection{background:#266d80;color:#fff}dialog::backdrop{background:#01080ddd;backdrop-filter:blur(5px)}dialog[open]{animation:panelOpen .22s ease-out}.dialoghead{border-bottom:1px solid #83e8f22b;padding-bottom:12px}.dialoghead button{font-size:13px!important}.hud-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:#69edff;box-shadow:0 0 8px #69edff88;z-index:1000;pointer-events:none}@keyframes panelOpen{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(hover:hover){button:hover,.button:hover{border-color:#83e8f2!important;box-shadow:0 0 16px #83e8f216}.card button:hover{box-shadow:none}.card:hover .play{transform:scale(1.08);box-shadow:0 0 24px #83e8f24a}.plugin-image:hover img{transform:scale(1.025)}.plugin-image img{transition:transform .35s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.tool-demo-button{margin-top:14px;padding:9px 15px;font-size:13px;min-height:44px}.tool-demo-dialog{width:min(1000px,calc(100vw - 24px))}.tool-demo-dialog [role=status]{font-size:13px;color:#b9d9e3}
.tool-demo-button.demo-pending{opacity:.65;cursor:default;box-shadow:none!important;border-color:#83e8f22b!important;background:#0b1a24!important;color:#9bbac5!important}
.hero-copy.reveal-ready,.hero-art.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}html{scrollbar-gutter:stable}
#works details>summary{color:#8beeff!important;font-weight:500}#works details>summary::marker{color:#8beeff}#works details>summary:hover{color:#e4fcff!important}