:root {
  --ink: #15171e;
  --ink-soft: #1d2029;
  --paper: #f0f1ee;
  --paper-soft: #e5e7e5;
  --white: #f9faf8;
  --muted: #6f747d;
  --line: rgba(21, 23, 30, .14);
  --dark-line: rgba(255, 255, 255, .16);
  --blue: #627491;
  --blue-light: #aab9ce;
  --glass: rgba(241, 243, 243, .79);
  --mono: "DM Mono", Consolas, monospace;
  --display: "Space Grotesk", "Noto Sans SC", sans-serif;
  --sans: "Noto Sans SC", system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 100px; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); line-height: 1.65; }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
::selection { background: var(--blue); color: white; }
:focus-visible { outline: 2px solid #8ba4c8; outline-offset: 4px; }
.skip-link { position: fixed; z-index: 1000; top: -70px; left: 20px; padding: 10px 16px; background: white; color: var(--ink); transition: top .2s; }.skip-link:focus { top: 20px; }
.page-progress { position: fixed; z-index: 1000; inset: 0 0 auto; height: 2px; }.page-progress span { display: block; width: 0; height: 100%; background: #aab9ce; }

.topbar { position: fixed; z-index: 100; top: 24px; left: 50%; width: min(1360px, calc(100% - 48px)); transform: translateX(-50%); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; pointer-events: none; }
.topbar > * { pointer-events: auto; }
.identity, .page-switcher, .github-button { min-height: 54px; border: 1px solid rgba(255,255,255,.27); background: rgba(244,246,246,.84); color: var(--ink); box-shadow: 0 12px 40px rgba(8,11,17,.11); backdrop-filter: blur(20px) saturate(120%); -webkit-backdrop-filter: blur(20px) saturate(120%); }
.identity { justify-self: start; display: flex; align-items: center; gap: 11px; padding: 7px 18px 7px 8px; border-radius: 16px; }.identity-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: var(--ink); color: white; font: 600 17px var(--display); }.identity > span:last-child { display: grid; gap: 3px; line-height: 1; }.identity b { font: 700 13px var(--display); letter-spacing: .09em; }.identity small { color: var(--muted); font: 400 7px var(--mono); letter-spacing: .12em; }
.page-switcher { position: relative; display: flex; align-items: center; gap: 4px; padding: 6px; border-radius: 18px; }.page-switcher a { position: relative; z-index: 2; min-width: 110px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 12px; color: #7c8086; font-size: 12px; transition: color .25s; }.page-switcher a span { font: 400 8px var(--mono); opacity: .7; }.page-switcher a.active { color: white; }.page-switcher i { position: absolute; z-index: 1; left: 6px; width: 110px; height: 40px; border-radius: 12px; background: var(--ink); box-shadow: 0 7px 20px rgba(21,23,30,.23); }
.github-button { justify-self: end; min-width: 140px; display: flex; align-items: center; gap: 10px; padding: 0 15px; border-radius: 16px; font: 500 11px var(--mono); }.github-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }.github-button b { margin-left: auto; font-weight: 400; transition: transform .25s; }.github-button:hover b { transform: translate(3px,-3px); }
.mobile-menu-button { display: none; justify-self: end; width: 48px; height: 48px; position: relative; border: 1px solid rgba(255,255,255,.27); border-radius: 14px; background: rgba(244,246,246,.86); cursor: pointer; backdrop-filter: blur(18px); }.mobile-menu-button span { position: absolute; left: 14px; width: 20px; height: 1px; background: var(--ink); transition: .25s; }.mobile-menu-button span:first-child { top: 19px; }.mobile-menu-button span:last-child { top: 27px; }.mobile-menu-button[aria-expanded="true"] span:first-child { top: 23px; transform: rotate(45deg); }.mobile-menu-button[aria-expanded="true"] span:last-child { top: 23px; transform: rotate(-45deg); }
.mobile-menu { position: fixed; z-index: 90; inset: 0; display: grid; align-items: center; padding: 90px 24px 30px; background: rgba(19,21,28,.96); color: white; visibility: hidden; opacity: 0; transform: translateY(-15px); transition: .3s; }.mobile-menu.open { visibility: visible; opacity: 1; transform: none; }.mobile-menu nav { display: grid; }.mobile-menu a { display: flex; align-items: baseline; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--dark-line); font: 600 clamp(28px,9vw,48px)/1.15 var(--display); }.mobile-menu a span { color: var(--blue-light); font: 400 9px var(--mono); }

