@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root,[data-theme=dark]{--color-bg: #121212;--color-surface: #1a1a1a;--color-text: #e0e0e0;--color-text-muted: #888;--color-accent: #e89440;--color-accent-glow: rgba(232, 148, 64, .12);--color-accent-secondary: #b86e28;--color-tag-bg: #222222;--color-tag-text: #bbb;--color-border: #252525;--color-card-hover-shadow: rgba(0, 0, 0, .4);--color-nav-mobile-bg: #1a1a1a;--color-nav-mobile-border: #252525;--color-placeholder-start: #1a1a1a;--color-placeholder-end: #151515;--color-grid-line: rgba(232, 148, 64, .03)}[data-theme=dark] .card{position:relative;background:var(--color-surface);border:none;border-radius:16px;overflow:visible;box-shadow:8px 8px 16px #0009,-3px -3px 8px #ffffff0f;transition:all .4s cubic-bezier(.25,.46,.45,.94)}[data-theme=dark] .card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}[data-theme=dark] .card:hover{transform:translateY(2px);box-shadow:inset 6px 6px 12px #00000080,inset -3px -3px 6px #ffffff08}[data-theme=dark] .tag{background:var(--color-surface);border:none;border-radius:8px;box-shadow:inset 2px 2px 4px #0006,inset -1px -1px 2px #ffffff08;color:var(--color-text-muted);padding:4px 12px}[data-theme=dark] .home-title,[data-theme=dark] .project-title{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:var(--color-text);color:var(--color-text);animation:none}[data-theme=dark] .card:hover .card-title{color:var(--color-accent);transition:color .3s ease}[data-theme=dark] .sidebar-link{background:var(--color-surface);border-radius:10px;box-shadow:3px 3px 6px #0006,-2px -2px 4px #ffffff05;transition:all .3s cubic-bezier(.25,.46,.45,.94)}[data-theme=dark] .sidebar-link:hover{color:var(--color-accent);background:var(--color-surface);box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 4px #ffffff05}[data-theme=dark] .sidebar-link.active{color:var(--color-accent);font-weight:600;background:var(--color-surface);box-shadow:inset 4px 4px 8px #0009,inset -2px -2px 4px #ffffff08}[data-theme=dark] .sidebar-link:hover .nav-icon,[data-theme=dark] .sidebar-link.active .nav-icon{opacity:1}[data-theme=dark] .category-btn{background:var(--color-surface);border-radius:10px;box-shadow:3px 3px 6px #0006,-2px -2px 4px #ffffff05;transition:all .3s cubic-bezier(.25,.46,.45,.94)}[data-theme=dark] .category-btn:hover{color:var(--color-accent);background:var(--color-surface);box-shadow:inset 3px 3px 6px #00000080,inset -2px -2px 4px #ffffff05}[data-theme=dark] .category-btn.active{color:var(--color-accent);font-weight:600;background:var(--color-surface);box-shadow:inset 4px 4px 8px #0009,inset -2px -2px 4px #ffffff08}[data-theme=dark] .floating-geo{opacity:.06;animation-duration:120s}[data-theme=dark] .intro-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 25%,rgba(232,148,64,.025) 38%,transparent 50%),radial-gradient(circle at 50% 50%,transparent 45%,rgba(232,148,64,.02) 58%,transparent 70%),radial-gradient(circle at 50% 50%,transparent 65%,rgba(232,148,64,.015) 78%,transparent 90%);animation:circleBreath 10s ease-in-out infinite alternate}@keyframes circleBreath{0%{transform:scale(.95);opacity:.5}to{transform:scale(1.1);opacity:1}}[data-theme=dark] .intro-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,rgba(232,148,64,.12),transparent),radial-gradient(2px 2px at 55% 15%,rgba(232,148,64,.08),transparent),radial-gradient(1px 1px at 75% 60%,rgba(232,148,64,.1),transparent),radial-gradient(2px 2px at 35% 80%,rgba(232,148,64,.06),transparent),radial-gradient(1px 1px at 85% 25%,rgba(232,148,64,.09),transparent),radial-gradient(2px 2px at 10% 55%,rgba(232,148,64,.07),transparent),radial-gradient(1px 1px at 65% 40%,rgba(232,148,64,.11),transparent),radial-gradient(2px 2px at 45% 70%,rgba(232,148,64,.05),transparent);background-size:100% 100%;animation:dotsDrift 25s linear infinite}@keyframes dotsDrift{0%{background-position:0 0}to{background-position:100% 100%}}[data-theme=dark] .intro-slogan-zh{text-shadow:0 -1px 1px rgba(255,255,255,.04),0 1px 1px rgba(0,0,0,.3)}[data-theme=dark] .intro-slogan-zh:hover{text-shadow:0 -1px 1px rgba(255,255,255,.08),0 2px 2px rgba(0,0,0,.4)}[data-theme=dark] .intro-btn{background:transparent!important;border:1px solid var(--color-accent);border-radius:12px;color:var(--color-accent);box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}[data-theme=dark] .intro-btn:hover{color:var(--color-accent);background:transparent!important;transform:translateY(-2px);box-shadow:0 0 10px #e894404d}[data-theme=cyber]{--color-bg: #0B0F19;--color-surface: #111827;--color-text: #e2e8f0;--color-text-muted: #64748b;--color-accent: #38bdf8;--color-accent-glow: rgba(56, 189, 248, .15);--color-accent-secondary: #0ea5e9;--color-tag-bg: #1e293b;--color-tag-text: #94a3b8;--color-border: #1e293b;--color-card-hover-shadow: rgba(56, 189, 248, .15);--color-nav-mobile-bg: #111827;--color-nav-mobile-border: #1e293b;--color-placeholder-start: #0f172a;--color-placeholder-end: #1e293b;--color-grid-line: rgba(56, 189, 248, .04)}[data-theme=cyber] body:after{content:"";position:fixed;inset:0;background:linear-gradient(rgba(56,189,248,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:9998;opacity:.5}@keyframes neonPulse{0%,to{box-shadow:0 0 4px var(--color-accent-glow)}50%{box-shadow:0 0 12px var(--color-accent-glow),0 0 20px #00cc6a14}}[data-theme=cyber] .card:hover{animation:neonPulse 1.5s ease-in-out infinite}[data-theme=void]{--color-bg: #000000;--color-surface: #111111;--color-text: #cccccc;--color-text-muted: #666;--color-accent: #ffffff;--color-accent-glow: rgba(255, 255, 255, .06);--color-accent-secondary: #aaaaaa;--color-tag-bg: #1a1a1a;--color-tag-text: #888;--color-border: #1a1a1a;--color-card-hover-shadow: rgba(255, 255, 255, .04);--color-nav-mobile-bg: #111111;--color-nav-mobile-border: #1a1a1a;--color-placeholder-start: #050505;--color-placeholder-end: #0a0a0a;--color-grid-line: rgba(255, 255, 255, .03)}[data-theme=punk]{--color-bg: #0d0510;--color-surface: #1a0a20;--color-text: #e8e8e8;--color-text-muted: #aa66aa;--color-accent: #ff3377;--color-accent-glow: rgba(255, 51, 119, .15);--color-accent-secondary: #00ccaa;--color-tag-bg: #2a0f33;--color-tag-text: #cc88cc;--color-border: #331040;--color-card-hover-shadow: rgba(0, 204, 170, .08);--color-nav-mobile-bg: #1a0a20;--color-nav-mobile-border: #331040;--color-placeholder-start: #1a0022;--color-placeholder-end: #0f0015;--color-grid-line: rgba(255, 51, 119, .04)}[data-theme=punk] .card{clip-path:polygon(0 0,100% 0,98% 100%,0 98%);border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent-secondary);border-right:2px solid var(--color-accent-secondary);box-shadow:4px 4px 0 var(--color-accent-secondary);transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease .05s,border-color .1s steps(1),clip-path .1s steps(1)}[data-theme=punk] .card:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 4px var(--color-accent-secondary);opacity:0}[data-theme=punk] .card:after{content:"";position:absolute;inset:-8px;z-index:-1;pointer-events:none;opacity:0;border-radius:4px;box-shadow:0 0 15px var(--color-accent),0 0 35px var(--color-accent-secondary);transition:opacity .4s ease}[data-theme=punk] .card:not(:hover){animation:none}[data-theme=punk] .card:not(:hover):before,[data-theme=punk] .card:not(:hover):after{animation:none;opacity:0}[data-theme=punk] .card:hover:before{animation:punkCardGlitch1 .5s steps(1) 1 forwards}[data-theme=punk] .card:hover:after{opacity:.8}[data-theme=punk] .card:hover{clip-path:none;transform:translate(-3px,-8px) scale(1.03);box-shadow:8px 8px 0 var(--color-accent),14px 14px 0 var(--color-accent-secondary);animation:borderFlow 4s linear .5s infinite;transition:transform .2s ease,clip-path .1s steps(1)}@keyframes borderFlow{0%{border-color:var(--color-accent-secondary) var(--color-accent) var(--color-accent) var(--color-accent)}25%{border-color:var(--color-accent) var(--color-accent-secondary) var(--color-accent) var(--color-accent)}50%{border-color:var(--color-accent) var(--color-accent) var(--color-accent-secondary) var(--color-accent)}75%{border-color:var(--color-accent) var(--color-accent) var(--color-accent) var(--color-accent-secondary)}to{border-color:var(--color-accent-secondary) var(--color-accent) var(--color-accent) var(--color-accent)}}@keyframes borderWidthGlitch{0%,to{border-width:2px}20%{border-width:4px 2px 1px 3px}40%{border-width:1px 3px 4px 2px}60%{border-width:3px 1px 2px 4px}80%{border-width:2px 4px 3px 1px}}@keyframes punkCardGlitch1{0%{transform:translate(0);opacity:.8}8%{transform:translate(-18px,10px);opacity:1;clip-path:inset(15% 0 75% 0)}16%{transform:translate(15px,-12px);opacity:.9;clip-path:inset(60% 0 5% 0)}24%{transform:translate(-12px,-15px);opacity:1;clip-path:inset(5% 0 80% 0)}32%{transform:translate(18px,8px);opacity:.85;clip-path:inset(35% 0 50% 0)}40%{transform:translate(-8px);opacity:.7;clip-path:inset(70% 0 15% 0)}48%{transform:translate(12px,-10px);opacity:1;clip-path:inset(80% 0 2% 0)}56%{transform:translate(-15px,8px);opacity:.9;clip-path:inset(10% 0 70% 0)}64%{transform:translate(0);opacity:.8;clip-path:inset(0)}to{transform:translate(0);opacity:.8;clip-path:inset(0)}}[data-theme=punk] .card:hover .card-title{animation:rgbSplit .4s ease-in-out;color:var(--color-accent)}[data-theme=punk] .card-image:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,51,119,.05) 2px,rgba(255,51,119,.05) 4px);opacity:0;transition:opacity .1s steps(1);pointer-events:none;z-index:2}[data-theme=punk] .card:hover .card-image:after{opacity:1}[data-theme=punk] .tag{border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);transition:all .1s steps(1)}[data-theme=punk] .card:hover .tag{background:var(--color-accent);color:var(--color-bg);box-shadow:2px 2px 0 var(--color-accent-secondary)}[data-theme=post-punk]{--color-bg: #121212;--color-surface: #1e1e1e;--color-text: #d4d4d4;--color-text-muted: #737373;--color-accent: #4ade80;--color-accent-glow: rgba(74, 222, 128, .12);--color-accent-secondary: #9a3412;--color-tag-bg: #2a2a2a;--color-tag-text: #a3a3a3;--color-border: #2a2a2a;--color-card-hover-shadow: rgba(74, 222, 128, .06);--color-nav-mobile-bg: #1e1e1e;--color-nav-mobile-border: #2a2a2a;--color-placeholder-start: #141618;--color-placeholder-end: #0e1012;--color-grid-line: rgba(74, 222, 128, .04)}[data-theme=post-punk] h1,[data-theme=post-punk] .home-title{animation:crtFlicker 4s ease-in-out infinite}@keyframes crtFlicker{0%,to{opacity:1;text-shadow:0 0 2px rgba(74,222,128,.2)}2%{opacity:.95}4%{opacity:1}42%{opacity:1}44%{opacity:.95}46%{opacity:1}93%{opacity:.98;filter:brightness(.98)}94%{opacity:.8;filter:brightness(1.2);text-shadow:0 0 6px var(--color-accent)}95%{opacity:1;filter:brightness(1);text-shadow:0 0 2px rgba(74,222,128,.2)}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.topbar[data-astro-cid-lq7i5isa]{padding:1rem 2.5rem;display:flex;justify-content:flex-end;align-items:center;background:linear-gradient(to bottom,var(--color-bg) 0%,transparent 100%);position:sticky;top:0;z-index:50}.topbar-right[data-astro-cid-lq7i5isa]{display:flex;align-items:center;gap:2rem}.search-wrap[data-astro-cid-lq7i5isa]{position:relative;display:flex;align-items:center;width:240px;transition:width .3s ease}.search-wrap[data-astro-cid-lq7i5isa]:focus-within{width:280px}.search-icon[data-astro-cid-lq7i5isa]{position:absolute;left:.65rem;color:var(--color-text-muted);pointer-events:none;z-index:1}.topbar-search[data-astro-cid-lq7i5isa]{width:100%;padding:.4rem .75rem .4rem 2rem;background:#8080801a;border:1px solid transparent;border-radius:6px;color:var(--color-text);font-size:.85rem;transition:border-color .3s,background .3s}.topbar-search[data-astro-cid-lq7i5isa]:focus{outline:none;border-color:var(--color-accent);background:#80808026}.topbar-search[data-astro-cid-lq7i5isa]::placeholder{color:var(--color-text-muted)}.search-dropdown[data-astro-cid-lq7i5isa]{display:none;position:absolute;top:100%;left:0;right:0;margin-top:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 8px 24px #0006;z-index:200;overflow:hidden}.search-item[data-astro-cid-lq7i5isa]{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.875rem;color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-border);transition:background .1s}.search-item[data-astro-cid-lq7i5isa]:last-child{border-bottom:none}.search-item[data-astro-cid-lq7i5isa]:hover{background:var(--color-accent-glow)}.search-item-title[data-astro-cid-lq7i5isa]{flex:1}.search-item-date[data-astro-cid-lq7i5isa]{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);margin-left:1rem;flex-shrink:0}.topbar-link[data-astro-cid-lq7i5isa]{font-size:.85rem;color:var(--color-text-muted);text-decoration:none;transition:color .15s}.topbar-link[data-astro-cid-lq7i5isa]:hover{color:var(--color-accent)}.topbar-sys[data-astro-cid-lq7i5isa]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:90px}.topbar-clock[data-astro-cid-lq7i5isa]{font-size:1rem;font-weight:600;font-family:var(--font-mono);color:var(--color-text);letter-spacing:.05em}.topbar-meta[data-astro-cid-lq7i5isa]{font-size:.65rem;font-family:var(--font-mono);color:var(--color-text-muted);opacity:.6}@media(max-width:640px){.topbar[data-astro-cid-lq7i5isa]{padding:.6rem 1rem}.topbar-right[data-astro-cid-lq7i5isa]{gap:1rem}.search-wrap[data-astro-cid-lq7i5isa]{width:140px}.search-wrap[data-astro-cid-lq7i5isa]:focus-within{width:180px}.topbar-sys[data-astro-cid-lq7i5isa]{min-width:70px}.topbar-clock[data-astro-cid-lq7i5isa]{font-size:.9rem}}:root{--sidebar-width: 240px;--sidebar-min: 200px;--sidebar-max: 400px;--font-sans: "Space Grotesk", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--radius: 8px;--gap: 8px;--max-width: 1200px;--content-max-width: var(--max-width)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100dvh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;opacity:.5;animation:gridFlow 20s linear infinite}@keyframes gridFlow{0%{background-position:0 0}to{background-position:60px 60px}}h1{font-size:2.5rem;font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--color-text)}h2{font-size:1.75rem;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:var(--color-text)}h3{font-size:1.25rem;font-weight:600;line-height:1.35;color:var(--color-text)}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}p{color:var(--color-text)}.tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:.25em .75em;border:1px solid var(--color-border);border-radius:999px;color:var(--color-tag-text);background:var(--color-tag-bg);font-size:.8125rem;font-weight:500;line-height:1.4;text-decoration:none}img{max-width:100%;height:auto;display:block}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min);max-width:var(--sidebar-max);position:fixed;top:0;left:0;bottom:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:2.5rem 1.5rem 1.5rem;z-index:100;overflow-y:auto;transition:width .3s ease}.sidebar-brand{margin-bottom:2.5rem}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em;display:block;padding-bottom:.5rem;border-bottom:3px solid var(--color-accent);margin-bottom:.5rem}.sidebar-logo:hover{color:var(--color-accent);text-decoration:none}.sidebar-subtitle{font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:6px;font-size:.9rem;color:var(--color-text-muted);text-decoration:none;transition:background .15s,color .15s}.nav-label{display:inline-flex;align-items:center;gap:.6rem;min-width:0}.flow-marquee{display:none}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.6;transition:opacity .15s}.sidebar-link:hover .nav-icon,.sidebar-link.active .nav-icon{opacity:1}.sidebar-link:hover{background:var(--color-tag-bg);color:var(--color-text);text-decoration:none}.sidebar-link.active{background:var(--color-accent-glow);color:var(--color-accent);font-weight:600}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--color-border)}.sidebar-theme{font-size:.75rem;color:var(--color-text-muted);text-transform:capitalize}.sidebar-theme-info{display:flex;align-items:center;gap:.5rem}.theme-icon{width:20px;height:20px;flex-shrink:0;opacity:.5;transition:opacity .2s}.sidebar-theme-info:hover .theme-icon{opacity:.85}.sidebar-hud-status{display:none;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;opacity:.4;transition:opacity .3s ease}.sidebar-hud-status:hover{opacity:.8}.hud-waveform{width:100%;height:20px;margin-bottom:.5rem;color:var(--color-accent)}.hud-data-row{display:flex;justify-content:space-between;margin-bottom:.25rem;color:var(--color-text-muted)}.hud-data-row .hud-value{color:var(--color-accent)}[data-theme=cyber] .sidebar-hud-status{display:block;border-top-color:#38bdf833}[data-theme=cyber] .hud-waveform{animation:waveformPulse 2s ease-in-out infinite}@keyframes waveformPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.2)}}[data-theme=post-punk] .sidebar-hud-status{display:block;border-top-color:#4ade8033}[data-theme=post-punk] .hud-waveform{animation:waveformGlitch 3s steps(4) infinite}@keyframes waveformGlitch{0%,90%,to{transform:translate(0);opacity:.5}92%{transform:translate(-2px);opacity:.8}94%{transform:translate(2px);opacity:.3}96%{transform:translate(-1px);opacity:.7}}[data-theme=cyber] .sidebar-link{position:relative;overflow:hidden;transition:color .3s ease,padding-left .3s cubic-bezier(.16,1,.3,1),background .3s ease}[data-theme=cyber] .sidebar-link:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--color-accent);transform:scaleY(0);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px var(--color-accent);border-radius:2px}[data-theme=cyber] .sidebar-link:hover{color:var(--color-accent);padding-left:1rem;background:#38bdf80d}[data-theme=cyber] .sidebar-link:hover:before{transform:scaleY(1)}[data-theme=cyber] .sidebar-link.active{color:var(--color-accent);background:#38bdf81a;font-weight:600}[data-theme=cyber] .sidebar-link.active:before{transform:scaleY(1)}[data-theme=cyber] .sidebar-link .nav-icon{transition:transform .3s ease,filter .3s ease}[data-theme=cyber] .sidebar-link:hover .nav-icon{transform:translate(4px);filter:drop-shadow(0 0 4px var(--color-accent))}[data-theme=post-punk] .sidebar-link{position:relative;overflow:hidden;isolation:isolate;color:var(--color-text-muted);transition:color .1s steps(1),background .1s steps(1),padding-left .1s steps(1)}[data-theme=post-punk] .sidebar-link:before{content:">";position:absolute;left:8px;opacity:0;color:var(--color-accent);font-weight:700;transition:opacity .1s steps(1)}[data-theme=post-punk] .sidebar-link:hover,[data-theme=post-punk] .sidebar-link.active{color:var(--color-accent);background:#4ade8014;padding-left:1.5rem}[data-theme=post-punk] .sidebar-link .flow-marquee{position:absolute;inset:0;z-index:2;display:block;overflow:hidden;background:linear-gradient(90deg,var(--color-accent),rgba(74,222,128,.62));transform:translate(-105%);opacity:0;transition:transform .45s cubic-bezier(0,.55,.45,1),opacity .12s ease;pointer-events:none}[data-theme=post-punk] .sidebar-link .flow-track{display:flex;width:max-content;height:100%;align-items:center;color:#071108;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;font-weight:700;white-space:nowrap}[data-theme=post-punk] .sidebar-link .flow-track span{display:inline-flex;align-items:center;gap:.55rem;padding-inline:.85rem}[data-theme=post-punk] .sidebar-link .flow-track img{width:16px;height:16px;opacity:.75;filter:brightness(0) saturate(100%)}[data-theme=post-punk] .sidebar-link:hover .nav-label{opacity:0}[data-theme=post-punk] .sidebar-link:hover .flow-marquee{transform:translate(0);opacity:1}[data-theme=post-punk] .sidebar-link:hover .flow-track{animation:flowingMenuText 2.2s linear infinite}@keyframes flowingMenuText{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-theme=post-punk] .sidebar-link:hover:before,[data-theme=post-punk] .sidebar-link.active:before{opacity:1}[data-theme=post-punk] .sidebar-link.active{font-weight:600;text-shadow:0 0 6px var(--color-accent-glow)}[data-theme=cyber] .category-btn{position:relative;overflow:hidden;transition:color .3s ease,padding-left .3s cubic-bezier(.16,1,.3,1),background .3s ease}[data-theme=cyber] .category-btn:before{content:"";position:absolute;left:0;top:15%;bottom:15%;width:3px;background:var(--color-accent);transform:scaleY(0);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 0 8px var(--color-accent);border-radius:2px}[data-theme=cyber] .category-btn:hover{color:var(--color-accent);padding-left:1rem;background:#38bdf80d}[data-theme=cyber] .category-btn:hover:before{transform:scaleY(1)}[data-theme=cyber] .category-btn.active{color:var(--color-accent);background:#38bdf81a;font-weight:600}[data-theme=cyber] .category-btn.active:before{transform:scaleY(1)}[data-theme=post-punk] .category-btn{position:relative;transition:color .24s cubic-bezier(0,.55,.45,1),border-color .24s cubic-bezier(0,.55,.45,1),background-color .24s cubic-bezier(0,.55,.45,1),box-shadow .24s cubic-bezier(0,.55,.45,1),transform .24s cubic-bezier(0,.55,.45,1),padding-left .24s cubic-bezier(0,.55,.45,1)}[data-theme=post-punk] .category-btn:before{content:">";position:absolute;left:8px;opacity:0;color:var(--color-accent);font-weight:700;transform:translate(-6px);transition:opacity .22s cubic-bezier(0,.55,.45,1),transform .22s cubic-bezier(0,.55,.45,1)}[data-theme=post-punk] .category-btn:hover,[data-theme=post-punk] .category-btn.active{color:var(--color-accent);background:#4ade8014;padding-left:1.5rem}[data-theme=post-punk] .category-btn:hover:before,[data-theme=post-punk] .category-btn.active:before{opacity:1;transform:translate(0)}[data-theme=post-punk] .category-btn.active{font-weight:600;text-shadow:0 0 6px var(--color-accent-glow);box-shadow:inset 0 0 18px #4ade800e}[data-theme=punk] .sidebar-link{position:relative;transition:all .1s steps(1);border-left:3px solid transparent}[data-theme=punk] .sidebar-link:hover{color:var(--color-accent);background:#ff337714;border-left-color:var(--color-accent);box-shadow:2px 0 0 var(--color-accent-secondary)}[data-theme=punk] .sidebar-link.active{color:var(--color-accent);background:#ff33771f;border-left-color:var(--color-accent);border-right:2px solid var(--color-accent-secondary);box-shadow:3px 0 0 var(--color-accent-secondary)}[data-theme=punk] .sidebar-link .nav-icon{transition:all .1s steps(1)}[data-theme=punk] .sidebar-link:hover .nav-icon{transform:translate(2px);filter:drop-shadow(-2px 0 var(--color-accent-secondary))}[data-theme=punk] .category-btn{position:relative;transition:all .1s steps(1);border-left:3px solid transparent}[data-theme=punk] .category-btn:hover{color:var(--color-accent);background:#ff337714;border-left-color:var(--color-accent);box-shadow:2px 0 0 var(--color-accent-secondary)}[data-theme=punk] .category-btn.active{color:var(--color-accent);background:#ff33771f;border-left-color:var(--color-accent);border-right:2px solid var(--color-accent-secondary);box-shadow:3px 0 0 var(--color-accent-secondary);font-weight:600}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease;position:relative}.main-content:before{content:"";position:absolute;inset:0;background:var(--color-bg);opacity:0;transition:opacity .5s;pointer-events:none;z-index:0}.main-content.has-bg:before{opacity:.75}.main-content>*{position:relative;z-index:1}.content-inner{flex:1;width:100%;max-width:var(--content-max-width, var(--max-width));margin:0 auto;padding:2rem}.layout.immersive-home{display:block;min-height:100vh}.layout.immersive-home .main-content{margin-left:0}.layout.immersive-home .content-inner{max-width:none;padding:0}.layout.immersive-home .sidebar{opacity:1;transform:translate(0);transition:opacity .35s ease,transform .35s ease,width .3s ease}.layout.immersive-home:not(.nav-revealed) .sidebar{opacity:0;transform:translate(-100%);pointer-events:none}.layout.immersive-home .topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);transition:opacity .25s ease}.layout.immersive-home:not(.nav-revealed) .topbar{opacity:0;pointer-events:none}.layout.immersive-home~.page-footer{margin-left:var(--sidebar-width)}.page-footer{margin-left:var(--sidebar-width);padding:1rem 2rem;text-align:center;color:var(--color-text-muted);font-size:.75rem;border-top:1px solid var(--color-border);transition:margin-left .3s ease}.hamburger-btn{display:none;position:fixed;top:1rem;left:1rem;z-index:200;flex-direction:column;gap:5px;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;padding:6px}.hamburger-btn span{display:block;width:100%;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s,opacity .3s}.card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 30px var(--color-card-hover-shadow);text-decoration:none}#back-to-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;display:none;z-index:100;font-size:1.2rem;transition:opacity .3s,transform .2s;align-items:center;justify-content:center}#back-to-top:hover{color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.05)}@media(max-width:1024px){.content-inner{padding:1.5rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}}@media(max-width:640px){h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.sidebar{transform:translate(-100%);width:var(--sidebar-width);z-index:150;box-shadow:4px 0 20px #0000004d}.sidebar.open{transform:translate(0)}.main-content,.page-footer{margin-left:0}.hamburger-btn{display:flex}.content-inner{padding:1rem}.project-grid{grid-template-columns:1fr;gap:16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes glitchIn{0%{opacity:0;transform:translate(-10px);clip-path:inset(50% 0 50% 0)}20%{opacity:1;clip-path:inset(20% 0 60% 0)}40%{clip-path:inset(60% 0 10% 0)}60%{clip-path:inset(10% 0 70% 0)}80%{clip-path:inset(80% 0 5% 0)}to{opacity:1;transform:translate(0);clip-path:inset(0 0 0 0)}}@keyframes shakeIn{0%{opacity:0;transform:translate(-20px)}20%{transform:translate(10px)}40%{transform:translate(-10px)}60%{transform:translate(5px)}80%{transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes crtOn{0%{opacity:0;transform:scaleY(.01) scaleX(0);filter:brightness(3)}50%{opacity:1;transform:scaleY(.01) scaleX(1);filter:brightness(2)}to{opacity:1;transform:scaleY(1) scaleX(1);filter:brightness(1)}}@keyframes signalPageIn{0%{opacity:0;transform:translateY(10px);filter:brightness(1.35) contrast(1.1);clip-path:inset(0 0 100% 0)}42%{opacity:.82;clip-path:inset(0 0 18% 0)}to{opacity:1;transform:translateY(0);filter:brightness(1) contrast(1);clip-path:inset(0)}}@keyframes signalPageOut{0%{opacity:1;transform:translateY(0);filter:brightness(1)}to{opacity:0;transform:translateY(-6px);filter:brightness(.85)}}[data-theme=dark] ::view-transition-old(root),[data-theme=dark] ::view-transition-new(root){animation:fadeIn .4s ease}[data-theme=cyber] ::view-transition-new(root){animation:glitchIn .3s steps(4) forwards}[data-theme=cyber] ::view-transition-old(root){animation:fadeOut .1s steps(2) forwards}[data-theme=void] ::view-transition-old(root),[data-theme=void] ::view-transition-new(root){animation:none}[data-theme=punk] ::view-transition-new(root){animation:shakeIn .4s cubic-bezier(.36,.07,.19,.97) forwards}[data-theme=punk] ::view-transition-old(root){animation:fadeOut .2s ease forwards}[data-theme=post-punk] ::view-transition-new(root){animation:signalPageIn .32s cubic-bezier(0,.55,.45,1) forwards}[data-theme=post-punk] ::view-transition-old(root){animation:signalPageOut .18s ease forwards}[data-theme=cyber] .cyber-card-3d{position:relative;perspective:600px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border:1px solid var(--color-border);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1h2v2H1V1zm4 0h2v2H5V1zm4 0h2v2H9V1zm4 0h2v2h-2V1zm4 0h2v2h-2V1zM1 5h2v2H1V5zm4 0h2v2H5V5zm4 0h2v2H9V5zm4 0h2v2h-2V5zm4 0h2v2h-2V5zM1 9h2v2H1V9zm4 0h2v2H5V9zm4 0h2v2H9V9zm4 0h2v2h-2V9zm4 0h2v2h-2V9zM1 13h2v2H1v-2zm4 0h2v2H5v-2zm4 0h2v2H9v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2zM1 17h2v2H1v-2zm4 0h2v2H5v-2zm4 0h2v2H9v-2zm4 0h2v2h-2v-2zm4 0h2v2h-2v-2z' fill='%2338bdf8' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");transform-style:preserve-3d}[data-theme=cyber] .cyber-card-3d:before,[data-theme=cyber] .cyber-card-3d:after{content:"";position:absolute;width:12px;height:12px;border-color:var(--color-accent);border-style:solid;transition:all .4s cubic-bezier(.16,1,.3,1);z-index:20;pointer-events:none}[data-theme=cyber] .cyber-card-3d:before{top:-1px;left:-1px;border-width:2px 0 0 2px}[data-theme=cyber] .cyber-card-3d:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}[data-theme=cyber] .cyber-card-3d .holo-reflection{position:absolute;inset:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(56,189,248,.2) 0%,transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:15;mix-blend-mode:screen}[data-theme=cyber] .cyber-card-3d:hover .holo-reflection{opacity:1}[data-theme=cyber] .cyber-card-3d .card-inner-3d{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1)}[data-theme=cyber] .cyber-card-3d:hover{border-color:var(--color-accent);box-shadow:0 20px 40px -10px var(--color-card-hover-shadow),inset 0 0 20px #38bdf80d}[data-theme=cyber] .cyber-card-3d:hover .card-inner-3d{transform:translateZ(20px) scale(1.02)}[data-theme=cyber] .cyber-card-3d:hover:before{width:calc(100% + 2px);height:calc(100% + 2px);border-width:2px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}[data-theme=cyber] .cyber-card-3d:hover:after{opacity:0}[data-theme=cyber] .cyber-card-3d .data-flow-cyber{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(56,189,248,.04) 2px,rgba(56,189,248,.04) 4px);opacity:0;pointer-events:none;z-index:1;transition:opacity .4s ease}[data-theme=cyber] .cyber-card-3d:hover .data-flow-cyber{opacity:1;animation:dataFlowUp 1.5s linear infinite}@keyframes dataFlowUp{0%{background-position:0 0}to{background-position:0 40px}}[data-theme=cyber] .cyber-card-3d .card-image{overflow:hidden;transform:translateZ(10px)}[data-theme=cyber] .cyber-card-3d .card-image img{filter:grayscale(.8) blur(1px) brightness(.85);transition:filter .1s ease}[data-theme=cyber] .cyber-card-3d:hover .card-image img{animation:cyberGlitchDecrypt .4s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes cyberGlitchDecrypt{0%{filter:grayscale(.8) blur(1px) brightness(.85);transform:scale(1) translate(0)}15%{filter:grayscale(1) contrast(1.5) drop-shadow(3px 0 #ff00ff) drop-shadow(-3px 0 #00ffff);transform:scale(1.03) translate(-2px,1px)}30%{filter:grayscale(1) contrast(1.5) drop-shadow(-3px 0 #ff00ff) drop-shadow(3px 0 #00ffff);transform:scale(1.03) translate(2px,-1px)}45%{filter:grayscale(.5) contrast(1.2);transform:scale(1.05) translate(-1px)}to{filter:grayscale(0) blur(0) brightness(1);transform:scale(1.08)}}[data-theme=cyber] .cyber-card-3d:hover .card-title{animation:titleGlitch .3s ease-out forwards}@keyframes titleGlitch{0%{text-shadow:none}20%{text-shadow:2px 0 #ff00ff,-2px 0 #00ffff}40%{text-shadow:-2px 0 #ff00ff,2px 0 #00ffff}60%{text-shadow:1px 0 #ff00ff,-1px 0 #00ffff}to{text-shadow:none;color:var(--color-accent)}}[data-theme=post-punk] .card{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:0;transition:border-color .1s steps(1)}[data-theme=post-punk] .card:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.06'/%3E%3C/svg%3E");opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:1;mix-blend-mode:overlay}[data-theme=post-punk] .card .sweep-postpunk{content:"";position:absolute;left:0;right:0;height:4px;background:var(--color-accent);opacity:0;pointer-events:none;z-index:2;box-shadow:0 0 12px var(--color-accent)}[data-theme=post-punk] .card:hover{border-color:var(--color-accent)}[data-theme=post-punk] .card:hover:before{opacity:1}[data-theme=post-punk] .card:hover .sweep-postpunk{opacity:.7;animation:postPunkSweep 2s linear infinite}[data-theme=post-punk] .card-title{position:relative;display:inline-block}[data-theme=post-punk] .card-title:after{content:"█";display:inline-block;color:var(--color-accent);margin-left:4px;opacity:0;animation:none}[data-theme=post-punk] .card:hover .card-title:after{opacity:1;animation:blinkCursor 1s steps(1) infinite}.system-log{display:none}[data-theme=post-punk] .card .system-log{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--color-accent);letter-spacing:.05em;margin-top:.75rem;opacity:0;transform:translateY(5px);transition:all .4s ease;pointer-events:none}[data-theme=post-punk] .card:hover .system-log{opacity:1;transform:translateY(0)}[data-theme=post-punk] .card:hover .card-image img,[data-theme=post-punk] .card:hover .card-desc{filter:none!important;opacity:1!important}.hud-top-bar,.hud-bottom-lines{display:none}[data-theme=cyber] .hud-top-bar,[data-theme=post-punk] .hud-top-bar,[data-theme=cyber] .hud-bottom-lines,[data-theme=post-punk] .hud-bottom-lines{display:flex}.hud-top-bar{position:absolute;top:0;left:0;right:0;height:24px;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent);z-index:5;opacity:.6;transition:opacity .3s ease}.cyber-card-3d:hover .hud-top-bar,[data-theme=post-punk] .card:hover .hud-top-bar{opacity:1;border-bottom-color:var(--color-accent)}.status-indicator{width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 6px var(--color-accent);animation:pulseIndicator 2s ease-in-out infinite}@keyframes pulseIndicator{0%,to{opacity:1}50%{opacity:.4}}.hud-text{font-family:var(--font-mono);font-size:.6rem;color:var(--color-text-muted);letter-spacing:.1em}.hud-bottom-lines{flex-direction:column;gap:4px;margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);opacity:.3;transition:opacity .3s ease}.cyber-card-3d:hover .hud-bottom-lines,[data-theme=post-punk] .card:hover .hud-bottom-lines{opacity:1;border-top-color:var(--color-accent)}.data-line{height:2px;background:var(--color-accent);border-radius:1px;opacity:.5}.data-line.l1{width:60%;animation:dataPulse 1.5s ease-in-out infinite}.data-line.l2{width:80%;animation:dataPulse 1.5s ease-in-out infinite .2s}.data-line.l3{width:40%;animation:dataPulse 1.5s ease-in-out infinite .4s}@keyframes dataPulse{0%,to{opacity:.3;transform:scaleX(1)}50%{opacity:.8;transform:scaleX(1.05)}}[data-theme=void] .card{transition:border-color .2s ease}[data-theme=void] .card:hover{transform:none!important;border-color:var(--color-accent);box-shadow:none!important}[data-theme=void] .card:hover .card-image img{transform:none!important;filter:none!important}[data-theme=void] .card:hover .card-title{color:var(--color-text);text-shadow:none!important}@keyframes rgbSplit{0%{text-shadow:0 0 0 transparent}20%{text-shadow:-2px 0 var(--color-accent),2px 0 var(--color-accent-secondary)}40%{text-shadow:2px 0 var(--color-accent),-2px 0 var(--color-accent-secondary)}60%{text-shadow:-2px 0 var(--color-accent-secondary),2px 0 var(--color-accent)}80%{text-shadow:0 0 0 transparent}to{text-shadow:0 0 0 transparent}}@keyframes postPunkSweep{0%{transform:translateY(-10px)}to{transform:translateY(100vh)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.case-table{width:var(--project-readable-width, 820px);max-width:100%;margin:2rem auto;overflow-x:auto;border:1px solid var(--color-border);border-radius:calc(var(--radius) + 2px);background:var(--color-surface)}.case-table table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.8rem;line-height:1.45;color:var(--color-text)}.case-table th,.case-table td{padding:.5rem .65rem;border:1px solid var(--color-border);text-align:center;vertical-align:middle;max-width:24ch;overflow-wrap:anywhere}.case-table th:not(:first-child),.case-table td:not(:first-child){min-width:3.5ch}.case-table th:not(:first-child){white-space:nowrap}.case-table td:not(:first-child){white-space:normal;word-break:break-word}.case-table th{background:var(--color-bg);font-family:var(--font-mono);font-size:.72rem;font-weight:600;color:var(--color-accent);letter-spacing:.05em;border-bottom:2px solid var(--color-accent)}.case-table td:first-child{text-align:left;font-weight:500;color:var(--color-text-muted);font-family:var(--font-mono);font-size:.76rem;max-width:none}.case-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-text) 3%,var(--color-surface))}.case-table td:nth-child(2n+2){background:color-mix(in srgb,var(--color-text) 1.5%,transparent)}