:root{--bg-page:#1e1e1e;--bg-editor:#2b2b2b;--bg-sidebar:#3c3f41;--bg-gutter:#313335;--bg-tab:#3c3f41;--bg-tab-active:#2b2b2b;--bg-card:#313335;--border:#232323;--border-soft:#4a4d4f;--text-main:#a9b7c6;--text-dim:#808080;--text-faint:#5c6164;--kw:#cc7832;--str:#6a8759;--type:#ffc66d;--ann:#bbb529;--link:#6897bb;--accent-green:#6a9955}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg-page);color:var(--text-main);font-family:JetBrains Mono,ui-monospace,monospace;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:#214283;color:#fff}.ide{height:100vh;display:flex;flex-direction:column}.titlebar{display:flex;align-items:center;gap:10px;height:42px;flex:0 0 auto;padding:0 14px;background:var(--bg-sidebar);border-bottom:1px solid var(--border)}.dots{display:flex;gap:6px}.dot{width:11px;height:11px;border-radius:50%}.dot.y{background:#ef9f27}.dot.g{background:#639922}.dot.r{background:#d85a30}.titlebar .path{margin-left:6px;font-size:12px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar .path b{color:var(--text-dim);font-weight:400}.titlebar .spacer{flex:1}.menu-btn{display:none;background:transparent;border:none;color:var(--text-main);width:32px;height:32px;border-radius:4px;cursor:pointer;align-items:center;justify-content:center}.menu-btn:hover{background:#ffffff0f}.run-btn{display:inline-flex;align-items:center;gap:8px;background:#365880;color:#dfe7f0;border:none;border-radius:4px;padding:7px 14px;font-size:12px;cursor:pointer;transition:filter .15s ease,transform .1s ease}.run-btn:hover{filter:brightness(1.15)}.run-btn:active{transform:scale(.96)}.run-btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.tri{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--accent-green)}.body-row{flex:1;display:flex;min-height:0}.sidebar{width:250px;flex:0 0 auto;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;padding:14px 0}.sidebar .folder{font-size:12px;color:var(--text-dim);padding:0 16px 10px;display:flex;align-items:center;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-main);padding:7px 16px 7px 30px;border-left:2px solid transparent;white-space:nowrap}.sidebar nav a:hover{background:#ffffff0a}.sidebar nav a.active{background:#ffffff0f;border-left-color:var(--accent-green);color:#fff}.sidebar nav a svg{flex:0 0 auto;opacity:.8}.sidebar nav a .ext{color:var(--text-faint)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-editor)}.tabbar{display:flex;overflow-x:auto;flex:0 0 auto;background:var(--bg-tab);border-bottom:1px solid var(--border)}.tabbar a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);white-space:nowrap;padding:10px 16px;border-right:1px solid var(--border);border-top:2px solid transparent}.tabbar a.active{background:var(--bg-tab-active);color:var(--text-main);border-top-color:var(--accent-green)}.tabbar a .dot-file{width:6px;height:6px;border-radius:50%;background:var(--type);flex:0 0 auto}.editor{flex:1;overflow-y:auto}.file{border-bottom:1px solid var(--border)}.file-row{display:flex}.gutter{flex:0 0 auto;width:42px;padding:32px 0 8px;text-align:right;color:var(--text-faint);font-size:12px;user-select:none;background:var(--bg-gutter);border-right:1px solid var(--border)}.gutter span{display:block;height:var(--line-h);line-height:var(--line-h);padding-right:10px}.code{flex:1;min-width:0;padding:32px 28px 44px}.cmt{color:var(--text-dim);font-size:13px}.kw{color:var(--kw)}.type{color:var(--type)}.str{color:var(--str)}.ann{color:var(--ann)}.lnk{color:var(--link)}.punc{color:var(--text-main)}.decl{font-size:14px;margin:0 0 20px}h1.headline{font-size:clamp(26px,4.5vw,38px);line-height:1.3;font-weight:700;margin:6px 0 4px 22px;color:#fff}h1.headline .role{display:block;color:var(--str);font-size:.55em;font-weight:500;margin-top:6px}.bio{margin:16px 0 24px 22px;max-width:520px;font-size:14px;line-height:1.8;color:var(--text-main)}.bio-comment{color:var(--text-dim)}.cta-row{margin-left:22px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:4px;padding:10px 18px;font-size:13px;cursor:pointer;transition:filter .15s ease,transform .1s ease}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent-green);outline-offset:2px}.btn-primary{background:#365880;color:#dfe7f0;border:none}.btn-primary:hover{filter:brightness(1.15)}.btn-ghost{background:transparent;color:var(--text-main);border:1px solid var(--border-soft)}.btn-ghost:hover{border-color:var(--text-dim)}h2.section-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 4px 22px}.section-title .kw{font-size:.8em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-left:22px;margin-top:18px}.p-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.p-card img{width:100%;height:130px;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.p-card .p-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1}.p-card .p-name{font-size:14px;font-weight:700;color:var(--type)}.p-card .p-desc{font-size:12px;color:var(--text-dim);line-height:1.6}.p-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.p-tags span{font-size:11px;color:var(--ann)}.p-links{display:flex;gap:10px;margin-top:auto;padding-top:6px}.p-links a{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--link)}.p-links a:hover{text-decoration:underline}.view-all{margin:20px 0 4px 22px;font-size:13px}.view-all a{color:var(--link);display:inline-flex;align-items:center;gap:6px}.view-all a:hover{text-decoration:underline}.about-text{margin:18px 22px 6px;max-width:560px;font-size:14px;line-height:1.85;color:var(--text-main)}.about-text p{margin:0 0 14px}.about-text .hl{color:var(--type)}.cert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 22px 4px}.c-card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:6px;overflow:hidden}.c-card img{width:100%;height:140px;object-fit:cover;display:block;border-bottom:1px solid var(--border)}.c-card .c-title{padding:10px 12px;font-size:12px;color:var(--text-main);line-height:1.5}.contact-block{margin:18px 22px 4px;max-width:480px}.c-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.c-row:last-child{border-bottom:none}.c-row .c-icon{width:32px;height:32px;border-radius:6px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--type)}.c-row .c-label{font-size:11px;color:var(--text-dim)}.c-row .c-value{font-size:13px;color:var(--text-main)}.c-row a.c-value:hover{color:var(--link);text-decoration:underline}.footer{padding:26px 22px 40px;font-size:11px;color:var(--text-faint)}.statusbar{flex:0 0 auto;height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:var(--bg-sidebar);border-top:1px solid var(--border);font-size:11px;color:var(--text-dim)}.statusbar .left,.statusbar .right{display:flex;align-items:center;gap:14px}.build-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green)}@media (prefers-reduced-motion:no-preference){.build-dot{animation:pulse 2.4s ease-in-out infinite}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.backdrop{display:none}@media (max-width:820px){.menu-btn{display:flex}.sidebar{position:fixed;top:42px;bottom:0;left:0;z-index:20;transform:translate(-100%);transition:transform .2s ease}body.nav-open .sidebar{transform:translate(0)}body.nav-open .backdrop{display:block;position:fixed;inset:42px 0 0;background:#00000080;z-index:10}.gutter{width:30px;padding:24px 0}.code{padding:24px 16px 34px}h1.headline,.bio,.cta-row,h2.section-title,.grid,.view-all,.about-text,.cert-grid,.contact-block{margin-left:12px;margin-right:12px}.titlebar .path{display:none}}