.side-index { position: fixed; z-index: 70; top: 50%; left: max(20px, calc((100vw - 1500px)/2)); transform: translateY(-50%); display: flex; align-items: center; gap: 13px; color: rgba(255,255,255,.55); mix-blend-mode: difference; }
.side-line { position: relative; width: 1px; height: 160px; background: rgba(255,255,255,.25); }.side-line i { position: absolute; left: 0; top: 0; width: 1px; height: 20%; background: white; transition: transform .4s cubic-bezier(.22,1,.36,1); }
.side-index nav { display: grid; gap: 5px; }.side-index a { min-width: 66px; height: 27px; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.45); font: 400 8px var(--mono); letter-spacing: .08em; transition: color .25s; }.side-index a span { opacity: 0; transform: translateX(-5px); transition: .25s; }.side-index a:hover span, .side-index a.active span { opacity: 1; transform: none; }.side-index a.active { color: white; }

.hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; background: #171923; color: white; }
.hero-image { position: absolute; inset: -4%; background-image: url("kk.png"); background-size: cover; background-position: 50% 50%; transform: scale(1.04); will-change: transform; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,10,15,.84) 0%, rgba(11,13,19,.58) 37%, rgba(10,12,17,.12) 70%, rgba(10,12,17,.35) 100%), linear-gradient(0deg, rgba(8,10,15,.58) 0%, transparent 43%, rgba(8,10,15,.18) 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .09; background-image: linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px); background-size: 85px 85px; mask-image: linear-gradient(to right, black, transparent 72%); }
.hero-noise { position: absolute; inset: 0; opacity: .045; pointer-events: none; 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='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.hero-content { position: relative; z-index: 4; width: min(720px, 58vw); margin-left: max(10vw, 145px); padding-top: 40px; }
.hero-label { display: flex; align-items: center; gap: 12px; margin-bottom: 25px; color: rgba(255,255,255,.68); font: 500 9px var(--mono); letter-spacing: .15em; }.hero-label i { width: 38px; height: 1px; background: rgba(255,255,255,.4); }
.hero h1 { margin: 0; font: 650 clamp(64px, 7.5vw, 120px)/.94 var(--display); letter-spacing: -.07em; }.hero h1 em { color: transparent; font-style: normal; -webkit-text-stroke: 1px rgba(255,255,255,.72); }
.hero-summary { max-width: 670px; margin: 30px 0 0; color: rgba(255,255,255,.68); font-size: clamp(14px,1.15vw,17px); line-height: 1.9; }
.hero-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 24px; }.hero-tags span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.055); color: rgba(255,255,255,.7); font: 400 8px var(--mono); letter-spacing: .1em; backdrop-filter: blur(5px); }
.hero-actions { display: flex; gap: 10px; margin-top: 38px; }.solid-button,.ghost-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; padding: 0 20px; border: 1px solid rgba(255,255,255,.24); font-size: 12px; transition: .25s; }.solid-button { background: white; color: var(--ink); border-color: white; }.ghost-button { color: white; background: rgba(255,255,255,.06); backdrop-filter: blur(9px); }.ghost-button:hover { background: rgba(255,255,255,.13); }
.hero-meta { position: absolute; z-index: 4; left: max(10vw,145px); bottom: 40px; display: flex; gap: 1px; }.hero-meta > div { min-width: 145px; padding: 13px 16px; border: 1px solid rgba(255,255,255,.13); background: rgba(13,15,21,.23); backdrop-filter: blur(12px); display: grid; gap: 4px; }.hero-meta small { color: rgba(255,255,255,.4); font: 400 7px var(--mono); letter-spacing: .13em; }.hero-meta b { color: rgba(255,255,255,.83); font-size: 11px; font-weight: 500; }.hero-meta b i { display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: #b6c5db; box-shadow: 0 0 8px #b6c5db; }
.scroll-entry { position: absolute; z-index: 5; right: 7vw; bottom: 42px; display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.56); font: 400 8px var(--mono); letter-spacing: .12em; }.scroll-entry i { width: 40px; height: 1px; background: rgba(255,255,255,.25); overflow: hidden; }.scroll-entry i::after { content:""; display:block; width:100%;height:100%;background:white;animation:scrollLine 2s ease-in-out infinite; }.scroll-entry b { color: white; font-weight: 400; }
@keyframes scrollLine { from{transform:translateX(-100%)} 55%,100%{transform:translateX(100%)} }
.hero-coordinates { position: absolute; z-index: 4; right: 7vw; top: 45%; color: rgba(255,255,255,.28); font: 400 7px/1.7 var(--mono); letter-spacing: .15em; text-align: right; transform: rotate(90deg) translateX(50%); transform-origin: right center; }
.entrance { opacity: 0; transform: translateY(22px); animation: enter .9s cubic-bezier(.22,1,.36,1) forwards; animation-delay: var(--delay,0ms); } @keyframes enter { to{opacity:1;transform:none} }

