.theme-toggle{position:fixed;right:20px;bottom:67px;z-index:5;padding:9px 14px;border:1px solid #fff;border-radius:25px;background:#f9faffde;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#505572;font:12px/1.8 Arial,"Microsoft JhengHei",sans-serif;cursor:pointer;box-shadow:0 4px 18px #4c558214}.theme-toggle[hidden]{display:none}.theme-toggle:hover{background:#fff}.theme-toggle:focus-visible{outline:3px solid #9687d0;outline-offset:4px}
html[data-theme="midnight"]{color-scheme:dark;--paper:#0b1023;--ink:#e9edf9;--muted:#b1bcd2;--orange:#a998ed;--line:#a0b8df29;--edge:#b5cbff30;--shadow:0 20px 60px #00000024,inset 0 1px 0 #c8dfff17}
[data-theme="midnight"] body{background:#0b1023}
[data-theme="midnight"] .space-scene{background:radial-gradient(ellipse at 10% 22%,#542c805c,transparent 58%),radial-gradient(ellipse at 92% 68%,#1260765e,transparent 60%),radial-gradient(ellipse at 48% 0%,#242f5a65,transparent 65%),#0b1023}
[data-theme="midnight"] .space-veil{background:linear-gradient(90deg,#0b102326,transparent 50%,#0b102315)}
[data-theme="midnight"] ::selection{background:#7966b9;color:#fff}
[data-theme="midnight"] .header{background:#1b244233;border-color:#bdcfff30;box-shadow:var(--shadow)}
[data-theme="midnight"] .brand-mark{background:linear-gradient(135deg,#7664a888,#378b9e66);border-color:#c6d8ff3b;color:#f1f4ff}
[data-theme="midnight"] .brand-dot{color:#92d4df}
[data-theme="midnight"] .nav-contact,[data-theme="midnight"] .text-link{background:#a0bded0e;border-color:#b8d0ff2b;color:#d5ddf1}
[data-theme="midnight"] .eyebrow{color:#afb7d5}
[data-theme="midnight"] .handline{color:#b8a5f0}
[data-theme="midnight"] .status-dot{background:#9ce0de;box-shadow:0 0 12px #8bddd866}
[data-theme="midnight"] .primary{background:linear-gradient(135deg,#b6a3e6,#85c9db);border-color:#d1d9ff66;color:#18243d;box-shadow:0 6px 24px #8f9bdf24,inset 0 1px 0 #fff5}
[data-theme="midnight"] .primary:hover{background:linear-gradient(135deg,#c6b5ed,#a1dce9)}
[data-theme="midnight"] .glass-monogram{background:linear-gradient(135deg,#8595d31c,#76b7d008);border-color:#ccdfff52;box-shadow:0 25px 65px #0003,inset 0 1px 0 #d9e7ff40}
[data-theme="midnight"] .glass-monogram strong{color:#f0f4ff}
[data-theme="midnight"] .glass-monogram strong span{color:#beaef0}
[data-theme="midnight"] .glass-monogram>span,[data-theme="midnight"] .glass-monogram p{color:#c6d1e8}
[data-theme="midnight"] .orb-lilac{background:radial-gradient(circle at 31% 25%,#ccb5ff,#7553ab99 44%,#38295133 76%);box-shadow:inset -12px -16px 35px #1c14305e,0 20px 65px #8861c530}
[data-theme="midnight"] .orb-blue{background:radial-gradient(circle at 27% 23%,#c0f2fa,#4698ad99 48%,#244d7533);box-shadow:0 10px 45px #388baf35}
[data-theme="midnight"] .art-ring{border-color:#cee4ff26;box-shadow:none}
[data-theme="midnight"] .ring-two{border-color:#cee4ff10}
[data-theme="midnight"] .art-chip{background:#1c284880;border-color:#a7c9ed36;color:#d2dbef;box-shadow:0 8px 28px #0002}
[data-theme="midnight"] .chip-dot{background:#8fd8e4}
[data-theme="midnight"] .art-disciplines span{background:#99bfe616;border-color:#c5dcff2b;color:#d2e0f5}
[data-theme="midnight"] .discipline-strip .wrap{background:#abc9ff06;border-color:#b4d3ff21;box-shadow:inset 0 1px 0 #d6e5ff0a}
[data-theme="midnight"] .discipline-strip span{color:#afbdd7}
[data-theme="midnight"] .discipline-strip span+span{border-color:#acbde526}
[data-theme="midnight"] .project{background:#6b8cb40c;border-color:#acc8f22e}
[data-theme="midnight"] .project:hover{background:#8094bd19;box-shadow:0 24px 65px #0003,inset 0 1px 0 #d8e5ff20}
[data-theme="midnight"] .project-visual{border-color:#bedbff21}
[data-theme="midnight"] .tags span{background:#a3bbdf0c;border-color:#afc5e626;color:#bac9e0}
[data-theme="midnight"] .visual-category{background:#142139b3;border-color:#aec6e630;color:#c1d1e8}
[data-theme="midnight"] .help-visual{background:#30545630}
[data-theme="midnight"] .map-road{background:#cde8ea10}
[data-theme="midnight"] .map-river{background:#75a9d32b;border-color:#90bcdb0c}
[data-theme="midnight"] .map-block{background:#83c3b20f;border-color:#98ccbf1c}
[data-theme="midnight"] .help-note{background:#142e3d80;border-color:#c2edf245;box-shadow:0 10px 25px #0002;color:#dfedf7}
[data-theme="midnight"] .visual-caption{color:#adc3cc}
[data-theme="midnight"] .map-pin{background:#8977b7;color:#fff;box-shadow:0 4px 14px #0002}
[data-theme="midnight"] .pin-two{background:#557c99}
[data-theme="midnight"] .pin-three{background:#518c83}
[data-theme="midnight"] .ktv-visual{background:linear-gradient(140deg,#59568729,#455f8b1c)}
[data-theme="midnight"] .browser-frame{border-color:#b3c2e433;box-shadow:0 12px 30px #0003}
[data-theme="midnight"] .mini-toolbar{background:#26314a;color:#c6cbe0}
[data-theme="midnight"] .noodle-visual{background:linear-gradient(135deg,#92745e1c,#78629820)}
[data-theme="midnight"] .game-caption{color:#c7bace}
[data-theme="midnight"] .sand-visual{background:linear-gradient(135deg,#53738126,#4e607a1c);color:#dce5f3}
[data-theme="midnight"] .sand-copy em{color:#bcb0ed}
[data-theme="midnight"] .sand-screen{border-color:#64798e55;box-shadow:0 12px 26px #0003}
[data-theme="midnight"] .about-grid{background:#7b94b80c;border-color:#afc9f02b}
[data-theme="midnight"] .maker-sign{color:#baace6}
[data-theme="midnight"] .maker-caption{color:#b5bed6}
[data-theme="midnight"] .capabilities>div{border-color:#b3c6e321}
[data-theme="midnight"] .capabilities>div>span:first-child{color:#bbabe5}
[data-theme="midnight"] .contact-link{background:#779db315;border-color:#b4d9f23b;box-shadow:var(--shadow)}
[data-theme="midnight"] .contact-link>span{color:#b9b0de}
[data-theme="midnight"] .contact-link:hover{border-color:#b7a6da88}
[data-theme="midnight"] .footer{border-color:#b1c7df26}
[data-theme="midnight"] .motion-toggle,[data-theme="midnight"] .theme-toggle{background:#17213acc;color:#c4cee2;border-color:#a9c8f033;box-shadow:0 4px 18px #0002}
[data-theme="midnight"] .motion-toggle:hover,[data-theme="midnight"] .theme-toggle:hover{background:#29364ee6}
[data-theme="midnight"] .motion-toggle:disabled{color:#a2aec5}
[data-theme="midnight"] .motion-icon{border-color:#aaa2d0}
[data-theme="midnight"] .motion-icon:after{background:#b5a8e0}
[data-theme="midnight"] .motion-toggle[aria-pressed="false"] .motion-icon:after{background:transparent}
@media(max-width:760px){.theme-toggle{right:12px;bottom:57px;padding:8px 12px;font-size:11px}[data-theme="midnight"] .project,[data-theme="midnight"] .about-grid{background:#17213a38}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){[data-theme="midnight"] .project,[data-theme="midnight"] .project:hover,[data-theme="midnight"] .about-grid,[data-theme="midnight"] .header,[data-theme="midnight"] .glass-monogram,[data-theme="midnight"] .contact-link{background:#182038eb}}