:root{--text:#9ca3af;--text-h:#f8fafc;--bg:#070b14;--surface:#0d1320;--surface-2:#111827;--border:#94a3b82e;--accent:#38bdf8;--accent-2:#2563eb;--accent-bg:#38bdf81a;--accent-border:#38bdf859;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow:#00000059 0 18px 50px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}body{background:var(--bg);margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--heading);color:var(--text-h);margin:0}p{margin:0}button,input,textarea{font:inherit}code,.counter{font-family:var(--mono)}.homepageSection{background:radial-gradient(circle at top left, #2563eb3d, transparent 34rem), radial-gradient(circle at top right, #38bdf824, transparent 28rem), var(--bg);width:100%;min-height:100svh}.dashboardLayout{box-sizing:border-box;grid-template-rows:1fr 360px;grid-template-columns:.9fr 1.1fr;gap:18px;min-height:100svh;padding:clamp(16px,2vw,28px);display:grid}.terminalArea{z-index:1000;pointer-events:none;width:fit-content;position:fixed;top:80px;left:80px}.terminalArea .terminalContainer{pointer-events:auto}.mainViewerArea{flex-direction:column;grid-area:1/2/3;min-height:0;display:flex}.bottomLeft{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;grid-area:2/1;min-height:0;padding:14px;overflow:hidden}.bottomRight{display:none}.defaultPanel{border:1px dashed var(--border);height:100%;min-height:320px;color:var(--text);font-family:var(--mono);background:#ffffff06;border-radius:14px;justify-content:center;align-items:center;display:flex}.panelPlaceholder{font-family:var(--mono);color:var(--text);font-size:.85rem}.terminalContainer{border:1px solid var(--border);width:min(760px,100vw - 32px);height:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#05070de0;border-radius:18px;overflow:hidden}.terminalHeader{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff0f;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.terminalHeader:active{cursor:grabbing}.dot{border-radius:50%;width:12px;height:12px}.red{background:#ef4444}.yellow{background:#f59e0b}.green{background:#22c55e}.terminalHeading{font-family:var(--mono);color:var(--text);margin-left:10px}.terminalBody{height:calc(100% - 44px);font-family:var(--mono);color:var(--text-h);padding:18px;overflow-y:auto}.terminalHistory{gap:8px;margin-bottom:8px;display:grid}.terminalLine{text-align:left;font-size:.9rem;line-height:1.6}.terminalLine.system{color:var(--text)}.terminalLine.output,.terminalLine.command{color:var(--text-h)}.terminalPrompt{color:var(--accent);white-space:nowrap;margin-right:12px}.terminalInputLine{text-align:left;align-items:center;gap:4px;display:flex}.terminalInput{color:var(--text-h);font-family:var(--mono);caret-color:var(--accent);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.nanoEditor{flex-direction:column;height:100%;display:flex}.nanoTopBar,.nanoBottomBar{font-family:var(--mono);color:var(--text);background:#ffffff0f;padding:8px 10px}.nanoTextarea{resize:none;width:100%;color:var(--text-h);font-family:var(--mono);background:0 0;border:none;outline:none;flex:1;font-size:.9rem;line-height:1.6}.nanoBottomBar{gap:10px;display:flex}.nanoBottomBar button{border:1px solid var(--border);color:var(--text-h);font-family:var(--mono);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}.projectPanel{border:1px solid var(--border);width:100%;height:100%;max-height:calc(100svh - 64px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-h);background:#05070de6;border-radius:18px;padding:20px;overflow-y:auto}.projectPanelHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.projectPanelHeader button{color:var(--text-h);cursor:pointer;background:#ffffff14;border:none;border-radius:10px;padding:4px 10px}.panelEyebrow{color:var(--accent);font-family:var(--mono);margin-bottom:4px;font-size:.8rem}.panelLinks{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.panelLinks a{font-family:var(--mono);letter-spacing:.4px;border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.8rem;text-decoration:none;transition:all .2s;display:inline-flex}.panelLinks a:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px)}.panelLinks a:active{opacity:.9;transform:translateY(0)}.panelGrid{grid-template-columns:1fr 1.7fr;gap:12px;margin-bottom:16px;display:grid}.panelCard,.panelSection{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;padding:14px}.panelCard span{color:var(--text);margin-bottom:6px;font-size:.8rem;display:block}.panelCard strong{font-size:.95rem}.panelSection{margin-top:12px}.panelSection h3{margin-bottom:8px;font-size:1rem}.panelSection p,.panelSection li{color:var(--text);font-size:.9rem}.panelSection ul{margin:0;padding-left:18px}.skillsPanel{border:1px solid var(--border);width:100%;height:100%;max-height:calc(100svh - 64px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-h);background:#05070de6;border-radius:18px;padding:20px;overflow-y:auto}.skillsPanelHeader{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.skillsEyebrow{color:var(--accent);font-family:var(--mono);margin-bottom:4px;font-size:.8rem}.skillsGrid{gap:12px;display:grid}.skillGroupCard{border:1px solid var(--border);background:#ffffff0a;border-radius:14px;padding:14px}.skillGroupHeader{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skillGroupHeader h3{font-size:1rem}.skillGroupHeader span{font-family:var(--mono);color:var(--accent);font-size:.75rem}.skillTags{flex-wrap:wrap;gap:8px;display:flex}.skillTags span{font-family:var(--mono);background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:999px;padding:6px 10px;font-size:.8rem}.aboutPanel{border:1px solid var(--border);box-sizing:border-box;background:#ffffff0a;border-radius:14px;flex-direction:column;gap:22px;width:100%;height:100%;padding:22px;display:flex}.aboutHeader{flex-direction:column;gap:4px;display:flex}.aboutHeader h2{margin:0;font-size:1.55rem;line-height:1.1}.aboutProfile{align-items:center;gap:14px;display:flex;position:relative}.aboutProfile img{object-fit:cover;border:1px solid var(--border);background:#000;border-radius:50%;width:64px;height:64px;box-shadow:0 0 0 1px #38bdf840,0 0 12px #38bdf840}.aboutProfile strong{font-size:1rem;display:block}.aboutProfile p{opacity:.7;margin:2px 0 0;font-size:.85rem}.avatarWrapper{width:64px;height:64px;position:relative}.avatarWrapper img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:100%;height:100%;box-shadow:0 0 0 1px #38bdf840,0 0 12px #38bdf840}.statusDot{border:2px solid var(--bg);background:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px;box-shadow:0 0 6px #22c55ecc,0 0 12px #22c55e80}.aboutEyebrow{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);margin:0;font-size:.75rem}.aboutGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.aboutCard{border:1px solid var(--border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.aboutCard span{color:var(--text);opacity:.75;font-size:.75rem}.aboutCard strong{color:var(--foreground);font-size:.95rem}.aboutSection{flex-direction:column;gap:8px;display:flex}.aboutSection h3{margin:0;font-size:.95rem}.aboutSection p,.aboutSection li{color:var(--text);font-size:.9rem;line-height:1.6}.aboutSection p{margin:0}.aboutSection ul{margin:0;padding-left:20px}.contactPanel{border:1px solid var(--border);box-sizing:border-box;background:#ffffff0a;border-radius:14px;flex-direction:column;gap:22px;width:100%;height:100%;padding:22px;display:flex}.contactHeader{flex-direction:column;gap:4px;display:flex}.contactHeader h2{margin:0;font-size:1.55rem;line-height:1.1}.contactEyebrow{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);margin:0;font-size:.75rem}.contactGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contactCard{border:1px solid var(--border);background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.contactCard span{color:var(--text);opacity:.75;font-size:.75rem}.contactCard strong{color:var(--foreground);font-size:.95rem}.contactSection{flex-direction:column;gap:8px;display:flex}.contactSection h3{margin:0;font-size:.95rem}.contactSection p,.contactSection li{color:var(--text);font-size:.9rem;line-height:1.6}.contactSection p{margin:0}.contactSection ul{margin:0;padding-left:20px}.contactProfile{align-items:center;gap:12px;display:flex}.contactProfile img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:48px;height:48px}.contactProfile p{opacity:.7;margin:0;font-size:.85rem}.blogReader{width:100%;height:100%;padding:1.25rem;overflow-y:auto}.blogLabel{letter-spacing:.12rem;opacity:.6;margin-bottom:.5rem;font-size:.7rem}.blogReader h3{margin-bottom:.4rem}.blogDate{opacity:.6;margin-bottom:1rem;font-size:.8rem}.blogExcerpt{opacity:.8;margin-bottom:1rem}.blogBody{line-height:1.7}.blogBody p{margin-bottom:1rem}.blogImage{border:1px solid var(--border);border-radius:12px;width:100%;margin:1.25rem 0}.loadingScreen{color:#dbeafe;background:#05070d;justify-content:center;align-items:center;min-height:100svh;display:flex}.loadingScreenContainer{width:min(680px,100% - 32px)}.bootLabel{font-family:var(--mono);color:var(--accent);margin-bottom:16px}.bootWindow{border:1px solid var(--border);min-height:260px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1320c7;border-radius:18px;padding:24px}.bootLine{font-family:var(--mono);color:var(--text-h);font-size:.95rem;line-height:1.8}.bootLine span{color:var(--success);margin-right:10px}.loadingBar{background:#94a3b82e;border-radius:999px;height:8px;margin-top:18px;overflow:hidden}.loadingProgress{border-radius:inherit;background:linear-gradient(90deg, var(--accent-2), var(--accent));height:100%;transition:width .35s}