.section { padding: clamp(110px,12vw,180px) max(6vw,90px); }.section-kicker { color: var(--muted); font: 500 9px var(--mono); letter-spacing: .16em; }.section-kicker > span,.section-kicker > b { margin-right: 14px; color: var(--ink); font-weight: 500; }
.profile-section { background: var(--paper); }.profile-layout { margin-top: 38px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }.profile-layout > * { background: var(--paper); }
.profile-heading { min-height: 410px; padding: clamp(38px,5vw,75px); }.profile-heading p { margin:0 0 28px; color:var(--muted);font:400 9px var(--mono);letter-spacing:.14em;}.profile-heading h2 { margin:0;font:600 clamp(48px,6vw,88px)/1.06 var(--display);letter-spacing:-.06em; }
.profile-copy { padding: clamp(38px,5vw,70px); display:flex;flex-direction:column;justify-content:center; }.profile-copy p { margin:0 0 19px;color:var(--muted);font-size:15px;line-height:2; }
.profile-facts { display:grid;grid-template-columns:repeat(2,1fr); }.profile-facts div { min-height:120px;padding:26px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between; }.profile-facts span { color:var(--muted);font:400 8px var(--mono);letter-spacing:.14em; }.profile-facts b { font-size:14px;font-weight:600; }
.github-panel { padding:35px;background:var(--ink)!important;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;transition:background .25s; }.github-panel:hover { background:#242834!important; }.github-panel > div { display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.55);font:400 9px var(--mono); }.github-panel svg { width:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round; }.github-panel strong { font:600 clamp(35px,4vw,58px) var(--display);letter-spacing:-.05em; }.github-panel small { color:rgba(255,255,255,.48);font:400 9px var(--mono); }.github-panel small b{float:right;color:white;font-size:16px;}

.skills-section { background:var(--ink);color:white; }.section-head { display:flex;justify-content:space-between;align-items:end;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--dark-line); }.section-head h2 { margin:14px 0 0;font:600 clamp(48px,6vw,86px)/1 var(--display);letter-spacing:-.06em; }.section-head .section-kicker { color:rgba(255,255,255,.42); }.section-head .section-kicker b { color:white; }.section-head > p { margin:0;color:rgba(255,255,255,.46);font-size:12px;text-align:right; }.section-head > a { color:rgba(255,255,255,.65);font-size:12px; }.section-head > a span{margin-left:8px;}
.skill-bento { display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:36px; }.skill-card { position:relative;overflow:hidden;min-height:330px;padding:30px;border:1px solid var(--dark-line);background:var(--ink-soft); }.skill-card h3 { margin:30px 0 17px;font:600 clamp(25px,2.5vw,38px)/1.15 var(--display);letter-spacing:-.04em; }.skill-card p { margin:0;max-width:610px;color:rgba(255,255,255,.5);font-size:13px;line-height:1.9; }.card-top { display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.4);font:400 8px var(--mono);letter-spacing:.12em; }.card-top svg { width:23px;fill:none;stroke:currentColor;stroke-width:1.3; }.card-top b{font-weight:400;}
.platform-card { grid-column:span 7;min-height:430px;background:linear-gradient(140deg,#202531,#171a22); }.language-card { grid-column:span 5; }.linux-card { grid-column:span 5; }.framework-card { grid-column:span 3; }.tools-card { grid-column:span 4; }
.chip-map { position:absolute;right:7%;bottom:-18%;width:260px;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);transform:rotate(45deg); }.chip-map::before,.chip-map::after { content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.12); }.chip-map::after{inset:31%;background:rgba(170,185,206,.12);}.chip-map i { position:absolute;width:50px;height:1px;background:rgba(255,255,255,.18); }.chip-map i:nth-child(1){left:-50px;top:25%}.chip-map i:nth-child(2){right:-50px;top:65%}.chip-map i:nth-child(3){top:-25px;left:35%;transform:rotate(90deg)}.chip-map i:nth-child(4){bottom:-25px;left:65%;transform:rotate(90deg)}.chip-map span { position:absolute;z-index:2;inset:31%;display:grid;place-items:center;text-align:center;color:var(--blue-light);font:500 9px/1.8 var(--mono);transform:rotate(-45deg); }
.level-list { list-style:none;margin:26px 0 0;padding:0;display:grid;gap:21px; }.level-list li{display:grid;gap:8px}.level-list li>div{display:flex;justify-content:space-between}.level-list b{font:500 11px var(--mono)}.level-list small{color:rgba(255,255,255,.35);font-size:9px}.level-list li>span{height:2px;background:rgba(255,255,255,.1)}.level-list i{display:block;width:var(--level);height:100%;background:var(--blue-light)}
.linux-card pre { position:absolute;right:25px;bottom:17px;margin:0;color:rgba(255,255,255,.3);font:400 10px/2 var(--mono); }.linux-card code span{color:var(--blue-light)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:28px}.tag-cloud span{padding:8px 10px;border:1px solid var(--dark-line);color:rgba(255,255,255,.6);font:400 8px var(--mono)}
.hardware-line { position:absolute;left:30px;bottom:28px;display:flex!important;align-items:center;gap:10px;font:400 8px var(--mono)!important;letter-spacing:.08em }.hardware-line span{width:7px;height:7px;border-radius:50%;background:var(--blue-light);box-shadow:0 0 10px var(--blue-light)}

