:root{--teal: var(--teal-600);--purple: var(--purple-600);--grad-a: #3b1c6b;--grad-b: #00889b;--teal-50: #eaf4f6;--teal-100: #cbe7ec;--teal-200: #98cfd9;--teal-300: #5fb4c6;--teal-400: #2e9ab0;--teal-500: #00808f;--teal-600: #00707d;--teal-700: #005f6b;--teal-800: #00464f;--teal-900: #002f35;--purple-50: #f5f3f6;--purple-100: #e6e3ea;--purple-200: #c9c3d1;--purple-300: #a99eb4;--purple-400: #847394;--purple-500: #5f4a74;--purple-600: #32174d;--purple-700: #28123e;--purple-800: #1d0d2d;--purple-900: #13091d;--neutral-50: #f4f8f8;--neutral-100: #e8f0f0;--neutral-200: #d6e2e2;--neutral-300: #b7c5c5;--neutral-400: #93a0a0;--neutral-500: #6c7878;--neutral-600: #505c5b;--neutral-700: #3a4544;--neutral-800: #26302f;--neutral-900: #14201f;--success: #2f9e6b;--warning: #d98a00;--danger: #cf4155;--on-brand: #ffffff;--field-bg: #f7fafa;--glow-3: rgba(76, 32, 150, .08);--glow-corner: transparent;--term-bg: #08161d;--term-bar: #12242c;--term-text: #dce8ea;--term-dim: #b9c9ce;--term-title: #8a9da6;--term-hint: #6b7e85;--term-accent: #a99eb4;--term-prompt: #8f72c4;--term-glow: rgba(0, 150, 170, .3);--term-shadow: rgba(6, 26, 32, .38);--dither: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.9'%20numOctaves='1'%20stitchTiles='stitch'/%3E%3CfeColorMatrix%20type='saturate'%20values='0'/%3E%3C/filter%3E%3Crect%20width='180'%20height='180'%20filter='url(%23n)'%20opacity='0.045'/%3E%3C/svg%3E");--ink: #1a1225;--paper: #ffffff;--body-text: #3d3550;--muted: #6b6478;--line: rgba(53, 15, 102, .12);--card: rgba(53, 15, 102, .04);--surface: #ffffff;--glow-teal: rgba(0, 127, 121, .1);--glow-purple: rgba(53, 15, 102, .12);--max: 760px}:root[data-theme=dark]{--ink: #e9f2f5;--paper: #0a1922;--body-text: #c0d0d7;--muted: #8a9da6;--line: rgba(255, 255, 255, .1);--card: rgba(255, 255, 255, .05);--glow-teal: rgba(0, 150, 170, .22);--glow-purple: rgba(124, 58, 237, .34);--surface: #142b35;--surface-2: #0e2029;--field-bg: #0c1e27;--glow-3: rgba(76, 32, 150, .34);--glow-corner: transparent;--teal: #7c5fb0;--purple: var(--purple-300);--on-brand: #ffffff}:root[data-legacy="1"]{--dither: none;--term-bg: #0e0a17;--term-bar: #1b1329;--term-text: #e6e1f2;--term-dim: #cfc8de;--term-title: #8a83a0;--term-hint: #6a6280;--term-accent: #b492ff;--term-prompt: #007f79;--term-glow: rgba(107, 55, 178, .3);--term-shadow: rgba(53, 15, 102, .28);--teal: #007f79;--purple: #350f66;--grad-a: #350f66;--grad-b: #007f79;--on-brand: #ffffff;--field-bg: #ffffff;--glow-3: transparent;--glow-corner: var(--glow-purple)}:root[data-theme=dark][data-legacy="1"]{--ink: #f4f1fa;--paper: #120b1f;--body-text: #c7c0d6;--muted: #9a92ab;--surface: #1b1330;--surface-2: #160c26;--field-bg: var(--paper);--glow-teal: rgba(0, 127, 121, .22);--glow-purple: rgba(107, 55, 178, .28);--glow-3: transparent;--glow-corner: var(--glow-purple)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--dither),radial-gradient(1200px 600px at 15% -10%,var(--glow-teal),transparent 60%),radial-gradient(420px 340px at 100% 100%,var(--glow-3),transparent 70%),radial-gradient(1000px 700px at 110% 0%,var(--glow-corner),transparent 55%),var(--paper);line-height:1.65;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .4s ease,color .4s ease}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}header.hero{text-align:center;padding:88px 24px 56px}.logo{width:148px;height:148px;margin:0 auto 28px;display:block;-o-object-fit:contain;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.logo:hover{transform:translateY(-4px) rotate(-2deg)}:root[data-theme=dark] .logo{filter:invert(1)}h1{font-size:clamp(2.6rem,8vw,4.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;background:linear-gradient(100deg,var(--grad-a) 0%,var(--grad-b) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin-top:14px;font-size:1.15rem;color:var(--muted);font-weight:500}.accent-bar{width:72px;height:5px;border-radius:99px;margin:30px auto 0;background:linear-gradient(90deg,var(--grad-b),var(--grad-a))}.terminal{max-width:460px;margin:34px auto 0;border-radius:12px;overflow:hidden;text-align:left;background:var(--term-bg);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px var(--term-shadow),0 0 46px -6px var(--term-glow);font-family:SF Mono,Cascadia Code,Consolas,ui-monospace,monospace}.terminal-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:var(--term-bar)}.terminal-bar .dot-btn{width:12px;height:12px;border-radius:50%}.dot-btn.red{background:#ff5f56}.dot-btn.yellow{background:#ffbd2e}.dot-btn.green{background:#27c93f}.terminal-bar .title{margin-left:8px;font-size:.78rem;color:var(--term-title)}.terminal-body{padding:16px 18px 20px;font-size:.92rem;line-height:1.7;color:var(--term-text)}.terminal-body .prompt{color:var(--term-prompt)}.terminal-body .path{color:var(--term-accent)}.terminal-body .out{color:var(--term-dim)}.cursor{display:inline-block;width:9px;height:1.05em;background:var(--term-prompt);vertical-align:text-bottom;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}main{padding-bottom:96px}section{padding:40px 0;border-top:1px solid var(--line)}section:first-child{border-top:none}.eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}h2{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin-bottom:18px;color:var(--ink)}p{font-size:1.08rem;color:var(--body-text)}p+p{margin-top:16px}.highlight{color:var(--purple);font-weight:700}:root[data-theme=dark] .highlight{color:#fff}.cta{margin-top:28px}.btn-linkedin{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;color:#fff;background:linear-gradient(100deg,var(--grad-a) 0%,var(--grad-b) 100%);box-shadow:0 10px 24px #061a2061;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.btn-linkedin:hover{transform:translateY(-3px);box-shadow:0 16px 30px #007f7952;filter:saturate(1.1)}.btn-linkedin svg{width:20px;height:20px;fill:#fff}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-size:1rem;font-weight:700;text-decoration:none;color:var(--purple);background:transparent;border:2px solid var(--purple);transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}:root[data-theme=dark] .btn-outline{color:var(--teal);border-color:var(--teal)}.btn-outline:hover{transform:translateY(-3px);background:linear-gradient(100deg,var(--grad-a),var(--grad-b));border-color:transparent;color:#fff}.btn-outline svg{width:20px;height:20px;fill:currentColor}.contact-form{display:grid;gap:14px;max-width:520px;margin-top:6px}.contact-form label{font-size:.85rem;font-weight:700;color:var(--muted);margin-bottom:-6px}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #007f792e}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{justify-self:start;display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:none;border-radius:999px;font:inherit;font-size:1rem;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(100deg,var(--grad-a) 0%,var(--grad-b) 100%);box-shadow:0 10px 24px #061a2061;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease}.contact-form button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #007f7952;filter:saturate(1.1)}.form-note{font-size:.85rem;color:var(--muted);margin-top:2px}.theme-toggle{position:fixed;top:18px;right:18px;z-index:50;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease,border-color .25s ease}.theme-toggle:hover{transform:rotate(20deg) scale(1.08);border-color:var(--teal)}.theme-toggle .icon-dark{display:none}:root[data-theme=dark] .theme-toggle .icon-light{display:none}:root[data-theme=dark] .theme-toggle .icon-dark{display:inline}.theme-toggle svg{width:22px;height:22px;display:block}.lang-toggle{position:fixed;top:18px;left:18px;z-index:50;height:46px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font:inherit;font-weight:700;font-size:.85rem;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,border-color .25s ease}.lang-toggle:hover{transform:scale(1.05);border-color:var(--teal)}.lang-toggle svg{width:18px;height:18px}.lang-toggle b{color:var(--teal);font-weight:800}.beheer-btn{position:fixed;top:18px;right:74px;z-index:50;height:46px;padding:0 15px;border:1px solid var(--line);border-radius:999px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,border-color .25s ease}.beheer-btn[hidden]{display:none}.beheer-btn:hover{transform:scale(1.05);border-color:var(--teal)}.beheer-btn svg{width:18px;height:18px;color:var(--teal)}@media (max-width: 520px){.beheer-btn span{display:none}.beheer-btn{padding:0;width:46px;justify-content:center}}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.chip{position:relative;display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:14px;font-size:1rem;font-weight:600;color:var(--ink);background:var(--card);border:1px solid var(--line);cursor:default;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.chip:hover{transform:translateY(-3px);border-color:transparent;box-shadow:0 8px 22px #007f7938;background:linear-gradient(100deg,var(--grad-a),var(--grad-b));color:#fff;z-index:5}.chip .emoji{font-size:1.2rem}.chip .ic{width:20px;height:20px;flex:none}.chip .tip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%) translateY(6px);width:-moz-max-content;width:max-content;max-width:260px;padding:12px 15px;border-radius:12px;font-size:.9rem;font-weight:500;line-height:1.5;color:var(--body-text);background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 34px #061a2052;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:20}.chip .tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:var(--paper)}.chip:hover .tip,.chip:focus .tip,.chip:focus-within .tip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.chip:focus{outline:none}.timeline{margin-top:14px;overflow-x:auto;padding:4px 0 10px;cursor:grab}.timeline.tl-panning,.timeline.tl-panning *{cursor:grabbing!important;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tl-track{display:flex;gap:0;position:relative;width:100%;min-width:-moz-min-content;min-width:min-content;padding-top:6px}.tl-track:before{content:"";position:absolute;left:8.333%;right:8.333%;top:12px;height:2px;background:linear-gradient(90deg,var(--grad-b),var(--grad-a))}.tl-item{flex:1 1 130px;min-width:130px;padding:0 6px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;cursor:default}.tl-dot{width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--teal);box-shadow:0 0 0 4px var(--card);margin-bottom:14px;transition:border-color .2s ease,transform .2s ease;z-index:2}.tl-item:hover .tl-dot,.tl-item:focus-within .tl-dot{border-color:var(--purple);transform:scale(1.15)}.tl-year{font-weight:800;font-size:.9rem;letter-spacing:.03em;color:var(--purple)}:root[data-theme=dark] .tl-year{color:#a99eb4}.tl-title{font-weight:700;color:var(--ink);font-size:.95rem;margin-top:2px}.tl-desc{color:var(--body-text);font-size:.85rem;line-height:1.45;margin-top:8px;opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease}.tl-item:hover .tl-desc,.tl-item:focus-within .tl-desc{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.tl-desc{transition:none}}.ha-status{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted);margin-bottom:4px}.ha-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#27c93f;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #27c93f80}70%{box-shadow:0 0 0 8px #27c93f00}to{box-shadow:0 0 #27c93f00}}.ha{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:520px;margin-top:6px}.ha-card{position:relative;border-radius:16px;padding:16px;background:var(--card);border:1px solid var(--line);transition:transform .2s ease,border-color .2s ease}.ha-card .ha-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ha-card .ha-value{font-size:1.5rem;font-weight:800;color:var(--ink);margin-top:4px}.ha-card .ha-icon{position:absolute;top:14px;right:16px;color:var(--muted);line-height:0}.ha-icon svg{width:22px;height:22px;display:block}.ha-toggle.on .ha-icon{color:var(--teal)}.ha-card.alarm .ha-icon{color:#ff5f56}.ha-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ha-toggle:hover{transform:translateY(-2px);border-color:var(--teal)}.ha-toggle.on .ha-value{color:var(--teal)}.ha-card.alarm{border-color:#ff5f56;animation:alarm-glow 1s ease-in-out infinite}.ha-card.alarm .ha-value{color:#ff5f56}@keyframes alarm-glow{0%,to{box-shadow:0 0 #ff464600}50%{box-shadow:0 0 28px 5px #ff464699}}.ha-bubble{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px) scale(.96);background:#12242c;color:#fff;font-weight:600;font-size:.86rem;white-space:nowrap;padding:10px 14px;border-radius:12px;box-shadow:0 12px 28px #00000059;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:30}.ha-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#12242c}.ha-card.dark .ha-bubble{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.terminal{cursor:text}.terminal-body{height:168px;overflow-y:auto;position:relative}.term-line{display:flex;align-items:baseline;flex-wrap:wrap}#term-input{flex:1;min-width:60px;background:transparent;border:none;outline:none;color:var(--term-text);font:inherit;font-size:.92rem;caret-color:var(--term-prompt);padding:0}.term-hint{color:var(--term-hint);font-size:.78rem;margin-top:12px}.term-hint b{color:var(--teal);font-weight:700}#term-history .cmd-line{color:var(--term-text)}#term-history .out{color:var(--term-dim)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:linear-gradient(100deg,var(--grad-a),var(--grad-b));color:#fff;font-weight:700;padding:14px 24px;border-radius:999px;box-shadow:0 14px 34px #061a208c;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:100}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.confetti-piece{position:fixed;top:-14px;width:10px;height:14px;z-index:99;pointer-events:none;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(105vh) rotate(720deg)}}:root.hacker{--teal: #00ff9c;--purple: #16d67f;--ink: #baffdf;--paper: #010a04;--body-text: #74f5b4;--muted: #3fae82;--line: rgba(0, 255, 156, .22);--card: rgba(0, 255, 156, .06);--surface: #06170d;--glow-teal: rgba(0, 255, 156, .22);--glow-purple: rgba(0, 255, 120, .16);--grad-a: #16d67f;--grad-b: #00ff9c;--surface-2: #04120a;--field-bg: #04120a;--on-brand: #012109;--glow-3: rgba(0, 255, 156, .3);--glow-corner: transparent;--term-bg: #010a04;--term-bar: #06170d;--term-text: #baffdf;--term-dim: #74f5b4;--term-title: #3fae82;--term-hint: #2f8a66;--term-accent: #39ff14;--term-prompt: #00ff9c;--term-glow: rgba(0, 255, 156, .35)}:root.hacker body{font-family:Cascadia Code,Consolas,ui-monospace,monospace;text-shadow:0 0 6px rgba(0,255,156,.35)}:root.hacker h1{filter:drop-shadow(0 0 16px rgba(0,255,156,.55))}:root.hacker .logo{mix-blend-mode:screen;filter:invert(1) sepia(1) saturate(6) hue-rotate(85deg) brightness(1.2)}#matrix-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000eb;cursor:pointer}.term-anim{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5}.sl-train{position:absolute;top:50%;left:100%;transform:translateY(-50%);margin:0;white-space:pre;color:var(--term-text);font-size:8px;line-height:1.05;animation:sl-run 4.5s linear forwards}@keyframes sl-run{to{left:-430px}}.neofetch{margin:2px 0;color:var(--term-dim);line-height:1.3}.ha-mute{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.ha-mute:hover{border-color:var(--teal);transform:translateY(-2px)}.ha-mute[hidden]{display:none}.thermo-btns{display:flex;gap:6px;margin-top:8px}.thermo-btns button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:.8rem;line-height:1;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.thermo-btns button:hover{border-color:var(--teal);transform:translateY(-1px)}#ha-vacuum-bot{position:fixed;top:0;left:0;z-index:150;width:46px;height:46px;cursor:pointer;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));transition:transform .15s ease}#ha-vacuum-bot:hover{transform:scale(1.12)}#ha-vacuum-bot .vac-brush{transform-box:fill-box;transform-origin:center;animation:vac-spin 1.1s linear infinite}@keyframes vac-spin{to{transform:rotate(360deg)}}#ha-vacuum-dock{position:fixed;bottom:6px;left:50%;transform:translate(-50%);z-index:148;width:58px;height:16px;pointer-events:none;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));transition:opacity .3s ease}.vac-trail{position:fixed;z-index:149;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--teal),transparent 72%);animation:vac-trail-fade 6s ease-out forwards}@keyframes vac-trail-fade{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.wc{transition:opacity .3s ease}.wc.wiped{opacity:0}#rickroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:215;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center;background:#0000009e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#rickroll .rr-dancer{font-size:5rem;animation:rr-dance .5s ease-in-out infinite alternate}@keyframes rr-dance{0%{transform:translateY(4px) rotate(-9deg)}to{transform:translateY(-16px) rotate(9deg)}}#rickroll .rr-text{color:#fff;font-weight:800;font-size:1.4rem;max-width:90vw}#rickroll .rr-notes{font-size:1.6rem;letter-spacing:6px;animation:rr-pulse 1s ease-in-out infinite}@keyframes rr-pulse{50%{opacity:.4}}#rickroll .rr-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#rickroll .rr-play{text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:700;color:#fff;background:linear-gradient(100deg,var(--grad-a),var(--grad-b));box-shadow:0 10px 24px #061a2080}#rickroll .rr-play:hover{filter:saturate(1.15)}#rickroll .rr-close{padding:12px 22px;border-radius:999px;font:inherit;font-weight:700;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.3);cursor:pointer}#rickroll .rr-close:hover{background:#ffffff3d}#game-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-panel{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 22px 20px;text-align:center;box-shadow:0 24px 60px #00000059;color:var(--ink);font-family:Cascadia Code,Consolas,ui-monospace,monospace}.game-panel h3{margin-bottom:6px;font-size:1.1rem;letter-spacing:.05em;background:linear-gradient(100deg,#b492ff,#2ec9bf);-webkit-background-clip:text;background-clip:text;color:transparent}:root.hacker .game-panel h3{background:linear-gradient(100deg,#39ff14,#00ff9c);-webkit-background-clip:text;background-clip:text}.game-score{font-weight:700;margin-bottom:8px}.game-canvas{background:var(--card);border-radius:8px;display:block;margin:4px auto 10px}.game-info{font-size:.78rem;color:var(--muted);max-width:260px}.game-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer}.game-close:hover{color:var(--ink)}#shortcuts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.sc-panel{position:relative;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:24px 26px;max-width:460px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 24px 60px #061a206b}.sc-sub{margin-top:18px;font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sc-cmds{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sc-cmd{font-family:Cascadia Code,Consolas,ui-monospace,monospace;font-size:.8rem;padding:3px 8px;border-radius:6px;color:var(--body-text);background:var(--card);border:1px solid var(--line)}.sc-panel h3{font-size:1.3rem;margin-bottom:14px}.sc-row{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-top:1px solid var(--line)}.sc-row:first-of-type{border-top:none}.sc-key{font-weight:700;color:var(--teal);font-family:Cascadia Code,Consolas,ui-monospace,monospace;white-space:nowrap}:root[data-theme=dark] .sc-key{color:#7df5c0}.sc-desc{color:var(--body-text);text-align:right}.sc-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer}.sc-close:hover{color:var(--ink)}footer{text-align:center;padding:40px 24px 64px;color:var(--muted);font-size:.92rem;border-top:1px solid var(--line)}footer .dot{color:var(--teal)}footer .footer-note{margin-top:8px;font-size:.78rem;line-height:1.5;opacity:.75;max-width:640px;margin-left:auto;margin-right:auto}footer .footer-links{margin-top:8px;font-size:.86rem}footer .footer-links a{color:var(--teal);font-weight:600;text-decoration:none}footer .footer-links a:hover{text-decoration:underline}@media (max-width: 520px){header.hero{padding-top:60px}.logo{width:108px;height:108px}}.adm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#060a149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.adm-overlay.adm-scroll{align-items:flex-start}.adm-gate{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:30px 26px 26px;box-shadow:0 24px 60px #00000059;text-align:center}.adm-gate .adm-ico{width:54px;height:54px;margin:0 auto 12px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--grad-b),var(--grad-a));color:#fff}.adm-gate .adm-ico svg{width:28px;height:28px}.adm-gate h3{margin:0 0 4px;font-size:1.15rem;color:var(--ink)}.adm-gate p{margin:0 0 18px;color:var(--muted);font-size:.9rem}.adm-gate input[type=password]{width:100%;padding:12px 14px;font-size:1rem;border:1px solid var(--line);border-radius:11px;background:var(--card);color:var(--ink);outline:none;transition:border-color .15s}.adm-gate input[type=password]:focus{border-color:var(--teal)}.adm-err{color:#d1364a;font-size:.85rem;min-height:18px;margin:8px 0 0}.adm-row{display:flex;gap:10px;margin-top:14px}.adm-btn{flex:1;padding:11px 14px;border-radius:11px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.adm-btn svg{width:17px;height:17px}.adm-btn.primary{background:linear-gradient(135deg,var(--grad-b),var(--grad-a));color:#fff}.adm-btn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.adm-btn.ghost:hover{color:var(--ink)}.adm-btn:disabled{opacity:.55;cursor:default}.adm-editor{width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #00000059}.adm-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);flex:none}.adm-head .adm-title{font-weight:700;font-size:1.08rem;color:var(--ink);margin-right:auto;display:flex;align-items:center;gap:9px}.adm-head .adm-title svg{width:20px;height:20px;color:var(--teal)}.adm-x{background:none;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}.adm-x:hover{color:var(--ink);background:var(--paper)}.adm-logout{background:none;border:1px solid var(--line);color:var(--muted);font-size:.82rem;padding:6px 11px;border-radius:9px;cursor:pointer}.adm-logout:hover{color:var(--ink)}.adm-tabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--line);flex:none;overflow-x:auto}.adm-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);font-size:.9rem;font-weight:600;padding:9px 12px 11px;cursor:pointer;white-space:nowrap}.adm-tab:hover{color:var(--ink)}.adm-tab.active{color:var(--teal);border-bottom-color:var(--teal)}.adm-body{padding:18px 20px;overflow-y:auto;flex:1}.adm-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 20px;border-top:1px solid var(--line);flex:none}.adm-foot .spacer{margin-left:auto}.adm-msg{font-size:.85rem;color:var(--muted);flex-basis:100%}.adm-msg.ok{color:var(--teal)}.adm-msg.err{color:#d1364a}.ed-field{margin-bottom:16px}.ed-field>.ed-label{display:block;font-weight:600;color:var(--ink);font-size:.92rem;margin-bottom:6px}.ed-langrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 560px){.ed-langrow{grid-template-columns:1fr}}.ed-lang{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:3px;display:block}.ed-field input[type=text],.ed-field textarea{width:100%;padding:9px 11px;font:inherit;font-size:.92rem;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);outline:none;resize:vertical}.ed-field input[type=text]:focus,.ed-field textarea:focus{border-color:var(--teal)}.ed-field textarea{min-height:66px;line-height:1.45}.ed-pw{display:block;width:100%;padding:9px 11px;font:inherit;font-size:.92rem;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--paper);color:var(--ink);outline:none}.ed-pw:focus{border-color:var(--teal)}.ed-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px;background:var(--card)}.ed-card-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ed-card-head .ed-n{font-weight:700;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-right:auto}.ed-icon-prev{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--card);color:var(--teal)}.ed-icon-prev svg{width:20px;height:20px}.ed-mini{background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:.82rem;padding:6px 10px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.ed-mini:hover{border-color:var(--teal);color:var(--teal)}.ed-mini svg{width:15px;height:15px}.ed-mini.ed-move{padding:6px 7px}.ed-mini:disabled{opacity:.38;cursor:default}.ed-mini:disabled:hover{border-color:var(--line);color:var(--ink)}.ed-icon-prev.ed-icon-click{cursor:pointer;transition:border-color .15s,color .15s}.ed-icon-prev.ed-icon-click:hover{border-color:var(--teal);color:var(--teal)}.ed-icon-prev.ed-icon-click:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.ed-del{color:#d1364a;border-color:#d1364a66}.ed-del:hover{color:#fff;background:#d1364a;border-color:#d1364a}.ed-add{width:100%;padding:11px;border:1.5px dashed var(--line);border-radius:11px;background:none;color:var(--muted);font-weight:600;font-size:.9rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.ed-add:hover{border-color:var(--teal);color:var(--teal)}.ed-add svg{width:17px;height:17px}.ed-year{max-width:130px}.ed-hint{font-size:.8rem;color:var(--muted);margin:-8px 0 14px}.ed-tokenbox{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--card);margin-bottom:4px}.ed-tokenbox .ed-label{display:block;margin-bottom:6px}.ed-tokenbox input[type=password]{width:100%;padding:9px 11px;font:inherit;font-size:.92rem;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);outline:none}.ed-tokenbox input[type=password]:focus{border-color:var(--teal)}.ed-tokenbox label.cbx{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin-top:9px;cursor:pointer}.ed-tokenbox input[type=checkbox]{width:auto}.ic-picker{z-index:9100}.ic-search{width:100%;box-sizing:border-box;margin:4px 0 10px;padding:10px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:10px;font:inherit;outline:none}.ic-search:focus{border-color:var(--teal)}.ic-none{text-align:center;color:var(--muted);font-size:.9rem;padding:14px 0 4px}.ic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px;margin-top:6px;max-height:46vh;overflow-y:auto}.ic-cell{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.ic-cell:hover{border-color:var(--teal);color:var(--teal)}.ic-cell svg{width:24px;height:24px}.adm-remember{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--muted);margin-top:12px;cursor:pointer}.adm-remember input{width:auto}.bh-panel{width:100%;max-width:760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #0006;padding:20px 22px 24px}.bh-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.bh-top h2{font-size:1.3rem;font-weight:800;color:var(--ink)}.bh-actions{display:flex;gap:8px;flex-wrap:wrap}.bh-ghost{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .2s ease}.bh-ghost:hover{border-color:var(--teal)}.bh-ghost svg{width:16px;height:16px;flex:none}.bh-primary{color:#fff!important;background:linear-gradient(100deg,var(--grad-a),var(--grad-b))!important;border-color:transparent!important}.bh-dirty{font-size:.7rem;font-weight:700;color:#e0982b;margin-left:6px;vertical-align:middle}.bh-token{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line);background:var(--card)}.bh-token input[type=password]{flex:1;min-width:180px;padding:8px 10px;border-radius:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font:inherit;font-size:.9rem}.bh-remember{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);cursor:pointer}.bh-status{font-size:.82rem;color:var(--muted);flex-basis:100%}.bh-status.ok{color:var(--teal)}.bh-status.err{color:#d1364a}.bh-section-h{font-size:1.02rem;font-weight:800;color:var(--ink);margin:22px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}.bh-section-h:first-child{margin-top:2px}.bh-section-h svg{width:18px;height:18px;color:var(--teal);flex:none}.bh2-panel{width:100%;max-width:960px;background:var(--surface, var(--paper));border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 80px #061a206b;display:flex;flex-direction:column;overflow:hidden;max-height:86vh}.bh2-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-bottom:1px solid var(--line);background:var(--surface, var(--paper))}.bh2-title{display:flex;align-items:center;gap:11px;margin-right:auto}.bh2-title .bh2-logo{width:30px;height:30px;border-radius:9px;background:linear-gradient(100deg,var(--grad-a),var(--grad-b));display:grid;place-items:center;color:#fff;flex:none}.bh2-title .bh2-logo svg{width:17px;height:17px}.bh2-title h2{margin:0;font-size:1.12rem;color:var(--ink);letter-spacing:-.01em;line-height:1.15}.bh2-title .bh2-sub{display:block;font-size:.72rem;color:var(--muted);font-weight:500}.bh2-dirty{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--warn, #e0982b);font-weight:600}.bh2-dirty:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn, #e0982b)}.bh2-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bh2-btn{font:inherit;font-size:.84rem;font-weight:600;border-radius:999px;padding:8px 15px;cursor:pointer;border:1px solid var(--line);background:var(--card);color:var(--ink);display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,color .15s,background .15s}.bh2-btn svg{width:15px;height:15px}.bh2-btn:hover{border-color:var(--teal);color:var(--teal)}.bh2-btn.primary{background:linear-gradient(100deg,var(--grad-a),var(--grad-b));color:#fff;border-color:transparent}.bh2-btn.primary:hover{color:#fff;filter:brightness(1.06)}.bh2-btn.danger:hover{border-color:var(--err, #e5484d);color:var(--err, #e5484d)}.bh2-iconbtn{width:36px;height:36px;padding:0;justify-content:center;border-radius:10px}.bh2-body{display:grid;grid-template-columns:214px 1fr;min-height:0;flex:1}.bh2-nav{border-right:1px solid var(--line);padding:14px 12px;overflow-y:auto;background:var(--surface-2, var(--card))}.bh2-navitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;border:0;background:transparent;color:var(--body-text);font:inherit;font-size:.9rem;padding:9px 12px;border-radius:10px;cursor:pointer;position:relative;margin-bottom:2px}.bh2-navitem svg{width:18px;height:18px;color:var(--muted);flex:none;transition:color .15s}.bh2-navitem:hover{background:var(--card);color:var(--ink)}.bh2-navitem.on{background:var(--card);color:var(--ink);font-weight:600}.bh2-navitem.on:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--grad-a),var(--grad-b))}.bh2-navitem.on svg{color:var(--teal)}.bh2-navsep{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:14px 12px 6px}.bh2-content{overflow-y:auto;padding:26px 30px}.bh2-pane{display:none}.bh2-pane.on{display:block;animation:bh2fade .2s ease}@keyframes bh2fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bh2-panehead{margin:0 0 4px;font-size:1.12rem;color:var(--ink);letter-spacing:-.01em}.bh2-panedesc{margin:0 0 20px;color:var(--muted);font-size:.88rem;max-width:62ch}.bh2-group{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:18px 18px 20px;margin-bottom:16px}.bh2-group>h4{margin:0 0 3px;font-size:.95rem;color:var(--ink);display:flex;align-items:center;gap:8px}.bh2-group>h4 svg{width:16px;height:16px;color:var(--teal)}.bh2-group>.bh2-hint{margin:0 0 14px}.bh2-field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.bh2-field:last-child{margin-bottom:0}.bh2-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.bh2-input{font:inherit;font-size:.92rem;color:var(--ink);background:var(--field-bg);border:1px solid var(--line);border-radius:9px;padding:9px 11px;width:100%;transition:border-color .15s,box-shadow .15s}.bh2-input:focus{outline:0;border-color:var(--teal);box-shadow:0 0 0 3px #007f792e}.bh2-input.mono{font-family:SF Mono,Cascadia Code,Consolas,ui-monospace,monospace;font-size:.86rem}.bh2-grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px}.bh2-grid2 .bh2-field{margin-bottom:0}.bh2-hint{font-size:.78rem;color:var(--muted);line-height:1.5}.bh2-hint code{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:.85em}.bh2-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:4px}.bh2-status{font-size:.8rem;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.bh2-status.ok{color:var(--ok, #17a34a)}.bh2-status.err{color:var(--err, #e5484d)}.bh2-status.ok:before,.bh2-status.err:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.bh2-toggle{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.bh2-toggle:first-of-type{border-top:0}.bh2-toggle input{margin-top:2px;width:17px;height:17px;accent-color:var(--teal);flex:none;cursor:pointer}.bh2-toggle .t-txt strong{display:block;color:var(--ink);font-size:.9rem;font-weight:600}.bh2-toggle .t-txt span{font-size:.78rem;color:var(--muted)}.bh2-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bh2-listrow{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface, var(--paper));padding:8px 10px}.bh2-grip{color:var(--muted);cursor:grab;display:flex;flex:none}.bh2-listrow .bh2-input{flex:1;min-width:0}.bh2-swatch{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);padding:0;cursor:pointer;flex:none}.bh2-rm{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;flex:none}.bh2-rm:hover{border-color:var(--err, #e5484d);color:var(--err, #e5484d)}.bh2-add{width:100%;border:1px dashed var(--line);background:transparent;color:var(--muted);font:inherit;font-size:.86rem;padding:10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.bh2-add:hover{border-color:var(--teal);color:var(--teal)}.bh2-add svg{width:16px;height:16px;flex:none}.bh2-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}.bh2-chip{font:inherit;font-size:.8rem;border:1px solid var(--line);background:var(--card);color:var(--body-text);border-radius:999px;padding:5px 12px;cursor:pointer}.bh2-chip:hover{border-color:var(--teal);color:var(--teal)}.bh2-chip.clear{color:var(--err, #e5484d)}.bh2-chip.clear:hover{border-color:var(--err, #e5484d)}.bh2-tokenbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border:1px dashed var(--line);border-radius:11px;padding:12px 14px;background:var(--card);margin:0 20px}.bh2-tokenbar .bh2-input{flex:1;min-width:190px}.bh2-tokenbar label{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted);white-space:nowrap}@media (max-width: 720px){.bh2-body{grid-template-columns:1fr}.bh2-nav{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:6px;overflow-x:auto;padding:10px 12px}.bh2-navsep{display:none}.bh2-navitem{width:auto;white-space:nowrap;padding:8px 13px;margin-bottom:0}.bh2-navitem.on:before{display:none}.bh2-navitem.on{background:linear-gradient(100deg,var(--grad-a),var(--grad-b));color:#fff}.bh2-navitem.on svg{color:#fff}.bh2-content{padding:20px}.bh2-grid2{grid-template-columns:1fr}}