:root{--bg: #0e1116;--bg-soft: #161b23;--text: #f4f7fb;--muted: #a8b3c2;--line: rgba(255, 255, 255, .12);--accent: #67e8f9;--accent-2: #f8c14a;--panel: rgba(22, 27, 35, .74);--shadow: 0 24px 70px rgba(0, 0, 0, .32);color-scheme:dark}body[data-theme=growbox]{--bg: #07120f;--bg-soft: #10231c;--accent: #119d30;--accent-2: #d7f56f;--panel: rgba(11, 32, 24, .78)}body[data-theme=hmi]{--bg: #0b1020;--bg-soft: #111a33;--accent: #55a7ff;--accent-2: #ff6b6b;--panel: rgba(14, 25, 48, .8)}body[data-theme=private]{--bg: #130f1b;--bg-soft: #21172e;--accent: #d59bf6;--accent-2: #58e6d9;--panel: rgba(33, 23, 46, .78)}body[data-theme=work]{--bg: #10120f;--bg-soft: #1e2119;--accent: #f5b85f;--accent-2: #9fd0ff;--panel: rgba(30, 33, 25, .78)}body[data-theme=cv],body[data-theme=interests],body[data-theme=hidden]{--bg: #101116;--bg-soft: #1f2028;--accent: rgb(36, 252, 3);--accent-2: #8bd3ff;--panel: rgba(31, 32, 40, .8)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 16% 8%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 34rem),radial-gradient(circle at 82% 12%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 32rem),linear-gradient(135deg,var(--bg),var(--bg-soft));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .52s ease,color .3s ease}a{color:inherit;text-decoration:none}button,input{font:inherit}.ambient{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 72%)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;width:42px;height:42px;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 65%,white 10%);background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:8px;color:var(--accent);font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.nav{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.nav a{min-height:38px;padding:10px 13px;border-radius:6px;color:var(--muted);font-size:.93rem;transition:background .22s ease,color .22s ease,transform .22s ease}.nav a:hover,.nav a.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.project-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a;width:fit-content}.project-subnav a{min-height:38px;padding:10px 13px;border-radius:6px;color:var(--muted);font-size:.93rem;font-weight:800;transition:background .22s ease,color .22s ease}.project-subnav a:hover{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.hidden-link{color:var(--accent-2)!important}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--text);padding:10px 14px}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:clamp(34px,6vw,72px) 0}.page{display:none;min-height:calc(100vh - 172px);opacity:0;transform:translateY(16px)}.page.is-active{display:block;animation:page-in .46s ease forwards}@keyframes page-in{to{opacity:1;transform:translateY(0)}}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);align-items:center;gap:clamp(28px,5vw,72px)}.hero.is-active{display:grid}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{margin:0;line-height:.98}h1{max-width:12ch;font-size:clamp(3.1rem,10vw,7.8rem)}.home-title{max-width:14ch;font-size:clamp(2.8rem,8.2vw,6.4rem)}h2{font-size:clamp(2.6rem,7vw,6.4rem)}h3{margin:0 0 12px;font-size:1.1rem}.lead,.section-head p{max-width:740px;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.hero-actions,.hmi-controls,.pass-row{display:flex;flex-wrap:wrap;gap:12px}.primary-action,.ghost-action,.pass-row button,.hmi-controls button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--accent) 44%,white 12%);padding:12px 18px;cursor:pointer;font-weight:800}.primary-action,.pass-row button{background:var(--accent);color:#071014}.primary-action.compact{min-height:40px;padding:10px 14px}.ghost-action,.hmi-controls button{background:#ffffff0a;color:var(--text)}.signal-panel,.feature-card,.hmi-board,.hidden-shell,.timeline article{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.signal-panel{padding:clamp(20px,3vw,34px)}.is-hidden-for-now{display:none}.meter{display:grid;gap:10px;margin-bottom:18px}.meter span{display:block;height:10px;overflow:hidden;border-radius:999px;background:#ffffff1a}.meter span:before{display:block;width:var(--level);height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));content:""}.meter strong{font-size:3.2rem}.meter small,.feature-card p,.feature-card li,.timeline p,.form-note,.secret-content p{color:var(--muted);line-height:1.65}.panel-grid,.content-grid,.cv-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cv-layout{grid-template-columns:repeat(6,minmax(0,1fr))}.cv-layout>*{grid-column:span 2}.panel-grid article{min-height:152px;padding:16px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.panel-grid span,.timeline span{color:var(--accent);font-weight:800}.project-page{padding:clamp(20px,3vw,40px) 0}.section-head{margin-bottom:clamp(24px,4vw,42px)}.compact-head{margin:0 0 14px}.compact-head h3{margin:0;font-size:clamp(1.6rem,4vw,2.5rem)}.growbox-subprojects{display:grid;gap:clamp(28px,5vw,52px);margin-top:clamp(28px,5vw,58px)}.feature-card{min-height:210px;padding:clamp(18px,3vw,28px)}.feature-card.wide{grid-column:span 2}.electronics-card,.software-card{grid-column:span 3}.education-card,.goal-card{grid-column:span 2}.technologies-card{grid-column:1 / -1}.achievements-card,.manual-card{grid-column:span 2}.feature-card ul{margin:0;padding-left:18px}.dense-list{columns:2;column-gap:28px}.dense-list li{break-inside:avoid;margin-bottom:8px}.stack-list{display:grid;gap:18px}.stack-list strong{display:block;margin-bottom:8px;color:var(--accent)}.stack-list ul{display:grid;gap:7px}.plain-list{display:grid;gap:8px;margin:0;padding-left:18px}.plain-list small{display:block;margin-top:3px;color:var(--muted)}.text-link{color:var(--accent);font-weight:800}.text-link:hover{text-decoration:underline}.inline-link{display:inline-block;margin-left:8px}.hmi-board{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(260px,1.2fr);gap:24px;padding:clamp(20px,4vw,44px)}.hmi-status{display:grid;min-height:240px;place-content:center;border:1px solid var(--line);border-radius:8px;background:#55a7ff1a;text-align:center}.hmi-status span{color:var(--muted)}.hmi-status strong{color:var(--accent);font-size:clamp(3rem,9vw,6rem)}.hmi-chart{display:flex;align-items:end;gap:14px;min-height:240px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a}.hmi-chart span{flex:1;min-width:24px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.hmi-chart span:nth-child(1){height:46%}.hmi-chart span:nth-child(2){height:70%}.hmi-chart span:nth-child(3){height:54%}.hmi-chart span:nth-child(4){height:86%}.hmi-chart span:nth-child(5){height:62%}.hmi-controls{grid-column:1 / -1}.timeline{display:grid;gap:16px}.timeline article{padding:clamp(18px,3vw,28px)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#ffffff0f;color:var(--text)}.interests-card{min-height:auto}.large-chips span{padding:12px 16px;font-weight:800}.cv-tabs{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:clamp(16px,3vw,24px)}.tab-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tab-list button{min-height:40px;border:1px solid var(--line);border-radius:8px;background:#ffffff0a;color:var(--muted);cursor:pointer;font-weight:800;padding:10px 14px}.tab-list button.is-active{border-color:color-mix(in srgb,var(--accent) 60%,white 10%);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.tab-panel{animation:page-in .32s ease forwards}.tab-panel[hidden]{display:none}.hidden-shell{padding:clamp(20px,4vw,36px)}.pass-form{display:grid;gap:12px;max-width:560px}.compact-pass{max-width:none;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.pass-form label{color:var(--accent);font-weight:800}.pass-row input{flex:1 1 240px;min-height:46px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff12;color:var(--text);padding:12px 14px;outline:none}.pass-row input:focus{border-color:var(--accent)}.secret-content{display:grid;gap:16px;margin-top:26px}.cv-secret{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.secret-content[hidden]{display:none}.secret-content article{border:1px solid var(--line);border-radius:8px;padding:20px;background:#ffffff0a}.secret-wide{grid-column:1 / -1}.form-note.is-error{color:#ff9b9b}.footer{display:flex;justify-content:center;padding:24px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:red;font-size:.78rem;font-weight:700}@media(max-width:880px){.topbar{align-items:flex-start}.menu-toggle{display:inline-flex}.nav{position:absolute;top:calc(100% + 8px);right:16px;left:16px;display:none;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.hero.is-active,.hmi-board,.panel-grid,.content-grid,.cv-layout,.cv-secret{grid-template-columns:1fr}.feature-card.wide,.electronics-card,.software-card,.education-card,.goal-card,.technologies-card,.achievements-card,.manual-card{grid-column:auto}.dense-list{columns:1}h1{max-width:10ch}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}