.records-section { background:var(--paper-soft); }.records-section .section-head{border-color:var(--line)}.records-section .section-head .section-kicker{color:var(--muted)}.records-section .section-head .section-kicker b{color:var(--ink)}.records-section .section-head>p{color:var(--muted)}
.record-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:36px }.empty-record{position:relative;min-height:430px;padding:35px;border:1px solid var(--line);background:var(--paper);overflow:hidden}.empty-record>span{color:var(--muted);font:400 8px var(--mono);letter-spacing:.14em}.record-number{position:absolute;right:25px;top:15px;color:rgba(21,23,30,.06);font:600 120px/.9 var(--display);letter-spacing:-.08em}.empty-record h3{margin:160px 0 15px;font:600 34px var(--display);letter-spacing:-.04em}.empty-record p{max-width:530px;color:var(--muted);font-size:13px}.empty-record button{position:absolute;left:35px;bottom:30px;min-height:37px;padding:0 13px;border:1px solid var(--line);background:transparent;color:#9a9da2;font:400 8px var(--mono);letter-spacing:.11em}

.article-section{background:var(--paper)}.article-section .section-head{border-color:var(--line)}.article-section .section-head .section-kicker{color:var(--muted)}.article-section .section-head .section-kicker b{color:var(--ink)}.article-section .section-head>a{color:var(--muted)}
.home-articles{margin-top:35px;border-top:1px solid var(--line)}.home-article{display:grid;grid-template-columns:110px 1.4fr 1fr auto;align-items:center;gap:35px;min-height:150px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.home-article:hover{padding-inline:18px;background:white}.article-date{display:flex;align-items:end;gap:7px}.article-date>span{font:600 39px/1 var(--display);letter-spacing:-.05em}.article-date small{color:var(--muted);font:400 8px var(--mono)}.home-article>div:nth-child(2)>span{color:var(--blue);font:500 8px var(--mono);letter-spacing:.12em}.home-article h3{margin:9px 0 0;font:600 clamp(18px,2vw,28px)/1.3 var(--display);letter-spacing:-.03em}.home-article p{color:var(--muted);font-size:12px}.home-article>b{font:400 20px var(--mono);transition:transform .25s}.home-article:hover>b{transform:translate(4px,-4px)}
.closing{min-height:65vh;padding:100px max(6vw,90px);background:var(--blue);color:white;display:flex;align-items:end;justify-content:space-between;gap:60px}.closing>div>span{font:400 9px var(--mono);letter-spacing:.15em;color:rgba(255,255,255,.55)}.closing h2{margin:22px 0 0;font:600 clamp(51px,7vw,100px)/1.02 var(--display);letter-spacing:-.065em}.closing nav{display:grid;min-width:220px}.closing nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.22);font-size:12px;transition:padding .25s}.closing nav a:hover{padding-left:8px}
footer{min-height:90px;padding:25px max(6vw,90px);background:var(--ink);color:rgba(255,255,255,.42);display:flex;align-items:center;justify-content:space-between;gap:30px;font:400 8px var(--mono);letter-spacing:.12em}footer a{color:white}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1050px){
  .topbar{grid-template-columns:1fr auto}.page-switcher{display:none}.side-index{display:none}.hero-content,.hero-meta{left:auto;margin-left:7vw}.hero-content{width:70vw}.hero-meta{left:7vw}.section{padding-inline:5vw}.profile-layout{grid-template-columns:1fr}.platform-card{grid-column:span 12}.language-card,.linux-card{grid-column:span 6}.framework-card{grid-column:span 5}.tools-card{grid-column:span 7}.closing,footer{padding-inline:5vw}
}
@media(max-width:720px){
  .topbar{top:14px;width:calc(100% - 28px)}.github-button{display:none}.mobile-menu-button{display:block}.identity{min-height:48px}.identity-mark{width:34px;height:34px}.hero{min-height:100svh}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(8,10,15,.82),rgba(8,10,15,.3)),linear-gradient(0deg,rgba(8,10,15,.76),transparent 65%)}.hero-grid{background-size:56px 56px}.hero-content{width:auto;margin:0;padding:130px 20px 230px}.hero h1{font-size:clamp(54px,17vw,78px)}.hero-summary{font-size:13px}.hero-actions{flex-direction:column;align-items:stretch}.solid-button,.ghost-button{width:100%}.hero-meta{left:20px;right:20px;bottom:58px;display:grid;grid-template-columns:1fr 1fr}.hero-meta>div{min-width:0}.hero-meta>div:last-child{grid-column:span 2}.scroll-entry,.hero-coordinates{display:none}.section{padding:100px 20px}.profile-layout{display:block}.profile-heading{min-height:330px}.profile-facts{grid-template-columns:1fr}.profile-facts div{min-height:105px}.section-head{align-items:flex-start;flex-direction:column}.section-head>p{text-align:left}.skill-bento{display:grid;grid-template-columns:1fr}.platform-card,.language-card,.linux-card,.framework-card,.tools-card{grid-column:auto}.platform-card{min-height:430px}.chip-map{right:-12%;bottom:-5%;width:220px}.linux-card pre{position:static;margin-top:30px}.hardware-line{position:static!important;margin-top:25px!important}.record-grid{grid-template-columns:1fr}.home-article{grid-template-columns:70px 1fr auto;gap:18px;padding:25px 0}.home-article>p{display:none}.closing{min-height:65vh;padding:85px 20px;align-items:flex-start;flex-direction:column;justify-content:center}.closing nav{width:100%}footer{padding:30px 20px;align-items:flex-start;flex-direction:column}
}
@media(max-width:390px){.identity small{display:none}.hero h1{font-size:52px}.hero-tags span{font-size:7px}.profile-heading h2{font-size:43px}.home-article{grid-template-columns:57px 1fr auto}.article-date>span{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-image{transform:none!important}}

/* Unified KLORS technical theme */
:root {
  --acid: #7dd3fc;
  --accent-2: #91a7ff;
  --tech-bg: #080b0f;
  --tech-surface: #10151c;
  --tech-surface-2: #161c24;
  --tech-text: #f1f4ed;
  --tech-muted: #8f9a9b;
  --tech-line: rgba(226,236,230,.13);
  --header-height: 76px;
}
[data-theme="light"] { --tech-bg:#eef2f5;--tech-surface:#f8fafb;--tech-surface-2:#e2e8ee;--tech-text:#111722;--tech-muted:#5d6977;--tech-line:rgba(17,23,34,.14);color-scheme:light }
body { background: var(--tech-bg); color: var(--tech-text); transition:background-color .35s ease,color .35s ease }
.cursor-glow{position:fixed;z-index:1;left:0;top:0;width:420px;height:420px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(125,211,252,.22),rgba(145,167,255,.08) 34%,transparent 70%);mix-blend-mode:screen;will-change:transform}.moon-icon{display:none}[data-theme="light"] .sun-icon{display:none}[data-theme="light"] .moon-icon{display:block}[data-theme="light"] .cursor-glow{opacity:.55;mix-blend-mode:multiply}
.site-header { height: var(--header-height); position: fixed; z-index: 100; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(20px,4vw,64px); border-bottom: 1px solid transparent; transition: background .3s,border-color .3s,transform .3s; }
.site-header.scrolled { background: color-mix(in srgb,var(--tech-bg) 82%,transparent); border-color: var(--tech-line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.site-header.header-hidden { transform: translateY(-100%); }
.brand { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; }
.brand-mark { position: relative; width: 27px; height: 27px; display: grid; grid-template-columns: repeat(2,1fr); gap: 3px; transform: rotate(45deg); }
.brand-mark i { display:block; border:1px solid currentColor; transition:background .25s,transform .25s; }
.brand:hover .brand-mark i:nth-child(1),.brand:hover .brand-mark i:nth-child(4){background:var(--acid);transform:scale(.65)}
.brand-copy { display:grid;line-height:1;gap:4px }.brand-copy b{font:700 13px/1 var(--display);letter-spacing:.18em}.brand-copy small{color:var(--tech-muted);font:400 8px/1 var(--mono);letter-spacing:.2em}
.desktop-nav { position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:38px }.desktop-nav a{position:relative;padding:13px 0;color:var(--tech-muted);font-size:13px;transition:color .2s}.desktop-nav a::after{content:"";position:absolute;left:0;bottom:7px;width:100%;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,1,.36,1)}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--tech-text)}.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left}
.header-actions{display:flex;align-items:center;gap:7px}.icon-button,.menu-toggle{width:44px;height:44px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:background .2s,transform .2s}.icon-button:hover,.menu-toggle:hover{background:rgba(125,211,252,.13)}.icon-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.menu-toggle{display:none;position:relative}.menu-toggle span{position:absolute;width:19px;height:1px;background:currentColor;transition:transform .3s,top .3s}.menu-toggle span:first-child{top:18px}.menu-toggle span:last-child{top:25px}.menu-toggle[aria-expanded="true"] span:first-child{top:22px;transform:rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{top:22px;transform:rotate(-45deg)}
.mobile-menu { background:rgba(8,11,15,.98); }.mobile-menu a span{color:var(--acid)}

.hero { border-bottom:1px solid var(--tech-line); }.hero-shade{background:linear-gradient(90deg,rgba(8,11,15,.91) 0%,rgba(8,11,15,.66) 41%,rgba(8,11,15,.16) 73%,rgba(8,11,15,.42) 100%),linear-gradient(0deg,rgba(8,11,15,.72),transparent 48%)}
.hero-label{color:#b6c4d0}.hero h1 em{-webkit-text-stroke:1px var(--acid);color:var(--acid);text-shadow:0 0 50px rgba(125,211,252,.18)}.hero-summary{color:#c0c9cf}.hero-tags span{border-color:rgba(255,255,255,.16);background:rgba(8,11,15,.35);color:#c5ced4}.solid-button{background:linear-gradient(120deg,var(--acid),var(--accent-2));border-color:transparent;color:#081019}.solid-button:hover{box-shadow:0 0 34px rgba(125,211,252,.25)}.ghost-button{border-color:rgba(255,255,255,.17)}.hero-meta>div{border-color:rgba(255,255,255,.13);background:rgba(8,11,15,.48)}.hero-meta b i{background:var(--acid);box-shadow:0 0 9px var(--acid)}

.section { background:var(--tech-bg); }.profile-section{padding-block:clamp(70px,7vw,105px)}.section-kicker,.profile-heading p{color:var(--tech-muted)}.section-kicker>span,.section-kicker>b{color:var(--acid)}
.profile-compact{margin-top:30px;min-height:230px;display:grid;grid-template-columns:1.05fr 1.15fr .85fr auto;align-items:center;gap:clamp(25px,4vw,65px);padding:clamp(30px,4vw,50px);border:1px solid var(--tech-line);background:var(--tech-surface)}.profile-main span{color:var(--tech-muted);font:400 8px var(--mono);letter-spacing:.14em}.profile-main h2{margin:18px 0 0;font:600 clamp(31px,3.5vw,50px)/1.1 var(--display);letter-spacing:-.05em}.profile-compact>p{margin:0;color:var(--tech-muted);font-size:13px;line-height:1.9}.profile-compact dl{margin:0;display:grid;gap:17px}.profile-compact dl div{display:grid;gap:4px}.profile-compact dt{color:var(--tech-muted);font:400 8px var(--mono);letter-spacing:.12em}.profile-compact dd{margin:0;font-size:12px;font-weight:600}.profile-compact>a{min-height:48px;padding:0 17px;display:flex;align-items:center;gap:22px;border:1px solid var(--tech-line);font:500 9px var(--mono);white-space:nowrap;transition:background .25s,color .25s}.profile-compact>a:hover{background:var(--acid);color:#081019}
.skills-section{border-top:1px solid var(--tech-line);background:var(--tech-bg);color:var(--tech-text)}.section-head{border-color:var(--tech-line)}.section-head .section-kicker,.records-section .section-head .section-kicker,.article-section .section-head .section-kicker{color:var(--tech-muted)}.section-head .section-kicker b,.records-section .section-head .section-kicker b,.article-section .section-head .section-kicker b{color:var(--acid)}.section-head>p,.records-section .section-head>p{color:var(--tech-muted)}
.skill-card{border-color:var(--tech-line);background:var(--tech-surface)}.platform-card{background:radial-gradient(circle at 80% 70%,rgba(125,211,252,.09),transparent 34%),var(--tech-surface)}.card-top{color:var(--tech-muted)}.skill-card p{color:var(--tech-muted)}.level-list i{background:linear-gradient(90deg,var(--acid),var(--accent-2))}.chip-map span,.linux-card code span{color:var(--acid)}.tag-cloud span{border-color:var(--tech-line)}.hardware-line span{background:var(--acid);box-shadow:0 0 10px var(--acid)}
.records-section{background:var(--tech-bg)}.empty-record{border-color:var(--tech-line);background:var(--tech-surface)}.empty-record>span,.empty-record p{color:var(--tech-muted)}.record-number{color:rgba(125,211,252,.09)}.empty-record button{border-color:var(--tech-line);color:#697271}.article-section{background:var(--tech-bg)}.article-section .section-head>a{color:var(--tech-muted)}.home-articles,.home-article{border-color:var(--tech-line)}.home-article:hover{background:var(--tech-surface);padding-inline:18px}.article-date small,.home-article p{color:var(--tech-muted)}.home-article>div:nth-child(2)>span{color:var(--acid)}
.closing{background:linear-gradient(120deg,var(--acid),var(--accent-2));color:#081019}.closing>div>span{color:rgba(8,16,25,.54)}.closing nav a{border-color:rgba(8,16,25,.22)}footer{background:#05070a}
[data-theme="light"] .skill-card,[data-theme="light"] .profile-compact,[data-theme="light"] .empty-record{box-shadow:0 16px 50px rgba(35,49,67,.07)}[data-theme="light"] footer{background:#111722}
[data-theme="light"] .site-header:not(.scrolled){color:white}[data-theme="light"] .site-header:not(.scrolled) .brand-copy small,[data-theme="light"] .site-header:not(.scrolled) .desktop-nav a{color:rgba(255,255,255,.65)}[data-theme="light"] .site-header:not(.scrolled) .desktop-nav a[aria-current="page"]{color:white}

@media(max-width:760px){.desktop-nav{display:none}.menu-toggle{display:grid}.site-header{padding-inline:16px}}
@media(max-width:1050px){.profile-compact{grid-template-columns:1fr 1fr}.profile-compact>a{justify-self:start}}
@media(max-width:720px){:root{--header-height:68px}.site-header{height:var(--header-height)}.hero-content{padding-top:120px}.hero-shade{background:linear-gradient(90deg,rgba(8,11,15,.88),rgba(8,11,15,.34)),linear-gradient(0deg,rgba(8,11,15,.82),transparent 68%)}.profile-compact{grid-template-columns:1fr;padding:26px;gap:24px}.profile-compact>a{width:100%;justify-content:space-between}.cursor-glow{display:none}}