@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Special+Elite&display=swap";:root{--hf-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--hf-display: "Special Elite", "Courier New", monospace;--hf-hand: "Caveat", cursive;--hf-fs-xs: 10px;--hf-fs-sm: 11px;--hf-fs-base: 12px;--hf-fs-md: 13px;--hf-fs-lg: 14px;--hf-fs-xl: 16px;--hf-fs-2xl: 20px;--hf-tracking-wide: .03em;--hf-tracking-wider: .08em}:root{--hf-bg: #0a0a0a;--hf-bg-2: #0e0e0e;--hf-surface: #121212;--hf-surface-2: #161616;--hf-cockpit-bg: #0c1420;--hf-cockpit-panel: #1a2230;--hf-cockpit-panel-2: #2a3a50;--hf-ink: #e4ecd8;--hf-ink-soft: #7a9a88;--hf-ink-muted: #4a6a55;--hf-ink-pale: #c0d8cc;--hf-line: #243028;--hf-line-strong: #3a5042;--hf-accent: #c8d837;--hf-accent-2: #1ba0a0;--hf-accent-3: #6dbf8b;--hf-terminal-glow: #39ff14;--hf-cyan: #05d9e8;--hf-magenta: #ff2a6d;--hf-violet: #d300c5;--hf-purple-deep: #4a2048;--hf-purple-mid: #5a2858;--hf-purple-shadow: #3a1838;--lofi-accent: #b08cd8;--lofi-accent-2: #8a6aaa;--lofi-bg: #1a1028;--lofi-surface: rgba(30, 20, 48, .85);--hf-alpha-white-02: rgba(255, 255, 255, .02);--hf-alpha-white-03: rgba(255, 255, 255, .03);--hf-alpha-white-05: rgba(255, 255, 255, .05);--hf-alpha-white-06: rgba(255, 255, 255, .06);--hf-alpha-white-25: rgba(255, 255, 255, .25);--hf-alpha-black-03: rgba(0, 0, 0, .03);--hf-alpha-black-06: rgba(0, 0, 0, .06);--hf-alpha-black-12: rgba(0, 0, 0, .12);--hf-alpha-black-20: rgba(0, 0, 0, .2);--hf-alpha-black-30: rgba(0, 0, 0, .3);--hf-alpha-black-40: rgba(0, 0, 0, .4);--hf-alpha-black-50: rgba(0, 0, 0, .5);--hf-accent-glow: rgba(200, 216, 55, .4);--hf-accent-soft: rgba(200, 216, 55, .1);--hf-accent-faint: rgba(200, 216, 55, .03);--hf-teal-soft: rgba(27, 160, 160, .1);--hf-teal-glow: rgba(27, 160, 160, .25);--hf-dot-purple: #3a2855;--hf-dot-navy: #1a3050;--hf-dot-green: #1a3020;--hf-white: #ffffff;--hf-pacman-eye: #0a1a0a;--hf-accent-fill: rgba(200, 216, 55, .12);--hf-alpha-white-35: rgba(255, 255, 255, .35);--hf-alpha-white-12: rgba(255, 255, 255, .12);--cp-asic: #1ba0a0;--cp-ai: #ff6b6b;--cp-ai-orange: #ffa94d;--cp-eda: #6ec8e6;--cp-script: #c8d837;--cp-track: #1a2230;--cp-ok: #4ade80;--lofi-string-wire: #4a3860;--lofi-mug-rim: #3a1a08;--lofi-mug-body: #e8d8c4;--lofi-mug-shadow: #d0c0a8;--lofi-mug-highlight: #f0e4d4;--lofi-bean: #8B4513;--lofi-bean-line: #5a2a08}:root{--hf-grad-cockpit: radial-gradient(ellipse 120% 35% at 50% 50%, rgba(16, 30, 55, .6) 0%, transparent 100%), radial-gradient(ellipse 80% 20% at 45% 48%, rgba(20, 40, 70, .35) 0%, transparent 100%), radial-gradient(ellipse 60% 12% at 55% 52%, rgba(25, 50, 85, .2) 0%, transparent 100%), linear-gradient( 180deg, var(--hf-bg) 0%, #080a10 8%, #0a0e18 18%, #0c1424 30%, #0e1a30 42%, #101e38 50%, #0e1a30 58%, #0c1424 70%, #0a0e18 82%, #080a10 92%, var(--hf-bg) 100% );--hf-grad-nebula: radial-gradient(ellipse 50% 40% at 25% 45%, rgba(120,20,60,.18) 0%, transparent 100%), radial-gradient(ellipse 40% 35% at 70% 55%, rgba(60,30,120,.16) 0%, transparent 100%), radial-gradient(ellipse 35% 25% at 50% 50%, rgba(180,60,100,.1) 0%, transparent 100%), radial-gradient(ellipse 30% 18% at 40% 48%, rgba(200,180,220,.06) 0%, transparent 100%), radial-gradient(ellipse 45% 30% at 60% 42%, rgba(40,50,140,.14) 0%, transparent 100%), radial-gradient(ellipse 120% 40% at 50% 50%, rgba(80,20,80,.12) 0%, transparent 100%), linear-gradient(180deg, var(--hf-bg) 0%, #0c0810 8%, #120a16 18%, #1a0e20 30%, #1e1028 42%, #20122c 50%, #1e1028 58%, #1a0e20 70%, #120a16 82%, #0c0810 92%, var(--hf-bg) 100% );--hf-grad-purple-sky: linear-gradient(180deg, #1a0b2e 0%, #4a1a6b 100%);--hf-grad-purple-bar: linear-gradient(90deg, var(--hf-purple-deep) 0%, var(--hf-purple-mid) 50%, var(--hf-purple-deep) 100%);--hf-grad-purple-bar-shadow: linear-gradient(90deg, var(--hf-purple-shadow) 0%, var(--hf-purple-deep) 60%, var(--hf-purple-shadow) 100%);--hf-grad-fade-x: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);--hf-grad-fade-lofi-footer: linear-gradient(180deg, #151020 0%, #100c18 50%, var(--hf-bg) 100%);--hf-grad-chart-lime-yellow: linear-gradient(135deg, #22c55e, #facc15);--hf-grad-chart-rose-gold: linear-gradient(135deg, #f472b6, #fbbf24);--hf-grad-chart-periwinkle-mint: linear-gradient(135deg, #818cf8, #34d399);--hf-grad-chart-coral-purple: linear-gradient(135deg, #ff6b6b, #a855f7);--hf-grad-chart-cyan-magenta: linear-gradient(135deg, #00d4ff, #ff00aa);--hf-grad-chart-emerald-orange: linear-gradient(135deg, #14b8a6, #f97316);--hf-grad-chart-yellow-red: linear-gradient(135deg, #facc15, #ef4444);--hf-grad-rainbow-red-indigo: linear-gradient( 90deg, #ff0000 0%, #ff7f00 20%, #ffff00 40%, #00ff00 60%, #0000ff 80%, #4b0082 100% )}:root{--hf-space-1: 4px;--hf-space-2: 8px;--hf-space-3: 12px;--hf-space-4: 16px;--hf-space-5: 20px;--hf-space-6: 24px;--hf-space-8: 32px;--hf-space-10: 40px;--hf-space-12: 48px;--hf-radius-xs: 2px;--hf-radius-sm: 4px;--hf-radius-md: 8px;--hf-radius-lg: 12px;--hf-radius-pill: 999px;--hf-z-base: 0;--hf-z-content: 1;--hf-z-nav: 50;--hf-z-overlay: 100}*,*:before,*:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--hf-line-strong) var(--hf-bg)}body{margin:0;background:var(--hf-bg);color:var(--hf-ink);font-family:var(--hf-mono);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#starfield-root{position:absolute;top:0;left:0;width:100%;height:0;z-index:0;pointer-events:none;overflow:visible}.hf-starfield{position:absolute;top:0;left:0;width:100%;pointer-events:none}.hf-starfield-shoot{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#root{position:relative;z-index:1}::selection{background:var(--hf-accent);color:var(--hf-bg)}.hf-section{position:relative;padding:56px 48px;max-width:960px;margin:0 auto}.hf-accent{color:var(--hf-accent)}.hf-mono{font-family:var(--hf-mono)}.hf-code-kw{color:var(--hf-accent-2)}.hf-code-comment{color:var(--hf-ink-muted);font-style:italic}.hf-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:#0e141099;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid transparent;transition:all .3s}.hf-nav-scrolled{background:#0e1410eb;border-bottom-color:var(--hf-line);padding:10px 48px}.hf-nav-brand{display:flex;align-items:center;gap:10px}.hf-nav-dot{width:8px;height:8px;border-radius:50%;background:var(--hf-accent);box-shadow:0 0 10px var(--hf-accent-glow);animation:nav-dot-pulse 3s ease-in-out infinite}@keyframes nav-dot-pulse{0%,to{box-shadow:0 0 10px var(--hf-accent-glow)}50%{box-shadow:0 0 20px var(--hf-accent-glow),0 0 40px #c8d83726}}.hf-nav-name{font-size:14px;font-weight:600;letter-spacing:.02em}.hf-nav-tag{font-size:10px;color:var(--hf-accent-2);padding:2px 6px;border:1px solid var(--hf-accent-2);border-radius:4px;letter-spacing:.04em}.hf-nav-links{display:flex;gap:20px}.hf-nav-link{font-size:12px;color:var(--hf-ink-soft);text-decoration:none;letter-spacing:.04em;transition:color .2s;position:relative}.hf-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--hf-accent);transform:scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1)}.hf-nav-link:hover{color:var(--hf-accent)}.hf-nav-link:hover:after{transform:scaleX(1)}.hf-nav-cta{font-size:12px;color:var(--hf-bg);background:var(--hf-accent);padding:6px 16px;border-radius:4px;text-decoration:none;font-weight:600;transition:all .2s;letter-spacing:.04em}.hf-nav-cta:hover{background:#d8e84a;box-shadow:0 0 16px var(--hf-accent-glow)}.hf-hero{padding-top:120px;padding-bottom:40px}.hf-hero-tagrow{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--hf-accent-2);margin-bottom:28px;letter-spacing:.06em}.hf-blink{color:var(--hf-accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hf-hero-display{margin-bottom:36px}.hf-hero-line{display:flex;gap:20px;align-items:baseline;flex-wrap:wrap;margin-bottom:6px}.hf-hero-shift{padding-left:64px}.hf-hw{font-family:var(--hf-display);font-size:clamp(48px,8vw,80px);color:var(--hf-ink);line-height:.95}.hf-kinetic{color:var(--hf-ink);transition:color .3s}.hf-kinetic-active{animation:cyber-glitch-color .15s steps(3) infinite,glitch-shake .1s linear infinite;filter:blur(.3px)}.hf-kinetic-active-2{animation:cyber-glitch-color-2 .15s steps(3) infinite,glitch-shake .1s linear infinite;filter:blur(.3px)}@keyframes cyber-glitch-color{0%{color:#ff2a6d;text-shadow:2px 0 var(--hf-cyan),-2px 0 #ff2a6d}20%{color:var(--hf-cyan);text-shadow:-2px 0 #d300c5,2px 0 var(--hf-cyan)}40%{color:#d300c5;text-shadow:1px 0 #ff2a6d,-1px 0 var(--hf-cyan)}60%{color:var(--hf-cyan);text-shadow:-1px 0 #ff6b3d,2px 0 #d300c5}80%{color:#ff6b3d;text-shadow:2px 0 var(--hf-cyan),-2px 0 #d300c5}to{color:#ff2a6d;text-shadow:-2px 0 var(--hf-cyan),1px 0 #ff6b3d}}@keyframes cyber-glitch-color-2{0%{color:#ffe600;text-shadow:3px 0 #ff0000,-3px 0 var(--hf-terminal-glow)}20%{color:red;text-shadow:-2px 0 var(--hf-terminal-glow),2px 0 #ff4400}40%{color:var(--hf-terminal-glow);text-shadow:2px 0 #ff0000,-2px 0 #ffe600}60%{color:#f80;text-shadow:-3px 0 var(--hf-terminal-glow),3px 0 #ff0000}80%{color:var(--hf-terminal-glow);text-shadow:2px 0 #ffe600,-2px 0 #ff4400}to{color:red;text-shadow:-2px 0 var(--hf-terminal-glow),2px 0 #ffe600}}@keyframes glitch-shake{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px,-2px)}80%{transform:translate(1px,2px)}to{transform:translate(0)}}.hf-hero-sub{font-family:var(--hf-mono);font-size:16px;color:var(--hf-ink-muted);font-style:italic}.hf-gameboy{display:inline-block;margin-top:12px}.hf-gameboy-bezel{background:#2a2a3a;border:2px solid #3a3a50;border-radius:6px;padding:6px 10px;box-shadow:inset 0 1px 3px var(--hf-alpha-black-50),0 0 12px #6450a026}.hf-gameboy-screen{background:#0a1a0a;border:2px solid #1a2a1a;border-radius:3px;padding:10px 14px;position:relative;min-height:36px;overflow:hidden;box-shadow:inset 0 0 10px #00140099}.hf-gb-sizer{display:block;visibility:hidden;height:0;overflow:hidden;font-family:var(--hf-mono);font-size:14px;letter-spacing:.04em;white-space:nowrap;padding-right:36px}.hf-gb-text{font-family:var(--hf-mono);font-size:14px;color:#4adf4a;text-shadow:0 0 6px rgba(74,223,74,.4);letter-spacing:.04em;font-style:italic;white-space:nowrap}.hf-gb-pac{position:absolute;top:50%;z-index:3;pointer-events:none}.hf-gameboy-label{font-family:var(--hf-mono);font-size:9px;color:var(--hf-ink-muted);text-align:center;margin-top:4px;letter-spacing:.08em;opacity:.5}.hf-pacman-wrap{position:relative;display:inline-flex;align-items:center;min-height:24px}.hf-pacman-text-area{display:inline-block;white-space:nowrap}.hf-pacman{position:absolute;top:50%;margin-top:-14px;z-index:2;pointer-events:none;transition:left .05s linear;filter:drop-shadow(0 0 8px var(--hf-accent-glow))}.hf-pacman-right{position:absolute;right:0;white-space:nowrap}.hf-pacman-spit{unicode-bidi:bidi-override}.hf-pacman-wrap{overflow:visible}.hf-neon{color:var(--hf-accent);text-shadow:0 0 6px rgba(200,216,55,.9),0 0 20px rgba(200,216,55,.5),0 0 40px rgba(200,216,55,.25),0 0 80px var(--hf-accent-soft);transition:all .06s}.hf-neon-off{color:#c8d8374d;text-shadow:0 0 2px rgba(200,216,55,.2)}.hf-strike{color:var(--hf-ink-soft);position:relative;display:inline-block}.hf-strike-line{position:absolute;top:52%;left:-.05em;right:-.05em;height:max(2px,.06em);background:var(--hf-accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hf-struck .hf-strike-line{transform:scaleX(1)}.hf-struck{color:var(--hf-ink-muted)}.hf-hero-display .hf-kinetic,.hf-hero-display .hf-neon,.hf-hero-display .hf-strike{font-family:var(--hf-display);font-size:clamp(48px,8vw,80px);line-height:.95}.hf-underline-prefix{position:relative;display:inline-block;transition:color .5s ease}.hf-underline-prefix:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;background:var(--hf-terminal-glow);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.hf-underlined{color:var(--hf-terminal-glow)}.hf-underlined:after{transform:scaleX(1)}.hf-hero-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:28px;border-top:1px solid var(--hf-line)}.hf-meta-card{padding:12px 0}.hf-meta-lbl{font-size:10px;color:var(--hf-accent-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.hf-meta-val{font-size:13px;line-height:1.5}.hf-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hf-accent);box-shadow:0 0 8px var(--hf-accent-glow);animation:nav-dot-pulse 2s ease-in-out infinite;vertical-align:1px}.hf-routine{margin-top:28px;padding:20px 0;display:flex;flex-direction:column;align-items:center;max-width:960px;margin-left:auto;margin-right:auto}.hf-routine-h{font-size:11px;color:var(--hf-ink-muted);margin-bottom:10px;letter-spacing:.04em}.hf-routine-svg{width:100%;max-width:560px;height:auto}.hf-fsm-pulse{animation:fsm-pulse 1.5s ease-in-out infinite}@keyframes fsm-pulse{0%,to{opacity:1}50%{opacity:.3}}.hf-fsm-ring{animation:fsm-ring 2s ease-out infinite}@keyframes fsm-ring{0%{r:32;opacity:.3}to{r:46;opacity:0}}.hf-routine-grid{display:flex;gap:8px;flex-wrap:wrap}.hf-routine-state{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1.5px solid var(--hf-line);font-size:11px;color:var(--hf-ink-soft);background:var(--hf-surface);letter-spacing:.06em;transition:all .4s cubic-bezier(.4,0,.2,1)}.hf-routine-led{width:6px;height:6px;border-radius:50%;background:var(--hf-line-strong);transition:all .4s}.hf-routine-active{border-color:var(--hf-accent);color:var(--hf-accent);background:var(--hf-accent-soft);box-shadow:0 0 16px #c8d8371f}.hf-routine-active .hf-routine-led{background:var(--hf-accent);box-shadow:0 0 8px var(--hf-accent-glow)}.hf-band-cosmic{position:relative;overflow:hidden;background:var(--hf-grad-cockpit)}.hf-band-nebula{position:relative;overflow:hidden;background:var(--hf-grad-nebula)}.hf-term-section{max-width:100%!important;width:100vw;margin-left:calc(-50vw + 50%)!important;padding:120px 48px!important;overflow:hidden;position:relative;background:var(--hf-grad-nebula)}.hf-term-nebula{position:absolute;inset:0;pointer-events:none}.hf-term-nebula-star{position:absolute;background:#fff;border-radius:50%;animation:neb-twinkle 2s ease-in-out infinite alternate}@keyframes neb-twinkle{0%{opacity:.1}to{opacity:1}}.hf-term-section .hf-term-window{position:relative;z-index:1;max-width:860px;margin:0 auto}.hf-term-window{background:#080c0a;border:1.5px solid var(--hf-line-strong);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px var(--hf-alpha-black-30),0 16px 48px var(--hf-alpha-black-20),inset 0 1px 0 var(--hf-alpha-white-03);cursor:text}.hf-term-bar{display:flex;align-items:center;gap:7px;padding:10px 16px;background:var(--hf-surface);border-bottom:1px solid var(--hf-line)}.hf-term-dot{width:12px;height:12px;border-radius:50%}.hf-term-dot-r{background:#ff5f57}.hf-term-dot-y{background:#febc2e}.hf-term-dot-g{background:#28c840}.hf-term-title{margin-left:12px;font-size:12px;color:var(--hf-ink-muted)}.hf-term-body{padding:20px 22px;font-family:var(--hf-mono);font-size:13px;line-height:1.7;min-height:720px}.hf-term-line{margin-bottom:2px}.hf-prompt{color:var(--hf-accent);font-weight:600}.hf-tilde{color:var(--hf-accent-2)}.hf-term-out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px 20px;margin:4px 0;color:var(--hf-ink-soft)}.hf-term-file{color:#6ec8e6}.hf-term-hint-line{color:var(--hf-alpha-white-25);font-style:italic;margin:0 0 12px;font-size:.85em}.hf-term-block{padding:10px 16px;margin:6px 0 14px;border-left:2px solid var(--hf-line-strong);background:#ffffff03;animation:term-block-in .3s ease-out}@keyframes term-block-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hf-term-block-active{border-left-color:var(--hf-accent);background:var(--hf-accent-soft)}.hf-term-block-title{color:var(--hf-accent);font-weight:600}.hf-term-block-meta{color:var(--hf-ink-muted);font-size:12px;margin-bottom:4px}.hf-term-block-item{color:var(--hf-ink-soft)}.hf-term-response{color:var(--hf-ink-soft);margin:4px 0 12px;white-space:pre-wrap;animation:term-block-in .2s ease-out}.hf-cursor-inline{color:var(--hf-accent);font-weight:700}.hf-cursor-hide{opacity:0}.hf-term-input-row{display:flex;align-items:center;border:none;background:none;margin:0;padding:0}.hf-term-input{background:none;border:none;outline:none;color:var(--hf-ink);font-family:var(--hf-mono);font-size:13px;flex:1;padding:0;caret-color:transparent}.hf-term-hint{padding:8px 22px 10px;font-size:11px;color:var(--hf-ink-muted);border-top:1px solid var(--hf-line);background:var(--hf-surface);letter-spacing:.04em}.hf-fsm-section{padding-top:36px;padding-bottom:36px}.hf-fsm-header{font-size:13px;margin-bottom:20px;letter-spacing:.02em}.hf-fsm-stage{position:relative}.hf-fsm-svg{width:100%;height:auto;max-height:220px}.hf-fsm-circle{fill:var(--hf-surface);stroke:var(--hf-line-strong);stroke-width:2;transition:all .5s}.hf-fsm-node:hover .hf-fsm-circle{stroke:var(--hf-accent-2);fill:var(--hf-teal-soft)}.hf-fsm-node-active .hf-fsm-circle{fill:var(--hf-accent-soft);stroke:var(--hf-accent);stroke-width:2.5}.hf-fsm-node-future .hf-fsm-circle{stroke-dasharray:5 4;opacity:.5}.hf-fsm-label{fill:var(--hf-ink)}.hf-fsm-year{fill:var(--hf-ink-soft)}.hf-fsm-node-active .hf-fsm-label{fill:var(--hf-accent)}.hf-fsm-outer-ring{animation:fsm-ring-spin 12s linear infinite;transform-origin:center}@keyframes fsm-ring-spin{0%,to{opacity:.3;r:46}50%{opacity:.7;r:48}}.hf-fsm-edge-line{transition:stroke-dasharray .3s}.hf-fsm-self-loop{animation:fsm-loop-pulse 3s ease-in-out infinite}@keyframes fsm-loop-pulse{0%,to{opacity:.6}50%{opacity:1}}.hf-fsm-detail{position:relative;margin-top:16px;padding:16px 20px;background:var(--hf-surface);border:1.5px solid var(--hf-line-strong);border-radius:6px;animation:term-block-in .3s ease-out}.hf-fsm-detail-close{position:absolute;top:10px;right:14px;cursor:pointer;color:var(--hf-ink-muted);font-size:18px;transition:color .2s}.hf-fsm-detail-close:hover{color:var(--hf-ink)}.hf-fsm-detail-label{font-size:12px;color:var(--hf-accent);font-weight:600;margin-bottom:4px}.hf-fsm-detail-text{font-size:13px;color:var(--hf-ink-soft)}.hf-notgate{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 48px 16px;color:var(--hf-ink-muted);max-width:960px;margin:0 auto}.hf-notgate-svg{width:40px;height:22px;flex-shrink:0}.hf-notgate-flip{transform:scaleX(-1)}.hf-notgate-lbl{font-size:11px;letter-spacing:.08em;white-space:nowrap}.hf-starfield-stage{position:absolute;inset:0;display:block;width:100%;height:100%}.hf-scene-trans{position:relative;height:100px;overflow:hidden}.hf-fade-lofi-footer{background:var(--hf-grad-fade-lofi-footer)}.hf-trans-noise{position:absolute;inset:0}.hf-trans-dot{position:absolute;border-radius:1px;background:var(--dot-color, #1a3020);animation:trans-fade 4s ease-in-out infinite alternate}@keyframes trans-fade{0%{opacity:0;transform:scale(.8)}to{opacity:.4;transform:scale(1.1)}}.hf-trans-text{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:10px;color:#ffffff26;white-space:nowrap;letter-spacing:.08em}.hf-seg-bar{display:flex;gap:2px;height:10px;flex:1}.hf-seg{flex:1;background:var(--hf-line);border-radius:1px;transition:background .5s cubic-bezier(.4,0,.2,1)}.hf-seg-on{background:var(--hf-accent)}.hf-proj-section{padding-top:40px;padding-bottom:48px}.hf-proj-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.hf-proj-title{font-family:var(--hf-display);font-size:32px}.hf-proj-filters{display:flex;gap:6px}.hf-filter-btn{font-family:var(--hf-mono);font-size:11px;padding:5px 14px;border:1.5px solid var(--hf-line);border-radius:999px;background:transparent;color:var(--hf-ink-soft);cursor:pointer;transition:all .2s;letter-spacing:.06em}.hf-filter-btn:hover{border-color:var(--hf-accent-2);color:var(--hf-ink)}.hf-filter-active{background:var(--hf-accent);color:var(--hf-bg);border-color:var(--hf-accent);font-weight:600}.hf-proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hf-proj-card{background:var(--hf-surface);border:1.5px solid var(--hf-line);border-radius:8px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);animation:card-in .4s ease-out both}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}}.hf-proj-card:hover{border-color:var(--hf-accent);transform:translateY(-4px);box-shadow:0 8px 24px var(--hf-alpha-black-20),0 0 0 1px var(--hf-accent)}.hf-proj-card-img{height:80px;background:var(--hf-bg);background-image:repeating-linear-gradient(45deg,transparent,transparent 8px,var(--hf-accent-faint) 8px,var(--hf-accent-faint) 10px)}.hf-proj-card-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--hf-ink-muted)}.hf-proj-card-slash{color:var(--hf-accent);margin-right:4px}.hf-proj-card-body{padding:14px 16px;position:relative}.hf-proj-card-num{position:absolute;top:-32px;right:14px;font-family:var(--hf-display);font-size:28px;color:var(--hf-accent);opacity:.3}.hf-proj-card-name{font-size:14px;font-weight:600;margin-bottom:4px}.hf-proj-card-desc{font-size:11px;color:var(--hf-ink-soft);line-height:1.5;margin-bottom:10px}.hf-proj-card-foot{display:flex;justify-content:space-between;font-size:10px}.hf-proj-card-tag{color:var(--hf-accent-2)}.hf-proj-card-link{color:var(--hf-ink-muted);transition:color .2s}.hf-proj-card:hover .hf-proj-card-link{color:var(--hf-accent)}.hf-lofi{padding:0!important;max-width:100%;background:linear-gradient(180deg,#12101e 0%,var(--lofi-bg) 30%,#151020 100%)}.lofi-scene{position:relative;height:480px;overflow:hidden;contain:layout style paint}.lofi-sky{position:absolute;inset:0;background:linear-gradient(180deg,#0e1410,#12101e,#1a0830 10%,#2a1048,#4a1070 22%,#6a1a8a 30%,#9a2878 40%,#d84a6a 52%,#e88050 62%,#f0b040,#e88050,#d84a6a 80%,#9a2878 88%,#6a1a8a,#4a1070)}.lofi-cloud{position:absolute;background:#281e3c80;border-radius:30px}.lofi-cloud-1{width:240px;height:22px;top:8%;left:5%;animation:cloud-drift-1 30s linear infinite}.lofi-cloud-2{width:140px;height:18px;top:16%;left:62%;background:#32234b73;animation:cloud-drift-2 36s linear infinite reverse}.lofi-cloud-3{width:300px;height:16px;top:5%;left:30%;background:#3c28504d;animation:cloud-drift-1 48s linear infinite}.lofi-cloud-4{width:180px;height:20px;top:22%;left:25%;background:#2d1e4166;animation:cloud-drift-2 33s linear infinite}.lofi-cloud-5{width:100px;height:16px;top:13%;left:80%;background:#37264e59;animation:cloud-drift-1 40s linear infinite reverse}.lofi-cloud-6{width:200px;height:18px;top:28%;left:45%;background:#281c3a66;animation:cloud-drift-2 44s linear infinite}@keyframes cloud-drift-1{0%{transform:translate(-30px)}to{transform:translate(30px)}}@keyframes cloud-drift-2{0%{transform:translate(25px)}to{transform:translate(-25px)}}.lofi-city{position:absolute;bottom:0;left:0;right:0;height:55%;display:flex;align-items:flex-end;gap:4px;padding:0 20px}.lofi-bldg{flex:1;background:#140e22;border-top:1px solid #2a1e40;position:relative}.lofi-bldg-pointed{clip-path:polygon(0 8%,50% 0,100% 8%,100% 100%,0 100%)}.lofi-bldg-antenna{position:relative}.lofi-bldg-antenna:before{content:"";position:absolute;top:-14px;left:50%;width:2px;height:14px;background:#2a1e40;transform:translate(-50%)}.lofi-bldg-antenna:after{content:"";position:absolute;top:-18px;left:50%;width:4px;height:4px;border-radius:50%;background:#f44;transform:translate(-50%);box-shadow:0 0 6px #f449;animation:antenna-blink 2s ease-in-out infinite}@keyframes antenna-blink{0%,to{opacity:1}50%{opacity:.2}}.lofi-bldg-stepped{clip-path:polygon(0 6%,30% 6%,30% 0,70% 0,70% 6%,100% 6%,100% 100%,0 100%)}.lofi-bldg-windows{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:4px 3px;height:100%;align-content:space-evenly}.lofi-bldg-windows{padding-top:6px}.lofi-bldg-pointed .lofi-bldg-windows{padding-top:14%}.lofi-bldg-stepped .lofi-bldg-windows{padding-top:12%}.lofi-bldg-antenna .lofi-bldg-windows{padding-top:8px}.lofi-win{width:100%;aspect-ratio:1;max-width:4px;max-height:4px;background:transparent;will-change:background,box-shadow;contain:strict;transition:background .8s ease,box-shadow .8s ease;border-radius:.5px}.lofi-win-on{animation:win-flicker var(--dur, 6s) ease-in-out infinite}@keyframes win-flicker{0%,42%{background:#e8c860;box-shadow:0 0 4px #e8c86080,0 0 8px #e8c86033}46%,50%{background:transparent;box-shadow:none}54%,to{background:#e8c860;box-shadow:0 0 4px #e8c86080,0 0 8px #e8c86033}}.lofi-rain{position:absolute;width:1px;background:#b48cd840;will-change:transform;animation:rain-fall .6s linear infinite;z-index:2}@keyframes rain-fall{0%{top:-12px}to{top:100%}}.lofi-lights{position:absolute;top:18px;left:0;right:0;height:36px;z-index:8}.lofi-lights-wire{position:absolute;inset:0;width:100%;height:100%}.lofi-bulbs{position:absolute;inset:0}.lofi-bulb{position:absolute;top:12px;width:6px;height:8px;border-radius:0 0 50% 50%;background:#fd8;box-shadow:0 0 8px #fd8,0 0 18px #ffdd884d;animation:bulb-glow 2.5s ease-in-out infinite alternate}@keyframes bulb-glow{0%{opacity:.4}to{opacity:1}}.lofi-curtain{position:absolute;top:0;bottom:0;z-index:6;width:60px;display:flex;pointer-events:none}.lofi-curtain-left{left:0}.lofi-curtain-right{right:0;flex-direction:row-reverse}.lofi-curtain-fold{flex:1;position:relative}.lofi-curtain-left .lofi-curtain-fold:nth-child(1){background:linear-gradient(90deg,var(--hf-purple-shadow) 0%,var(--hf-purple-deep) 60%,var(--hf-purple-shadow) 100%);opacity:.95}.lofi-curtain-left .lofi-curtain-fold:nth-child(2){background:linear-gradient(90deg,var(--hf-purple-deep) 0%,var(--hf-purple-mid) 50%,var(--hf-purple-deep) 100%);opacity:.85}.lofi-curtain-left .lofi-curtain-fold:nth-child(3){background:linear-gradient(90deg,var(--hf-purple-mid) 0%,var(--hf-purple-deep) 70%,transparent 100%);opacity:.6}.lofi-curtain-right .lofi-curtain-fold:nth-child(1){background:linear-gradient(270deg,var(--hf-purple-shadow) 0%,var(--hf-purple-deep) 60%,var(--hf-purple-shadow) 100%);opacity:.95}.lofi-curtain-right .lofi-curtain-fold:nth-child(2){background:linear-gradient(270deg,var(--hf-purple-deep) 0%,var(--hf-purple-mid) 50%,var(--hf-purple-deep) 100%);opacity:.85}.lofi-curtain-right .lofi-curtain-fold:nth-child(3){background:linear-gradient(270deg,var(--hf-purple-mid) 0%,var(--hf-purple-deep) 70%,transparent 100%);opacity:.6}.lofi-curtain-rod{position:absolute;top:0;left:-10px;right:-10px;height:6px;z-index:7;background:linear-gradient(180deg,#6a4880,#4a2858);border-radius:3px;box-shadow:0 2px 6px var(--hf-alpha-black-40)}.lofi-window-frame{position:absolute;inset:0;z-index:5;border:18px solid #2a1e3a;border-radius:6px;box-shadow:inset 0 0 0 3px #4a3860,inset 0 0 30px var(--hf-alpha-black-40),0 0 40px var(--hf-alpha-black-50);pointer-events:none}.lofi-window-vmid{position:absolute;top:0;bottom:0;left:50%;width:10px;margin-left:-5px;background:#2a1e3a;box-shadow:inset 1px 0 #4a3860,inset -1px 0 #4a3860}.lofi-window-hmid{position:absolute;left:0;right:0;top:45%;height:10px;margin-top:-5px;background:#2a1e3a;box-shadow:inset 0 1px #4a3860,inset 0 -1px #4a3860}.lofi-window-latch{position:absolute;left:50%;top:45%;width:14px;height:22px;margin-left:-7px;margin-top:-11px;background:#5a4070;border-radius:3px;border:1px solid #7a5a90;box-shadow:0 0 6px #5a407066}.lofi-title-overlay{padding:0 40px 16px}.lofi-mode-text{font-size:13px;color:var(--lofi-accent);letter-spacing:.04em}.lofi-mode-sub{font-size:11px;color:var(--lofi-accent-2);margin-top:3px}.lofi-stats{padding:28px 0 32px;max-width:100%;margin:0;position:relative;overflow:visible;background:repeating-linear-gradient(90deg,transparent 0px,transparent 60px,var(--hf-alpha-black-06) 60px,var(--hf-alpha-black-06) 61px),repeating-linear-gradient(180deg,transparent 0px,transparent 3px,rgba(80,50,20,.08) 3px,rgba(80,50,20,.08) 4px),linear-gradient(180deg,#5a3a20,#6b4528,#7a5030 30%,#6b4528,#5a3a20 70%,#6b4528,#7a5030);border-top:4px solid #4a3018;box-shadow:inset 0 2px 4px var(--hf-alpha-black-30),inset 0 -1px 0 var(--hf-alpha-white-05)}.lofi-scroll-track{overflow:hidden;margin-top:40px;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}.lofi-scroll-strip{display:flex;gap:60px;width:max-content;animation:logo-scroll 25s linear infinite}.lofi-scroll-copy{display:flex;gap:60px;flex-shrink:0}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.lofi-logo-item{display:flex;align-items:center;gap:12px;flex-shrink:0;color:#c8b4e666;transition:color .3s;cursor:default;user-select:none}.lofi-logo-item:hover{color:#c8b4e6cc}.lofi-logo-icon{font-size:28px;flex-shrink:0;width:28px;height:28px}.lofi-logo-text{font-family:var(--hf-display);font-size:18px;letter-spacing:.08em;line-height:1.1;white-space:nowrap}.lofi-logo-text em{font-style:normal;font-family:var(--hf-hand);font-size:16px;letter-spacing:.02em;opacity:.7}.lofi-mug-sill{position:absolute;top:-55px;left:60px;z-index:30;width:60px}.lofi-mug-svg{width:60px;height:72px;display:block;filter:drop-shadow(2px 3px 4px var(--hf-alpha-black-40))}.lofi-mug-sill .lofi-steam-wrap{display:flex;gap:5px;justify-content:center;position:relative;margin-bottom:-2px;padding-left:4px}.lofi-mug-sill .lofi-steam{width:2px;border-radius:2px;background:var(--hf-alpha-white-25)}.lofi-mug-sill .lofi-steam.s1{height:18px;animation:mug-steam 2s ease-in-out infinite}.lofi-mug-sill .lofi-steam.s2{height:26px;animation:mug-steam 2s ease-in-out .3s infinite}.lofi-mug-sill .lofi-steam.s3{height:18px;animation:mug-steam 2s ease-in-out .6s infinite}@keyframes mug-steam{0%,to{opacity:0;transform:translateY(0) scaleX(1)}30%{opacity:.5;transform:translateY(-8px) scaleX(1.3)}60%{opacity:.3;transform:translateY(-18px) scaleX(.8)}to{opacity:0;transform:translateY(-28px) scaleX(1.5)}}.lofi-frisbee-sticker{position:absolute;width:80px;height:80px;right:40px;top:-20px;transform:rotate(12deg);filter:drop-shadow(2px 3px 4px var(--hf-alpha-black-40));z-index:2;pointer-events:none}.hf-footer{padding:40px 48px;max-width:960px;margin:0 auto;border-top:1px solid var(--hf-line)}.hf-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;font-size:13px}.hf-footer-h{font-size:11px;color:var(--hf-accent-2);letter-spacing:.08em;margin-bottom:10px}.hf-footer-links{display:flex;flex-direction:column;gap:6px}.hf-footer-link{color:var(--hf-ink-soft);text-decoration:none;transition:color .2s}.hf-footer-link:hover{color:var(--hf-accent)}.hf-footer-text{color:var(--hf-ink-muted);line-height:1.6}.hf-footer-right{text-align:right;display:flex;flex-direction:column;justify-content:flex-end}.hf-footer-sig{font-family:var(--hf-display);font-size:18px;color:var(--hf-accent);letter-spacing:.06em}.hf-footer-rev{font-size:10px;color:var(--hf-ink-muted);margin-top:6px}.hf-footer-ds-link{margin-top:var(--hf-space-2);display:inline-block}@media (max-width: 700px){.hf-section{padding:32px 20px}.hf-nav{padding:10px 20px}.hf-nav-links{display:none}.hf-hero-meta{grid-template-columns:repeat(2,1fr)}.hf-proj-grid,.lofi-stats{grid-template-columns:1fr 1fr}.hf-footer-grid{grid-template-columns:1fr}.hf-term-section{padding:80px 20px!important}.hf-cockpit{padding:100px 20px!important}.cp-screen{padding:16px 12px 14px}.cp-cards{gap:10px}.cp-skill-card{padding:14px 12px}.cp-skill-name{font-size:13px}}.hf-chill *{animation-duration:calc(var(--hf-anim-speed, 1) * 1s)!important;transition-duration:.6s!important}.hf-chill .hf-neon{animation:none!important;text-shadow:0 0 6px rgba(200,216,55,.5)}.hf-chill .lofi-rain{animation-duration:1.5s!important}.hf-hyper .hf-neon{animation:neon-hyper .3s steps(2) infinite!important}@keyframes neon-hyper{0%,60%{opacity:1}30%{opacity:.4}50%{opacity:.8}}.hf-hyper .lofi-rain{animation-duration:.25s!important}.hf-hyper .hf-routine-state{transition-duration:.15s!important}.hf-hyper .cp-btn:hover{transform:scale(1.1)}.hf-hyper .hf-proj-card:hover{transform:translateY(-8px) scale(1.02)}.hf-purple-sky{position:relative;width:100%;height:320px;background:linear-gradient(180deg,var(--hf-bg) 0%,#0a0810 15%,#0e0a18 30%,#140e24 50%,#180f2e 70%,#12101e 100%);overflow:hidden}.hf-purple-sky-stars{position:absolute;inset:0}.hf-purple-sky-star{position:absolute;background:#fff;border-radius:50%;animation:star-twinkle 2s ease-in-out infinite alternate}@keyframes star-twinkle{0%{opacity:.2}to{opacity:1}}.hf-scanlines body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,var(--hf-alpha-black-12) 2px,var(--hf-alpha-black-12) 4px);mix-blend-mode:multiply}.hf-projects{padding:60px 32px;max-width:1200px;margin:0 auto}.pj-head{display:flex;align-items:baseline;gap:16px;margin:12px 0 28px;flex-wrap:wrap}.pj-title{font-family:monospace;font-size:28px;color:#e4ecd8;margin:0;font-weight:700}.pj-title:before{content:"// ";color:var(--hf-ink-soft)}.pj-sub{font-family:monospace;font-size:13px;color:var(--hf-ink-soft)}.pj-sub-link{color:#1ba0a0;text-decoration:none}.pj-sub-link:hover{color:#6ec8e6;text-decoration:underline}.pj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}.pj-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 18px 16px;background:linear-gradient(180deg,var(--hf-surface-2) 0%,var(--hf-cockpit-bg) 100%);border:1px solid var(--hf-cockpit-panel);border-radius:8px;text-decoration:none;font-family:monospace;overflow:hidden;transition:border-color .18s,transform .18s,box-shadow .18s}.pj-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--card-accent, var(--hf-ink-soft));opacity:.7;transition:opacity .18s,height .18s}@media (hover: hover){.pj-card:hover{border-color:var(--card-accent, var(--hf-accent-2));transform:translateY(-3px);box-shadow:0 8px 24px var(--hf-alpha-black-40),0 0 0 1px var(--card-accent, var(--hf-accent-2)) inset}.pj-card:hover:before{opacity:1;height:3px}.pj-card:hover .pj-card-arr{color:var(--card-accent, var(--hf-accent-2));transform:translate(2px,-2px)}}.pj-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:4px}.pj-card-name{color:var(--hf-ink);font-weight:700;font-size:16px;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pj-card-name:before{content:"› ";color:var(--card-accent, var(--hf-ink-soft));font-weight:400}.pj-card-arr{color:var(--hf-ink-soft);font-size:14px;flex-shrink:0;transition:color .18s,transform .18s}.pj-card-desc{color:var(--hf-ink-pale);font-size:13px;line-height:1.55;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pj-card-no-desc{color:var(--hf-ink-muted);font-style:italic}.pj-card-meta{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:10px;border-top:1px solid var(--hf-line);font-size:12px;color:var(--hf-ink-soft);flex-wrap:wrap}.pj-card-lang{display:inline-flex;align-items:center;gap:6px;color:var(--hf-ink-pale)}.pj-card-lang-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px var(--card-accent, transparent)}.pj-card-stat{color:var(--hf-ink-soft)}.pj-card-time{margin-left:auto;font-size:11px;color:var(--hf-ink-muted)}.pj-card-tags{display:flex;flex-wrap:wrap;gap:6px}.pj-card-tag{font-size:11px;color:var(--hf-ink-soft);background:var(--hf-alpha-white-03);border:1px solid var(--hf-line);padding:2px 8px;border-radius:3px;transition:color .15s,border-color .15s,background .15s}.pj-card:hover .pj-card-tag{color:var(--hf-ink-pale);border-color:var(--hf-line-strong)}.pj-skel{gap:8px;pointer-events:none}.pj-skel-row{height:12px;background:var(--hf-cockpit-panel);border-radius:3px;animation:pj-pulse 1.4s ease-in-out infinite}.pj-skel-row-sm{width:40%}.pj-skel-row-md{width:70%}.pj-skel-row-lg{width:90%}@keyframes pj-pulse{0%,to{opacity:.4}50%{opacity:.8}}.pj-error{padding:24px;border:1px dashed #ff6b6b;border-radius:6px;background:#ff6b6b0a;color:#ff6b6b;font-family:monospace;font-size:13px}.pj-error-sub{margin-top:8px;color:var(--hf-ink-pale);font-size:12px}.pj-error a{color:#1ba0a0}.pj-footer{margin-top:24px;text-align:center}.pj-view-all{display:inline-block;font-family:monospace;font-size:13px;color:#c8d837;text-decoration:none;padding:8px 16px;border:1px solid rgba(200,216,55,.3);border-radius:4px;transition:background .15s,border-color .15s}.pj-view-all:hover{background:#c8d83714;border-color:#c8d837}button.pj-card{width:100%;text-align:left;cursor:pointer;font:inherit;color:inherit}.pj-modal-backdrop{position:fixed;inset:0;background:var(--hf-alpha-black-50);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:pj-modal-fade .18s ease-out}@keyframes pj-modal-fade{0%{opacity:0}to{opacity:1}}.pj-modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:linear-gradient(180deg,var(--hf-surface-2) 0%,var(--hf-cockpit-bg) 100%);border:1px solid var(--hf-cockpit-panel);border-radius:10px;padding:28px 28px 24px;font-family:monospace;color:var(--hf-ink-pale);box-shadow:0 20px 60px var(--hf-alpha-black-50);animation:pj-modal-pop .22s cubic-bezier(.2,.8,.2,1)}@keyframes pj-modal-pop{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.pj-modal-stripe{position:absolute;inset:0 0 auto;height:3px;background:var(--card-accent, var(--hf-accent-2));border-radius:10px 10px 0 0}.pj-modal-close{position:absolute;top:10px;right:12px;background:transparent;border:none;color:var(--hf-ink-soft);font-size:16px;cursor:pointer;padding:6px 10px;border-radius:4px;transition:color .15s,background .15s}.pj-modal-close:hover{color:var(--hf-ink);background:var(--hf-alpha-white-05)}.pj-modal-head{margin-bottom:14px}.pj-modal-path{font-size:11px;color:var(--hf-ink-soft);letter-spacing:.04em;margin-bottom:6px}.pj-modal-title{margin:0;color:var(--hf-ink);font-size:22px;font-weight:700;letter-spacing:-.01em;word-break:break-word}.pj-modal-chevron{color:var(--card-accent, var(--hf-ink-soft));font-weight:400;margin-right:4px}.pj-modal-desc{font-size:14px;line-height:1.65;color:var(--hf-ink-pale);padding:12px 0;border-bottom:1px solid var(--hf-line)}.pj-modal-stats{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--hf-ink-soft);padding:14px 0;border-bottom:1px solid var(--hf-line)}.pj-modal-stat{display:inline-flex;align-items:center;gap:6px}.pj-modal-section{padding:14px 0}.pj-modal-section-h{font-size:11px;color:var(--hf-ink-soft);margin-bottom:8px;letter-spacing:.04em}.pj-modal-actions{margin-top:8px;display:flex;justify-content:flex-end}.pj-modal-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--card-accent, var(--hf-accent-2));color:var(--hf-bg);border-radius:6px;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.02em;transition:transform .15s,box-shadow .15s,filter .15s}.pj-modal-cta:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:0 6px 16px var(--hf-alpha-black-40)}@media (max-width: 600px){.hf-projects{padding:40px 16px}.pj-title{font-size:22px}.pj-card{padding:14px}.pj-card-desc{min-height:0}.pj-modal{padding:22px 18px 18px}.pj-modal-title{font-size:19px}}.hf-cockpit{max-width:100%!important;width:100vw;margin-left:calc(-50vw + 50%)!important;padding:160px 48px!important;overflow:hidden;position:relative;background:var(--hf-grad-cockpit)}.cp-stars{position:absolute;inset:0;pointer-events:none}.cp-star{position:absolute;background:#fff;border-radius:50%;animation:cp-twinkle 2s ease-in-out infinite alternate}@keyframes cp-twinkle{0%{opacity:.15}to{opacity:1}}.cp-dash{position:relative;z-index:1;max-width:860px;margin:0 auto;background:var(--hf-cockpit-bg);border:1px solid var(--hf-alpha-white-06);border-radius:12px;padding:20px;overflow:hidden;box-shadow:inset 0 0 60px #00e5ff0a,inset 0 0 120px #a855f708,inset 0 1px 0 var(--hf-alpha-white-05),0 0 40px var(--hf-alpha-black-40)}.cp-dash:before{content:"";position:absolute;inset:0;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,rgba(0,229,255,.08),transparent 40%,transparent 60%,rgba(168,85,247,.06)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.cp-scanline{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--hf-alpha-black-03) 2px,var(--hf-alpha-black-03) 4px);border-radius:12px}.cp-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cp-hdr-left{display:flex;align-items:center;gap:10px}.cp-arr{width:28px;height:28px;background:#12181f;border:1.5px solid var(--hf-cockpit-panel-2);border-radius:50%;color:#6a8aaa;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .2s;user-select:none}.cp-arr:hover{border-color:var(--hf-accent-2);color:var(--hf-accent-2)}.cp-arr:active{transform:scale(.88)}.cp-hdr-title{font-size:13px;color:var(--hf-accent-2);letter-spacing:.04em}.cp-dots{display:flex;gap:6px}.cp-dt{width:6px;height:6px;border-radius:50%;background:var(--hf-cockpit-panel-2);cursor:pointer;transition:all .2s}.cp-dt.cp-dt-on{background:var(--hf-accent-2);box-shadow:0 0 6px #1ba0a066}.cp-plbl{font-size:12px;color:var(--hf-ink-soft);min-width:120px;text-align:right;font-weight:500}.cp-sdot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;animation:cp-blink 2s ease-in-out infinite}@keyframes cp-blink{0%,to{opacity:1}50%{opacity:.3}}.cp-page{display:none;will-change:transform,opacity}.cp-topic{font-size:16px;font-weight:600;color:#e4ecd8;letter-spacing:.03em;margin:22px 0 12px;display:flex;align-items:center;gap:10px}.cp-topic .cp-slash{color:var(--hf-accent-2);font-size:18px;font-weight:700}.cp-topic .cp-sub{color:#4a6a55;font-size:12px;font-weight:400}.cp-topic:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hf-teal-glow),transparent)}.cp-circ-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-bottom:6px}.cp-circ-item{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-circ-label{font-size:11px;color:var(--hf-ink-pale);letter-spacing:.03em;font-weight:500}.cp-circ-val{font-size:15px;font-weight:700;letter-spacing:-.02em}.cp-chart-wrap{position:relative;padding-left:32px}.cp-axis-l{position:absolute;left:-24px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;color:var(--hf-ink-soft);letter-spacing:.03em;white-space:nowrap;font-weight:500}.cp-axis-b{text-align:center;font-size:10px;color:var(--hf-ink-soft);letter-spacing:.03em;margin-top:3px;font-weight:500}.cp-ctrl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.cp-rb{width:34px;height:34px;border-radius:50%;background:#12181f;border:1.5px solid var(--hf-cockpit-panel-2);color:var(--hf-ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;transition:all .2s;user-select:none}.cp-rb:hover{border-color:var(--hf-accent-2);color:var(--hf-accent-2)}.cp-rb.cp-rb-on{border-color:var(--hf-accent-2);color:var(--hf-accent-2);background:var(--hf-teal-soft);box-shadow:0 0 8px #1ba0a033}.cp-rb:active{transform:scale(.9)}.cp-play{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;font-size:11px;transition:all .2s;display:flex;align-items:center;justify-content:center;user-select:none}.cp-play-on{background:var(--hf-accent-2);color:var(--hf-cockpit-bg)}.cp-play-off{background:var(--hf-cockpit-panel-2);color:var(--hf-ink-soft)}.cp-play:active{transform:scale(.9)}.cp-tgl-wrap{display:flex;align-items:center;gap:5px;cursor:pointer;user-select:none}.cp-tgl{position:relative;width:34px;height:17px;background:var(--hf-cockpit-panel);border-radius:9px;transition:background .25s;border:1px solid var(--hf-cockpit-panel-2);flex-shrink:0}.cp-tgl.cp-tgl-on{background:var(--hf-accent-2);border-color:var(--hf-accent-2)}.cp-tgl-thumb{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#e4ecd8;transition:transform .25s}.cp-tgl.cp-tgl-on .cp-tgl-thumb{transform:translate(17px)}.cp-tgl-lbl{font-size:10px;color:var(--hf-ink-soft);font-weight:500}.cp-sl-wrap{display:flex;align-items:center;gap:5px}.cp-sl-lbl{font-size:10px;color:var(--hf-ink-soft);font-weight:500}.cp-slider-h{-webkit-appearance:none;appearance:none;width:100px;height:4px;background:var(--hf-cockpit-panel);border-radius:2px;outline:none;cursor:pointer}.cp-slider-h::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--hf-accent-2);border:2px solid var(--hf-cockpit-bg);cursor:pointer}.cp-slider-h::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--hf-accent-2);border:2px solid var(--hf-cockpit-bg);cursor:pointer}.cp-sl-v-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.cp-slider-v{-webkit-appearance:none;appearance:none;width:4px;height:60px;background:var(--hf-cockpit-panel);border-radius:2px;outline:none;cursor:pointer;writing-mode:vertical-lr;direction:rtl}.cp-slider-v::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--hf-accent);border:2px solid var(--hf-cockpit-bg);cursor:pointer}.cp-slider-v::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--hf-accent);border:2px solid var(--hf-cockpit-bg);cursor:pointer}.cp-ticker{overflow:hidden;height:20px;margin:14px 0 6px;border-top:1px solid var(--hf-cockpit-panel);border-bottom:1px solid var(--hf-cockpit-panel);position:relative}.cp-ticker-track{display:flex;gap:32px;white-space:nowrap;animation:cp-ticker-scroll 35s linear infinite;position:absolute;top:2px}@keyframes cp-ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.cp-ticker-item{font-size:11px;color:var(--hf-ink);letter-spacing:.03em}.cp-ticker-item b{color:var(--cp-ok);font-weight:700}.cp-ticker-gap{display:inline-block;width:80px}.cp-stat-row{display:flex;gap:8px;flex-wrap:wrap}.cp-stat-card{flex:1;min-width:75px;padding:10px 12px;background:var(--hf-alpha-white-03);border:1px solid var(--hf-alpha-white-06);border-radius:8px;position:relative;overflow:hidden}.cp-stat-bar{position:absolute;top:0;left:0;right:0;height:2px;border-radius:2px 2px 0 0}.cp-stat-lbl{font-size:10px;color:#e4ecd8;letter-spacing:.03em;font-weight:500}.cp-stat-val{font-size:20px;font-weight:700;margin-top:2px;letter-spacing:-.02em}.cp-bento{display:grid;grid-template-columns:2fr 3fr;gap:14px}.cp-tile{background:var(--hf-alpha-white-02);border:1px solid var(--hf-alpha-white-05);border-radius:10px;padding:14px 16px;overflow:hidden}.cp-tile .cp-topic:first-child{margin-top:0}.cp-tile-full{grid-column:1 / -1}.cp-tile-a{grid-column:1 / 2}.cp-tile-b{grid-column:2 / 3}.cp-tile-c,.cp-tile-d{grid-column:1 / -1}.cp-bento-row3{display:grid;grid-template-columns:3fr 2fr;gap:14px;grid-column:1 / -1}.cp-heatmap{display:grid;grid-template-columns:repeat(14,1fr);gap:2px}.cp-hm-cell{aspect-ratio:1;border-radius:2px}.cp-cat-btns{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.cp-cat-btn{padding:8px 18px;border:1px solid;border-radius:8px;background:var(--hf-alpha-white-02);font-size:13px;font-weight:600;font-family:var(--hf-mono);cursor:pointer;transition:all .2s;letter-spacing:.01em;display:inline-flex;align-items:center;gap:6px}.cp-cat-dot{width:7px;height:7px;border-radius:50%;opacity:.8}.cp-cat-btn:hover{background:var(--hf-alpha-white-06)}.cp-cat-btn:active{transform:scale(.94)}.cp-chip{display:inline-flex;padding:9px 18px;border:1px solid;border-radius:8px;background:var(--hf-alpha-white-03);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.01em;text-decoration:none;position:relative;overflow:hidden;font-family:var(--hf-mono);gap:8px;align-items:center}.cp-chip-arr{font-size:11px;opacity:.5}.cp-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--hf-alpha-white-03),transparent);pointer-events:none}.cp-chip:hover{transform:translateY(-1px)}.cp-chip:active{transform:scale(.95)}.cp-chip-grid{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.cp-scope{border:1px solid #1e2a3a;border-radius:6px;background:#0a1018;padding:8px;margin:8px 0}.cp-scope-canvas,.cp-canvas-fluid{width:100%;height:auto}.cp-canvas-tp{width:100%;max-width:280px;height:auto}.cp-canvas-donut{width:100%;max-width:460px;height:auto}.cp-tp-wrap{display:flex;justify-content:center;align-items:center;min-height:180px}.cp-donut-wrap{display:flex;justify-content:center}.cp-meter-row{display:flex;gap:12px;flex-wrap:wrap}.cp-page-spacer{display:flex;align-items:center;gap:8px}.cp-ctrl-gain{margin-left:auto}.cp-list-arrow{color:var(--hf-ink-soft);font-size:12px}.cp-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.cp-page-hidden{display:none}.cp-page-active{display:block;opacity:1}.cp-page{will-change:transform,opacity}.cp-cube-stage{position:relative;perspective:1600px;perspective-origin:50% 50%}.cp-cube-rotor{position:relative;transform-style:preserve-3d;transform:translateZ(0)}.cp-cube-rotor-right{animation:cp-cube-rot-right .6s cubic-bezier(.65,0,.35,1) forwards}.cp-cube-rotor-left{animation:cp-cube-rot-left .6s cubic-bezier(.65,0,.35,1) forwards}@keyframes cp-cube-rot-right{0%{transform:translateZ(calc(var(--cp-cube-d, 480px) * -1)) rotateY(0)}to{transform:translateZ(calc(var(--cp-cube-d, 480px) * -1)) rotateY(-90deg)}}@keyframes cp-cube-rot-left{0%{transform:translateZ(calc(var(--cp-cube-d, 480px) * -1)) rotateY(0)}to{transform:translateZ(calc(var(--cp-cube-d, 480px) * -1)) rotateY(90deg)}}.cp-cube-face{display:block!important;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.cp-cube-face-front{transform:translateZ(var(--cp-cube-d, 480px))}.cp-cube-face-right{transform:rotateY(90deg) translateZ(var(--cp-cube-d, 480px))}.cp-cube-face-left{transform:rotateY(-90deg) translateZ(var(--cp-cube-d, 480px))}.cp-dash-cube .cp-cube-rotor{position:relative}.cp-dash-cube .cp-cube-face-front{position:relative;inset:auto}.cp-dash{transform-origin:50% 50%;transform:scale(1);opacity:1;will-change:transform,opacity,filter;transition:transform .32s cubic-bezier(.4,0,.6,1),opacity .32s ease,filter .32s ease}.cp-dash-out{transform:scale(.78);opacity:.35;filter:blur(3px)}.cp-dash-in{transform:scale(1);opacity:1;filter:blur(0);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .38s ease,filter .38s ease}.cp-syslog-win{margin-top:12px;background:#080c0a;border:1.5px solid var(--hf-line-strong, #1e2a3a);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px var(--hf-alpha-black-30),0 16px 48px var(--hf-alpha-black-20),inset 0 1px 0 var(--hf-alpha-white-03)}.cp-syslog-bar{display:flex;align-items:center;gap:7px;padding:8px 12px;background:var(--hf-surface, #0e1218);border-bottom:1px solid var(--hf-line, var(--hf-cockpit-panel))}.cp-syslog-title{margin-left:10px;font-size:10px;color:var(--hf-ink-muted, #5a6a7a);font-family:var(--hf-mono)}.cp-syslog{padding:10px 12px;max-height:140px;overflow-y:auto;scrollbar-width:none}.cp-syslog::-webkit-scrollbar{display:none}.cp-syslog-line{display:flex;gap:6px;font-size:10px;line-height:1.8;font-family:var(--hf-mono);flex-wrap:wrap;animation:syslog-in .3s ease-out}.cp-syslog-ts{color:#3a4a5a;flex-shrink:0}.cp-syslog-tag{flex-shrink:0;font-weight:600}.cp-syslog-msg{color:var(--hf-ink-soft);word-break:break-word}@keyframes syslog-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cp-knob-row{display:flex;gap:20px;justify-content:center;margin:10px 0;flex-wrap:wrap}.cp-knob{display:flex;flex-direction:column;align-items:center;gap:4px}.cp-knob-lbl{font-size:10px;color:var(--hf-ink-pale);font-weight:500;letter-spacing:.02em}.cp-knob-val{font-size:12px;font-weight:700;letter-spacing:-.02em}.cp-meter{display:flex;flex-direction:column;gap:3px;flex:1;min-width:70px}.cp-meter-lbl{font-size:10px;color:var(--hf-ink-pale);letter-spacing:.03em;font-weight:500}.cp-meter-bar{height:7px;background:var(--hf-cockpit-panel);border-radius:4px;overflow:hidden}.cp-meter-fill{height:100%;border-radius:4px;mask-image:linear-gradient(90deg,transparent,white 40%,white)}.cp-meter-val{font-size:11px;text-align:right;font-weight:600}.cp-rnd-grid{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:8px 0}.cp-rnd-btn{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-decoration:none}.cp-rnd-btn:hover canvas{opacity:.85}.cp-rnd-btn:active canvas{transform:scale(.93)}.cp-rnd-lbl{font-size:10px;color:var(--hf-ink-pale);font-weight:500;text-align:center;max-width:60px;letter-spacing:.02em}.cp-list-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--hf-cockpit-panel);transition:background .2s;cursor:pointer;text-decoration:none;color:inherit;font-family:var(--hf-mono)}.cp-list-row:hover{background:#1ba0a00a}.cp-list-name{flex:1;font-size:13px;font-weight:600;color:var(--hf-ink)}.cp-list-tag{font-size:10px;color:var(--hf-ink-soft);letter-spacing:.03em;font-weight:500}.cp-list-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}@media (max-width: 640px){.hf-cockpit{padding:80px 16px!important}.cp-dash{padding:14px}.cp-hdr{flex-wrap:wrap;gap:8px}.cp-bento{grid-template-columns:1fr;gap:10px}.cp-tile-a,.cp-tile-b,.cp-tile-c,.cp-tile-d{grid-column:1 / -1}.cp-bento-row3{grid-template-columns:1fr}.cp-chart-wrap{padding-left:24px}.cp-chip-grid{gap:6px}.cp-chip{padding:7px 14px;font-size:12px}.cp-topic{font-size:14px}.cp-stat-row{gap:6px}.cp-stat-card{min-width:60px;padding:8px 9px}.cp-stat-val{font-size:16px}.cp-knob-row{gap:14px}.cp-rnd-grid{gap:10px}}#page-zoom-stage{transform-origin:50vw 50vh}.page-zoom-active #page-zoom-stage{position:relative;z-index:1;will-change:transform,opacity}.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}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}