:root{--bg:#f3f6f9;--fg:#0f1d2e;--mut:#59697b;--card:#fff;--acc:#00797f;--acc2:#c76a00;--line:#d3dee8;--side:#0f1d2e;--sidefg:#aebfcf;--grid:#e4ecf2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a141c;--fg:#e4eef5;--mut:#8da3b5;--card:#101e29;--acc:#4fd1d9;--acc2:#ffb454;--line:#213645;--side:#060d13;--sidefg:#9fb6c8;--grid:#0f1d28}}:root[data-theme=dark]{--bg:#0a141c;--fg:#e4eef5;--mut:#8da3b5;--card:#101e29;--acc:#4fd1d9;--acc2:#ffb454;--line:#213645;--side:#060d13;--sidefg:#9fb6c8;--grid:#0f1d28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 IBM Plex Sans,system-ui,sans-serif;color:var(--fg);min-height:100vh;background:linear-gradient(var(--grid) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/28px 28px,var(--bg)}h1,h2,h3{font-family:"Source Serif 4",Georgia,serif;line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2.8rem,6vw,4.6rem);letter-spacing:-.02em}h2{font-size:2.1rem}h3{font-size:1.3rem}.sh{margin-top:40px}.lead{font-size:1.2rem;margin:.2em 0 .8em}#root{display:flex;min-height:100vh;width:100%}nav{align-self:flex-start;width:250px;flex:none;background:var(--side);padding:26px 14px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:block;color:#fff;font:700 1.45rem "Source Serif 4",serif;padding:0 10px 14px}.brand small{display:block;font:400 .82rem IBM Plex Sans,sans-serif;color:var(--sidefg);margin-top:2px}.g{display:block;color:#6f8799;font-size:.82rem;padding:16px 10px 4px}nav a{display:block;color:var(--sidefg);text-decoration:none;padding:6px 10px;border-radius:6px;border-left:3px solid transparent}nav a:hover{background:#ffffff14;color:#fff}nav a.on{border-left-color:var(--acc);color:#fff;background:#ffffff1c}main{flex:1;min-width:0;padding:34px clamp(16px,4vw,56px) 40px}main>section{max-width:980px;margin:0 auto}section[hidden]{display:none}a{color:var(--acc)}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}.mut{color:var(--mut)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,44px)}#osc{width:100%;aspect-ratio:3/2;height:auto;background:#07131b;border-radius:10px;border:1px solid #1d3a4a;box-shadow:inset 0 0 40px #0a2a36}.btn{display:inline-block;margin:6px 8px 0 0;padding:9px 18px;border-radius:8px;background:var(--acc);color:var(--bg);text-decoration:none;font-weight:500}.btn.o{background:none;border:1px solid var(--acc);color:var(--acc)}.tiles,.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0}.tile{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--c);border-radius:10px;padding:16px;transition:transform .15s,border-color .15s}.tile:hover{transform:translateY(-3px);border-color:var(--c)}.tile h3{margin:0 0 4px;font-size:1.2rem}.tile p{margin:0 0 8px;color:var(--mut);font-size:.92rem}.tile b{font-weight:500;color:var(--acc);font-size:.9rem}.card{display:block;border:1px solid var(--line);border-radius:10px;padding:16px;background:var(--card);color:inherit;text-decoration:none}a.card:hover{border-color:var(--acc)}.card h3{font-size:1.1rem}.card p{margin:.3em 0}.chip{display:inline-block;font-size:.78rem;padding:1px 10px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--acc);margin-bottom:6px}.exp{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:clamp(16px,3vw,26px);margin:0 0 30px;box-shadow:0 14px 30px -24px #0f1d2e73}.exp h3{font-size:1.55rem}.lab{display:grid;grid-template-columns:240px 1fr;gap:20px;margin:16px 0}.ctl{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;height:fit-content}.ctl label{display:block;margin-bottom:12px;font-size:.9rem}.ctl label:last-child{margin-bottom:0}.ctl output{float:right;color:var(--acc);font-weight:500}.ctl input,.ctl select{width:100%;accent-color:var(--acc)}.ctl select{padding:5px;background:var(--card);color:var(--fg);border:1px solid var(--line);border-radius:6px}canvas.vw,canvas.gr{width:100%;display:block;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;background:var(--bg)}.info{font-size:.92rem;margin:0;padding:9px 13px;border-left:3px solid var(--acc2);background:var(--bg);border-radius:0 8px 8px 0;min-height:2.6em}details{border:1px solid var(--line);border-radius:10px;margin-top:12px}summary{cursor:pointer;font-weight:500;padding:10px 14px}details>:not(summary){margin:0 14px 12px}details details{margin:10px 0 0}pre{background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:6px;overflow:auto;font-size:.82rem;line-height:1.45}li{margin:.25em 0}.tw{overflow-x:auto}.tb{border-collapse:collapse;width:100%;font-size:.9rem}.tb th,.tb td{border:1px solid var(--line);padding:4px 6px;text-align:left}.tb input{width:100%;min-width:70px;background:var(--bg);color:var(--fg);border:1px solid var(--line);border-radius:4px;padding:3px}.q{border-top:1px solid var(--line);padding:12px 0}.q:first-of-type{border-top:0}.q button{display:block;width:100%;text-align:left;margin:5px 0;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit;cursor:pointer}.q button:hover:not(:disabled){border-color:var(--acc)}.q button.ok{border-color:var(--acc);border-width:2px}.q button.bad{border-color:var(--acc2);border-style:dashed}.fb{color:var(--acc2);margin:.3em 0 0}footer{max-width:980px;margin:50px auto 0;padding-top:18px;border-top:1px solid var(--line);color:var(--mut);font-size:.88rem}.menu{display:none;background:none;border:1px solid #ffffff3a;border-radius:8px;color:#fff;font:inherit;padding:6px 12px;cursor:pointer}@media (max-width:860px){#root{display:block}nav{align-self:auto;width:auto;height:auto;position:sticky;top:0;z-index:20;padding:10px 14px;display:flex;flex-wrap:wrap;align-items:center;max-height:100vh}.brand{flex:1;padding:0}.brand small{display:none}.menu{display:block}nav>a,nav>.g,nav>.side-foot{display:none}nav.open>a,nav.open>.g,nav.open>.side-foot{display:block;width:100%}.lab,.hero{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.chip small{font-size:inherit}.btn{cursor:pointer;border:1px solid var(--acc);font:inherit;font-weight:500}.btn.small{padding:5px 12px;margin-top:10px;font-size:.88rem}.profile{display:flex;align-items:center;gap:16px;margin-top:16px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}.profile:hover{border-color:var(--acc)}.profile .go{margin-left:auto;color:var(--acc);font-weight:500;white-space:nowrap}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:2px solid var(--acc);flex:none}.avatar.big{width:120px;height:120px}.live{margin:10px 2px 0;font-size:.9rem}.about{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;margin:18px 0 26px}.portrait{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:14px;border:1px solid var(--line);box-shadow:0 18px 36px -24px #0f1d2e99}.cvhead{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}.cvhead h2{margin-bottom:.1em}.cvh{margin:34px 0 10px;padding-bottom:6px;border-bottom:2px solid var(--acc);color:var(--fg)}.entry{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line)}.entry .when{color:var(--acc);font-weight:500;font-size:.92rem}.entry ul{margin:.4em 0 0;padding-left:1.1em}.spaced{margin-bottom:14px}.search{width:100%;padding:11px 14px;margin:6px 0 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--fg);font:inherit}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.chips button,.chips a,.chips.static span{padding:5px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--fg);font:inherit;font-size:.9rem;cursor:pointer;text-decoration:none}.chips .on{background:var(--acc);border-color:var(--acc);color:var(--bg)}.form{display:grid;gap:12px;max-width:560px}.form label{display:grid;gap:4px;font-size:.92rem}.form input,.form textarea{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);font:inherit}.side-foot{margin-top:22px;padding:14px 10px 0;border-top:1px solid #ffffff1c;color:var(--sidefg)}.meter{height:6px;border-radius:99px;background:#ffffff1c;overflow:hidden;margin-bottom:6px}.meter span{display:block;height:100%;background:var(--acc);transition:width .3s}.theme{margin-top:10px;width:100%;padding:6px;border:1px solid #ffffff2a;border-radius:8px;background:none;color:var(--sidefg);font:inherit;font-size:.85rem;cursor:pointer}.theme:hover{color:#fff}@media (max-width:860px){.about,.entry{grid-template-columns:1fr}.portrait{max-width:240px}.side-foot{width:100%}}@media print{nav,.btn,.theme{display:none!important}body{display:block;background:#fff;color:#000}main{padding:0}.cvhead,.card,.entry{break-inside:avoid}}