:root{--hk-bg:#fcfaf7;--hk-surface:#fff;--hk-surface-2:hsla(36,45%,98%,.6);--hk-veil:hsla(36,45%,98%,.92);--hk-text-1:#1a202c;--hk-text-2:#4a5568;--hk-slate:#4a5568;--hk-terracotta:#b58463;--hk-terracotta-soft:rgba(181,132,99,.12);--hk-border:#e8e4e1;--hk-ghost:rgba(181,132,99,.09);--hk-glow:rgba(181,132,99,.5);--hk-shadow:rgba(26,32,44,.06);--hk-noise-opacity:0.035}html[data-phase=dawn]{--hk-bg:#fbf4ec;--hk-surface:#fffdfa;--hk-veil:hsla(32,65%,95%,.92);--hk-terracotta:#b57963;--hk-terracotta-soft:rgba(181,121,99,.13);--hk-border:#efe0d2;--hk-ghost:rgba(181,121,99,.1);--hk-glow:rgba(181,121,99,.5)}html[data-phase=dusk]{--hk-bg:#f6eee3;--hk-surface:#fffaf2;--hk-veil:hsla(35,51%,93%,.92);--hk-terracotta:#a6714f;--hk-terracotta-soft:rgba(166,113,79,.14);--hk-border:#e8d9c6;--hk-ghost:rgba(166,113,79,.1);--hk-glow:rgba(166,113,79,.5)}html[data-phase=night]{color-scheme:dark;--hk-bg:#141110;--hk-surface:#1f1a17;--hk-surface-2:rgba(31,26,23,.7);--hk-veil:rgba(20,17,16,.92);--hk-text-1:#f2ede8;--hk-text-2:#b3a79c;--hk-slate:#8b7f73;--hk-terracotta:#c89678;--hk-terracotta-soft:hsla(23,42%,63%,.15);--hk-border:#332b26;--hk-ghost:hsla(23,42%,63%,.08);--hk-glow:hsla(23,42%,63%,.55);--hk-shadow:rgba(0,0,0,.45);--hk-noise-opacity:0.05}html[data-phase] body{background:var(--hk-bg)}html[data-phase]::-webkit-scrollbar{width:5px}html[data-phase]::-webkit-scrollbar-track{background:var(--hk-bg)}html[data-phase]::-webkit-scrollbar-thumb{background:var(--hk-border);border-radius:10px}.hk-root{background:var(--hk-bg);color:var(--hk-text-1);font-family:var(--font-dm-sans),"DM Sans",system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;transition:background-color .8s ease,color .8s ease}.hk-root ::selection{background:var(--hk-terracotta);color:var(--hk-bg)}.hk-root :focus-visible{outline:2px solid var(--hk-terracotta);outline-offset:2px;border-radius:4px}.hk-mono{font-family:var(--font-jetbrains-mono),"JetBrains Mono",monospace}.hk-noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:var(--hk-noise-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hk-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100}.hk-progress-fill{height:100%;background:linear-gradient(90deg,var(--hk-terracotta),var(--hk-slate));box-shadow:0 0 8px var(--hk-glow);transition:width 80ms linear}.hk-container{max-width:1240px;margin:0 auto;padding:24px}.hk-grid{display:grid;grid-template-columns:420px 1fr;gap:72px;align-items:start}.hk-left{position:sticky;top:24px;height:calc(100vh - 48px);height:calc(100dvh - 48px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hk-main{padding-top:8px;padding-bottom:80px;min-width:0}.hk-avail{display:inline-flex;gap:10px;align-items:center;margin-bottom:14px}.hk-pulse-wrap{position:relative;width:8px;height:8px}.hk-pulse-ring{position:absolute;inset:-3px;border-radius:50%;background:var(--hk-glow);animation:hk-ping 1.4s ease-in-out infinite}.hk-pulse-dot{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:var(--hk-terracotta)}.hk-avail-text{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--hk-text-2)}.hk-sky{position:relative;height:96px;max-width:370px;border-radius:14px;overflow:hidden;border:1px solid var(--hk-border);margin-bottom:18px}.hk-sky-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#a3c6da,#cde0e7 55%,#f0ecdf);transition:opacity .8s ease}.hk-sky[data-sky=dawn] .hk-sky-gradient{background:linear-gradient(180deg,#7a6a9e,#c98a8e 45%,#f2b98b 75%,#f7ddb8)}.hk-sky[data-sky=dusk] .hk-sky-gradient{background:linear-gradient(180deg,#4e4668,#93648b 40%,#d98e6a 75%,#efc08a)}.hk-sky[data-sky=night] .hk-sky-gradient{background:linear-gradient(180deg,#0e1220,#1c2135 55%,#33304a)}.hk-sky-stars{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-image:radial-gradient(1px 1px at 18% 28%,hsla(0,0%,100%,.9) 50%,transparent 51%),radial-gradient(1px 1px at 42% 14%,hsla(0,0%,100%,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 64% 32%,hsla(0,0%,100%,.85) 50%,transparent 51%),radial-gradient(1px 1px at 79% 18%,hsla(0,0%,100%,.65) 50%,transparent 51%),radial-gradient(1px 1px at 90% 38%,hsla(0,0%,100%,.75) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 30% 44%,hsla(0,0%,100%,.6) 50%,transparent 51%),radial-gradient(1px 1px at 55% 52%,hsla(0,0%,100%,.5) 50%,transparent 51%)}.hk-sky[data-sky=dawn] .hk-sky-stars{opacity:.18}.hk-sky[data-sky=dusk] .hk-sky-stars{opacity:.35}.hk-sky[data-sky=night] .hk-sky-stars{opacity:1}.hk-sky-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(16,13,12,.38))}.hk-sky-arc{position:absolute;inset:0;width:100%;height:100%}.hk-sky-arc-path{stroke:hsla(0,0%,100%,.45);stroke-width:.6;stroke-dasharray:2 3.4;fill:none}.hk-sky-orb{fill:#f5b855;filter:drop-shadow(0 0 5px #f5b855);transition:cx 1s linear,cy 1s linear}.hk-sky[data-sky=dawn] .hk-sky-orb{fill:#f6c289;filter:drop-shadow(0 0 5px #f6c289)}.hk-sky[data-sky=dusk] .hk-sky-orb{fill:#f0a45b;filter:drop-shadow(0 0 5px #f0a45b)}.hk-sky[data-sky=night] .hk-sky-orb{fill:#ece7db;filter:drop-shadow(0 0 5px #ece7db)}.hk-sky-meta{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;align-items:baseline;gap:10px}.hk-sky-greeting{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.96);overflow:hidden;text-overflow:ellipsis}.hk-sky-greeting,.hk-sky-time{text-shadow:0 1px 6px rgba(0,0,0,.45);white-space:nowrap}.hk-sky-time{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;letter-spacing:.04em;color:hsla(0,0%,100%,.92);font-variant-numeric:tabular-nums}.hk-name{font-family:var(--font-syne),"Syne",sans-serif;font-size:36px;font-weight:800;line-height:1;margin:0;color:var(--hk-text-1);white-space:nowrap}.hk-role-line{margin-top:14px;display:flex;align-items:center}.hk-role-bar{width:4px;background:var(--hk-terracotta);align-self:stretch;flex-shrink:0;margin-right:12px}.hk-role-text{font-family:var(--font-jetbrains-mono),monospace;text-transform:uppercase;font-size:12px;letter-spacing:.2em;font-weight:700;color:var(--hk-text-1)}.hk-bio{margin-top:20px;max-width:370px;color:var(--hk-text-2);font-size:15px;line-height:1.65}.hk-arc-wrap{margin-top:28px;position:relative;height:44px;max-width:370px}.hk-arc-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--hk-border);border-radius:2px;overflow:hidden}.hk-arc-fill{height:100%;background:linear-gradient(90deg,var(--hk-terracotta),var(--hk-slate));border-radius:2px;transition:width 80ms linear;position:relative}.hk-arc-fill:after{content:"";position:absolute;right:-1px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--hk-terracotta);box-shadow:0 0 10px var(--hk-terracotta)}.hk-arc-labels{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-between}.hk-arc-link{font-family:var(--font-jetbrains-mono),monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--hk-text-2);text-decoration:none;opacity:.45;transition:all .3s ease;padding:4px}.hk-arc-link.active{color:var(--hk-text-1);opacity:1;font-weight:700}.hk-left-foot{margin-top:auto;padding-top:24px}.hk-cta-link{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hk-text-1);text-decoration:none;letter-spacing:.15em;transition:gap .3s ease}.hk-cta-link:hover{gap:22px}.hk-cta-line{height:1px;width:52px;background:var(--hk-text-1)}.hk-left-controls{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}.hk-theme-ctl{display:inline-flex;border:1px solid var(--hk-border);border-radius:8px;overflow:hidden;background:var(--hk-surface)}.hk-theme-btn{padding:7px 10px;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--hk-text-2);background:transparent;border:none;cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition:background .2s ease,color .2s ease}.hk-theme-btn+.hk-theme-btn{border-left:1px solid var(--hk-border)}.hk-theme-btn.active,.hk-theme-btn:hover{color:var(--hk-text-1)}.hk-theme-btn.active{background:var(--hk-terracotta-soft)}.hk-kbd-hint{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--hk-text-2);border:1px solid var(--hk-border);background:var(--hk-surface);border-radius:8px;padding:7px 10px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.hk-kbd-hint:hover{color:var(--hk-text-1);border-color:var(--hk-terracotta)}.hk-kbd-hint kbd{font:inherit;background:var(--hk-terracotta-soft);padding:2px 5px;border-radius:4px;color:var(--hk-terracotta)}.hk-socials{display:flex;gap:18px;list-style:none;margin:18px 0 0;padding:0}.hk-social-icon{color:var(--hk-text-2);text-decoration:none;transition:color .2s ease,transform .2s ease;display:inline-block;padding:2px}.hk-social-icon:hover{color:var(--hk-terracotta);transform:translateY(-2px)}.hk-back-btn{display:inline-flex;align-items:center;gap:10px;background:var(--hk-text-1);color:var(--hk-bg);border:none;border-radius:6px;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:10px 20px;cursor:pointer;transition:background .2s ease,transform .2s ease}.hk-back-btn:hover{background:var(--hk-terracotta);transform:translateY(-1px)}.hk-section{position:relative;margin-bottom:72px}.hk-section-num{position:absolute;top:-80px;left:-16px;font-size:150px;font-weight:800;line-height:1;color:var(--hk-ghost);user-select:none;z-index:-1}.hk-section-num,.hk-section-title{font-family:var(--font-syne),"Syne",sans-serif}.hk-section-title{font-size:27px;font-weight:700;margin:0 0 8px;color:var(--hk-text-1);letter-spacing:-.01em}.hk-section-sub{font-size:14px;color:var(--hk-text-2);margin:0 0 28px;line-height:1.5}.hk-body{color:var(--hk-text-2);line-height:1.7;font-size:15px}.hk-body p{margin:0 0 20px}.hk-body strong{color:var(--hk-text-1);font-weight:700}.hk-edu-card{border-left:2px solid var(--hk-slate);padding-left:20px;margin-bottom:32px}.hk-edu-badge{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;text-transform:uppercase;color:var(--hk-terracotta);font-weight:700;letter-spacing:.1em;margin-bottom:6px}.hk-edu-title{font-family:var(--font-syne),"Syne",sans-serif;font-size:22px;font-weight:700;margin:4px 0;color:var(--hk-text-1)}.hk-edu-inst{font-weight:500;color:var(--hk-text-1);font-size:15px;margin-top:2px}.hk-edu-period{font-family:var(--font-jetbrains-mono),monospace;font-size:12px;color:var(--hk-text-2);margin-top:4px}.hk-cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.hk-cert-card{padding:18px;background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s cubic-bezier(.23,1,.32,1),border-color .3s ease}.hk-cert-card:hover{transform:translateY(-2px);border-color:var(--hk-terracotta)}.hk-cert-cat{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;text-transform:uppercase;color:var(--hk-text-2);letter-spacing:.05em;margin-bottom:8px}.hk-cert-title{font-family:var(--font-syne),"Syne",sans-serif;font-size:15px;font-weight:700;line-height:1.3;color:var(--hk-text-1);margin:0 0 14px}.hk-cert-foot{display:flex;justify-content:space-between;align-items:center}.hk-cert-issuer{font-size:13px;color:var(--hk-text-1);font-weight:500}.hk-cert-date{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;color:var(--hk-text-2)}.hk-terminal{background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:12px;overflow:hidden;box-shadow:0 8px 30px var(--hk-shadow)}.hk-terminal-tabs{display:flex;border-bottom:1px solid var(--hk-border);background:var(--hk-surface-2)}.hk-terminal-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:transparent;border:none;border-right:1px solid var(--hk-border);font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:500;color:var(--hk-text-2);cursor:pointer;transition:all .2s ease}.hk-terminal-tab:last-child{border-right:none}.hk-terminal-tab.active{background:var(--hk-surface);color:var(--hk-text-1);font-weight:700;box-shadow:inset 0 -2px 0 var(--hk-terracotta)}.hk-terminal-body{display:grid;grid-template-columns:1fr 1fr;min-height:340px}.hk-skill-nodes{padding:20px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--hk-border);max-height:380px;overflow-y:auto}.hk-skill-node{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--hk-bg);border:1px solid transparent;border-radius:6px;cursor:pointer;width:100%;text-align:left;transition:all .2s cubic-bezier(.23,1,.32,1)}.hk-skill-node:hover{background:var(--hk-surface);border-color:var(--hk-border);transform:translateX(2px)}.hk-skill-node.selected{background:var(--hk-surface);border-color:var(--hk-terracotta);box-shadow:0 4px 12px var(--hk-terracotta-soft)}.hk-node-pin{width:6px;height:6px;border-radius:50%;background:var(--hk-border);transition:all .2s ease;flex-shrink:0}.hk-skill-node.selected .hk-node-pin{background:var(--hk-terracotta);box-shadow:0 0 6px var(--hk-terracotta)}.hk-node-info{display:flex;flex-direction:column}.hk-node-name{font-family:var(--font-jetbrains-mono),monospace;font-size:13px;font-weight:700;color:var(--hk-text-1)}.hk-node-level{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--hk-text-2)}.hk-skill-panel{padding:22px;background:var(--hk-surface-2);display:flex;flex-direction:column}.hk-skill-name{font-family:var(--font-syne),"Syne",sans-serif;font-size:20px;font-weight:700;color:var(--hk-text-1);margin:0 0 4px}.hk-skill-level{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hk-terracotta);background:var(--hk-terracotta-soft);width:fit-content;padding:4px 9px;border-radius:4px;margin-bottom:14px}.hk-skill-fact{font-size:14px;line-height:1.65;color:var(--hk-text-1);margin:0 0 20px}.hk-usedat-label{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--hk-text-2);margin-bottom:10px}.hk-chip-row{display:flex;flex-wrap:wrap;gap:6px}.hk-chip{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;padding:5px 10px;border:1px solid var(--hk-border);background:var(--hk-bg);border-radius:20px;color:var(--hk-text-1)}.hk-timeline{border-left:2px solid var(--hk-border);padding-left:24px;display:flex;flex-direction:column;gap:20px}.hk-tl-node{position:relative}.hk-tl-dot{position:absolute;left:-31px;top:22px;width:12px;height:12px;border-radius:50%;border:2px solid var(--hk-slate);background:var(--hk-bg)}.hk-tl-card{background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:8px;padding:22px;transition:border-color .3s ease}.hk-tl-card:hover{border-color:var(--hk-slate)}.hk-tl-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px;flex-wrap:wrap}.hk-tl-period{font-size:11px;color:var(--hk-terracotta);font-weight:700}.hk-tl-company,.hk-tl-period{font-family:var(--font-jetbrains-mono),monospace}.hk-tl-company{font-size:12px;color:var(--hk-text-2)}.hk-tl-role{font-family:var(--font-syne),"Syne",sans-serif;font-size:20px;font-weight:700;margin:0 0 12px;color:var(--hk-text-1)}.hk-tl-bullets{margin:0 0 14px;padding-left:18px;display:flex;flex-direction:column;gap:8px}.hk-tl-bullets li{font-size:14px;line-height:1.6;color:var(--hk-text-2)}.hk-tl-bullets li::marker{color:var(--hk-terracotta)}.hk-pills{display:flex;gap:6px;flex-wrap:wrap}.hk-pill{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 10px;background:var(--hk-bg);border:1px solid var(--hk-border);border-radius:4px;color:var(--hk-text-1)}.hk-proj-list{display:flex;flex-direction:column;gap:14px}.hk-proj-row{background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:8px;overflow:hidden;transition:border-color .4s cubic-bezier(.23,1,.32,1),box-shadow .4s ease}.hk-proj-row.open{border-color:var(--hk-terracotta);box-shadow:0 10px 30px -15px var(--hk-terracotta-soft)}.hk-proj-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;user-select:none;width:100%;background:transparent;border:none;cursor:pointer;text-align:left;gap:12px}.hk-proj-title-group{display:flex;align-items:center;gap:18px;min-width:0}.hk-proj-serial{font-family:var(--font-jetbrains-mono),monospace;font-size:12px;color:var(--hk-text-2);opacity:.5}.hk-proj-name{font-family:var(--font-syne),"Syne",sans-serif;font-size:20px;font-weight:700;margin:0;transition:color .3s ease;color:var(--hk-text-1)}.hk-proj-row.open .hk-proj-name{color:var(--hk-terracotta)}.hk-proj-tags{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--hk-text-2);margin-top:5px;text-transform:uppercase;letter-spacing:.04em}.hk-proj-arrow{width:32px;height:32px;border-radius:50%;background:var(--hk-bg);display:flex;align-items:center;justify-content:center;color:var(--hk-text-1);transition:all .4s cubic-bezier(.23,1,.32,1);flex-shrink:0}.hk-proj-row.open .hk-proj-arrow{transform:rotate(45deg);background:var(--hk-terracotta);color:#fff}.hk-proj-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.23,1,.32,1)}.hk-proj-body-inner{overflow:hidden;min-height:0}.hk-proj-row.open .hk-proj-body{grid-template-rows:1fr}.hk-proj-content{padding:0 24px 24px;display:grid;grid-template-columns:1fr 180px;gap:28px}.hk-proj-tagline{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;text-transform:uppercase;color:var(--hk-terracotta);font-weight:700;letter-spacing:.1em;margin-bottom:8px}.hk-proj-desc{color:var(--hk-text-2);line-height:1.65;font-size:14px;margin:0}.hk-proj-links{display:flex;gap:20px;flex-wrap:wrap}.hk-proj-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--hk-text-1);text-decoration:none;border-bottom:1px solid var(--hk-text-1);padding-bottom:2px;width:fit-content;transition:all .2s ease}.hk-proj-link:hover{color:var(--hk-terracotta);border-color:var(--hk-terracotta)}.hk-proj-shot{margin-top:16px;border:1px solid var(--hk-border);border-radius:8px;overflow:hidden;background:var(--hk-bg)}.hk-proj-shot img{width:100%;height:auto;display:block}.hk-stack-title{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--hk-text-2);margin-bottom:10px}.hk-stack-list{display:flex;flex-direction:column;gap:6px}.hk-stack-item{font-size:11px;padding:4px 0;border-bottom:1px solid var(--hk-border)}.hk-archive-trigger,.hk-stack-item{font-family:var(--font-jetbrains-mono),monospace;color:var(--hk-text-1)}.hk-archive-trigger{margin-top:28px;display:inline-flex;align-items:center;gap:12px;background:transparent;border:none;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;padding:0}.hk-archive-trigger-text{border-bottom:2px solid var(--hk-text-1);padding-bottom:4px;transition:color .2s,border-color .2s}.hk-archive-trigger:hover .hk-archive-trigger-text{color:var(--hk-terracotta);border-color:var(--hk-terracotta)}.hk-archive{animation:hk-fade-up .45s ease-out}.hk-archive-back{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;text-transform:uppercase;font-weight:700;color:var(--hk-text-2);cursor:pointer;margin-bottom:20px;padding:0;transition:color .2s}.hk-archive-back:hover,.hk-archive-title{color:var(--hk-text-1)}.hk-archive-title{font-family:var(--font-syne),"Syne",sans-serif;font-size:38px;font-weight:800;margin:0 0 10px}.hk-archive-sub{color:var(--hk-text-2);font-size:15px;margin:0 0 32px}.hk-filter-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px;border-bottom:1px solid var(--hk-border);padding-bottom:18px}.hk-filter-btn{background:var(--hk-surface);border:1px solid var(--hk-border);padding:7px 16px;border-radius:20px;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;color:var(--hk-text-2);cursor:pointer;transition:all .2s ease}.hk-filter-btn:hover{border-color:var(--hk-text-1);color:var(--hk-text-1)}.hk-filter-btn.active{background:var(--hk-text-1);border-color:var(--hk-text-1);color:var(--hk-bg)}.hk-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.hk-archive-card{background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:8px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;transition:transform .25s ease-out,border-color .3s ease;will-change:transform}.hk-archive-card:hover{border-color:var(--hk-terracotta)}.hk-archive-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hk-archive-idx{font-size:12px;opacity:.5}.hk-archive-cat,.hk-archive-idx{font-family:var(--font-jetbrains-mono),monospace;color:var(--hk-text-2)}.hk-archive-cat{font-size:10px;text-transform:uppercase;background:var(--hk-bg);padding:3px 10px;border-radius:4px}.hk-archive-name{font-family:var(--font-syne),"Syne",sans-serif;font-size:19px;font-weight:700;margin:0 0 4px;color:var(--hk-text-1)}.hk-archive-tagline{font-family:var(--font-jetbrains-mono),monospace;font-size:11px;color:var(--hk-terracotta);margin-bottom:10px}.hk-archive-desc{font-size:13px;color:var(--hk-text-2);line-height:1.6;margin:0}.hk-archive-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px}.hk-tech-tags{display:flex;gap:5px;flex-wrap:wrap}.hk-tech-tag{font-family:var(--font-jetbrains-mono),monospace;font-size:9px;padding:2px 6px;background:var(--hk-bg);border:1px solid var(--hk-border);border-radius:4px;color:var(--hk-text-2)}.hk-archive-links{display:flex;gap:8px;flex-shrink:0}.hk-archive-link{color:var(--hk-text-1);display:inline-flex;align-items:center;justify-content:center;padding:4px;transition:transform .2s ease,color .2s ease}.hk-archive-link:hover{color:var(--hk-terracotta);transform:translate(2px,-2px)}.hk-booking-card{display:grid;grid-template-columns:1fr 1.2fr;background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:12px;overflow:hidden;box-shadow:0 12px 36px var(--hk-shadow)}.hk-booking-info{padding:28px;background:var(--hk-terracotta-soft);border-right:1px solid var(--hk-border);display:flex;flex-direction:column}.hk-booking-headline{display:flex;align-items:center;gap:10px;margin-bottom:14px}.hk-booking-headline h3{font-family:var(--font-syne),"Syne",sans-serif;font-size:19px;font-weight:700;margin:0;color:var(--hk-text-1)}.hk-booking-text{font-size:14px;line-height:1.6;color:var(--hk-text-2);margin:0 0 20px}.hk-booking-tz{gap:8px;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--hk-terracotta);background:var(--hk-surface);border:1px solid var(--hk-border);padding:5px 12px;border-radius:20px;width:fit-content}.hk-booking-tz,.hk-direct{display:flex;align-items:center}.hk-direct{margin-top:auto;padding-top:20px;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--hk-text-2)}.hk-copy-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:0 0 2px;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;color:var(--hk-text-1);border-bottom:1px solid var(--hk-text-1);cursor:pointer;transition:color .2s ease,border-color .2s ease}.hk-copy-btn:hover{color:var(--hk-terracotta);border-color:var(--hk-terracotta)}.hk-copy-btn.copied{color:var(--hk-terracotta);border-color:transparent}.hk-booking-form{padding:28px;display:flex;flex-direction:column;justify-content:space-between}.hk-booking-fields{display:flex;flex-direction:column;gap:18px}.hk-field-group{display:flex;flex-direction:column;gap:7px}.hk-field-label{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;text-transform:uppercase;color:var(--hk-text-2);letter-spacing:.05em}.hk-date-input{padding:9px 13px;border:1px solid var(--hk-border);border-radius:6px;font-family:var(--font-dm-sans),"DM Sans",sans-serif;font-size:14px;color:var(--hk-text-1);background:var(--hk-bg);outline:none;transition:border-color .2s ease}.hk-date-input:focus{border-color:var(--hk-terracotta)}.hk-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.hk-slot-btn{display:flex;align-items:center;justify-content:center;padding:11px 9px;border:1px solid var(--hk-border);border-radius:6px;background:var(--hk-bg);cursor:pointer;font-family:var(--font-jetbrains-mono),monospace;font-size:11px;font-weight:700;color:var(--hk-text-1);transition:all .2s cubic-bezier(.23,1,.32,1)}.hk-slot-btn:hover{border-color:var(--hk-text-1)}.hk-slot-btn.selected{border-color:var(--hk-text-1)}.hk-book-btn,.hk-slot-btn.selected{background:var(--hk-text-1);color:var(--hk-bg)}.hk-book-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:6px;padding:13px;font-family:var(--font-jetbrains-mono),monospace;font-size:12px;font-weight:700;text-transform:uppercase;cursor:pointer;margin-top:20px;transition:background .2s ease;will-change:transform}.hk-book-btn:hover:not(:disabled){background:var(--hk-terracotta)}.hk-book-btn:disabled{opacity:.5;cursor:not-allowed}.hk-mailto-note{font-size:12px;color:var(--hk-text-2);margin:10px 0 0;text-align:center;line-height:1.5}.hk-palette-overlay{position:fixed;inset:0;z-index:200;background:rgba(18,14,12,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;animation:hk-fade .16s ease-out}.hk-palette{width:100%;max-width:560px;background:var(--hk-surface);border:1px solid var(--hk-border);border-radius:14px;box-shadow:0 24px 80px -12px rgba(0,0,0,.35);overflow:hidden;animation:hk-rise .2s ease-out}.hk-palette-input-row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--hk-border);color:var(--hk-text-2)}.hk-palette-input{flex:1;border:none;outline:none;background:transparent;color:var(--hk-text-1);font-family:var(--font-dm-sans),"DM Sans",sans-serif;font-size:15px}.hk-palette-input::placeholder{color:var(--hk-text-2);opacity:.7}.hk-palette-esc{font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--hk-text-2);border:1px solid var(--hk-border);border-radius:4px;padding:2px 6px}.hk-palette-list{max-height:340px;overflow-y:auto;padding:8px;overscroll-behavior:contain}.hk-palette-group{font-family:var(--font-jetbrains-mono),monospace;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--hk-text-2);opacity:.75;padding:10px 10px 4px}.hk-palette-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;text-align:left;cursor:pointer;color:var(--hk-text-1);font-family:var(--font-dm-sans),"DM Sans",sans-serif;font-size:14px}.hk-palette-item.active{background:var(--hk-terracotta-soft)}.hk-palette-item svg{color:var(--hk-text-2);flex-shrink:0}.hk-palette-item.active svg{color:var(--hk-terracotta)}.hk-palette-hint{margin-left:auto;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--hk-text-2);flex-shrink:0}.hk-palette-empty{padding:28px;text-align:center;color:var(--hk-text-2);font-size:14px}.hk-palette-foot{border-top:1px solid var(--hk-border);padding:9px 14px;display:flex;gap:16px;font-family:var(--font-jetbrains-mono),monospace;font-size:10px;color:var(--hk-text-2)}.hk-palette-foot kbd{font:inherit;background:var(--hk-terracotta-soft);border-radius:3px;padding:1px 5px;margin-right:4px;color:var(--hk-terracotta)}.hk-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--hk-veil);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--hk-border);padding:10px 12px calc(14px + env(safe-area-inset-bottom))}.hk-mobile-nav-inner{display:flex;justify-content:space-around;align-items:center}.hk-mobile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:44px;text-decoration:none;color:var(--hk-text-2);font-family:var(--font-jetbrains-mono),monospace;font-size:9px;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease;padding:6px 8px;background:none;border:none;cursor:pointer}.hk-mobile-link.active{color:var(--hk-terracotta)}.hk-mobile-dot{width:5px;height:5px;border-radius:50%;background:transparent;transition:background .2s ease}.hk-mobile-link.active .hk-mobile-dot{background:var(--hk-terracotta)}@keyframes hk-ping{0%{transform:scale(1);opacity:.8}70%,to{transform:scale(2.2);opacity:0}}@keyframes hk-fade{0%{opacity:0}to{opacity:1}}@keyframes hk-rise{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hk-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hk-grid{grid-template-columns:1fr;gap:48px}.hk-left{position:relative;top:0;height:auto;overflow:visible}.hk-arc-wrap{display:none}.hk-name{font-size:40px}.hk-mobile-nav{display:block}.hk-main{padding-bottom:110px}.hk-kbd-hint kbd{display:none}.hk-left-foot{margin-top:28px}}@media (max-width:768px){.hk-container{padding:28px 16px}.hk-name{font-size:34px}.hk-section-title{font-size:24px}.hk-section-num{font-size:130px;top:-50px}.hk-terminal-body{grid-template-columns:1fr}.hk-skill-nodes{border-right:none;border-bottom:1px solid var(--hk-border);max-height:200px}.hk-booking-card{grid-template-columns:1fr}.hk-booking-info{border-right:none;border-bottom:1px solid var(--hk-border)}.hk-proj-content{gap:20px}.hk-cert-grid,.hk-proj-content{grid-template-columns:1fr}}@media (max-width:480px){.hk-name{font-size:28px}.hk-section-title{font-size:22px}.hk-archive-grid{grid-template-columns:1fr}.hk-archive-title{font-size:28px}}@media (prefers-reduced-motion:reduce){.hk-palette,.hk-palette-overlay,.hk-root *,.hk-root :after,.hk-root :before{transition-duration:.01ms!important;animation-duration:.01ms!important}html[data-phase]{scroll-behavior:auto!important}}