:root{--bg:#2c2525;--bg-dark:#241f1f;--surface:#342c2c;--surface-light:#3c3233;--text:#e6d9db;--muted:#a99599;--accent:#f38d70;--accent-soft:#f38d702e;--border:#59484b;font-synthesis:none;text-rendering:optimizelegibility;font-family:JetBrains Mono,Fira Code,monospace}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overscroll-behavior:none;background:var(--bg);color:var(--text);margin:0;overflow:hidden}button,input{font:inherit}.desktop{background:radial-gradient(circle at 50% -10%, #f38d7014, transparent 40%), var(--bg);width:100%;height:100dvh;overflow:hidden}.topbar{border-bottom:1px solid var(--border);height:34px;color:var(--muted);-webkit-user-select:none;user-select:none;background:#241f1ff5;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 14px;font-size:.76rem;display:grid}.topbar-left{align-items:center;min-width:0;display:flex}.topbar-center{color:var(--text);white-space:nowrap}.topbar-right{white-space:nowrap;justify-self:end;align-items:center;gap:.7rem;display:flex}.workspaces{gap:6px;display:flex}.workspace-dot{width:24px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;transition:color .12s,background .12s,border-color .12s;display:grid}.workspace-dot:hover{color:var(--text)}.workspace-dot.occupied{border-color:var(--border)}.workspace-dot.active{background:var(--accent);border-color:var(--accent);color:var(--bg-dark)}.network-status{align-items:center;gap:.4rem;display:flex}.status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:6px;height:6px}.network-status.online .status-dot{background:var(--accent);box-shadow:0 0 7px var(--accent-soft)}.network-status.offline .status-dot{background:var(--muted)}.network-status.online .status-label{color:var(--text)}.network-status.offline .status-label{color:var(--muted)}.status-divider{color:var(--border)}.status-date{color:var(--muted)}.status-time{color:var(--text);text-align:right;min-width:9ch}.status-workspace{color:var(--accent)}.workspace{width:100%;height:calc(100dvh - 34px);padding:2rem;position:relative;overflow:hidden}.terminal-window{border:1px solid var(--border);background:#342c2cf0;border-radius:10px;overflow:hidden;box-shadow:0 25px 80px #00000059,0 0 0 1px #ffffff04}.main-terminal{z-index:1;width:min(900px,90vw);min-height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.terminal-titlebar{background:var(--surface-light);border-bottom:1px solid var(--border);height:38px;color:var(--muted);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 14px;font-size:.78rem;display:flex}.terminal-body{scrollbar-width:thin;scrollbar-color:var(--border) transparent;-webkit-overflow-scrolling:touch;max-height:min(70dvh,650px);padding:2rem;overflow:hidden auto}.terminal-body p{margin:0}.prompt{color:var(--accent);margin-right:.65rem}h1{color:var(--text);letter-spacing:-.055em;margin:1.6rem 0 .3rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:600}.subtitle{color:var(--muted)}.command{margin-top:2rem!important}.directory-list{flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1rem;display:flex}.directory-list button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;transition:color .12s,transform .12s}.directory-list button:hover{color:var(--text);transform:translateY(-1px)}.terminal-history{flex-direction:column;gap:1.4rem;margin-top:1.8rem;display:flex}.terminal-entry{flex-direction:column;gap:.45rem;display:flex}.terminal-command{color:var(--text);overflow-wrap:anywhere}.terminal-output{color:var(--muted);flex-direction:column;gap:.2rem;margin-left:1.6rem;display:flex}.terminal-output p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.terminal-input-line{align-items:center;width:100%;margin-top:1.7rem;display:flex}.terminal-input{width:1ch;min-width:1ch;max-width:calc(100% - 3rem);color:var(--text);font:inherit;caret-color:#0000;background:0 0;border:none;outline:none;padding:0}.terminal-input::placeholder{color:var(--muted);opacity:.75}.terminal-input-line .prompt{flex-shrink:0}.terminal-input-line .cursor{flex-shrink:0;margin-left:1px}.cursor{color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.floating-window{border:1px solid var(--border);z-index:10;-webkit-user-select:none;user-select:none;background:#2d2626fa;border-radius:9px;width:min(620px,100vw - 4rem);min-height:330px;max-height:calc(100% - 24px);transition:width .18s,height .18s,border-color .12s,box-shadow .12s;animation:.16s ease-out forwards window-open;position:absolute;overflow:hidden;box-shadow:0 30px 90px #0000008c}.floating-window.focused{border-color:var(--accent);box-shadow:0 30px 100px #000000a6, 0 0 0 1px var(--accent-soft);z-index:20}.floating-window.maximized{z-index:30;border-radius:8px;width:calc(100% - 24px);height:calc(100% - 24px);min-height:0;max-height:none;top:12px;left:12px}.floating-window.maximized .window-content{-webkit-overflow-scrolling:touch;height:calc(100% - 36px);overflow-y:auto}@keyframes window-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.window-titlebar{background:var(--surface-light);border-bottom:1px solid var(--border);height:36px;color:var(--muted);-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none;justify-content:space-between;align-items:center;padding-left:13px;font-size:.78rem;display:flex}.window-titlebar:active{cursor:grabbing}.focused .window-titlebar{color:var(--text)}.window-controls{flex-shrink:0;align-items:center;height:100%;display:flex}.window-control{width:38px;height:100%;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:none;place-items:center;padding:0;transition:color .1s,background .1s;display:grid}.window-control:hover{color:var(--text);background:var(--accent-soft)}.window-close:hover{background:#f38d7047}.window-content{max-height:calc(100dvh - 130px);color:var(--muted);-webkit-user-select:text;user-select:text;-webkit-overflow-scrolling:touch;padding:1.6rem;line-height:1.7;overflow-y:auto}.window-content p{margin-top:0}.output{margin-top:1.5rem}.highlight{color:var(--accent)}.file-list{flex-direction:column;align-items:flex-start;gap:.6rem;margin-top:1.5rem;display:flex}.file-list button{color:var(--accent);cursor:pointer;text-align:left;touch-action:manipulation;background:0 0;border:none;padding:0}.file-list button:hover{color:var(--text)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1.5rem;display:grid}.skills-grid span{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:.55rem .75rem}@media (width<=900px){.workspace{padding:1.25rem}.main-terminal{width:calc(100% - 2.5rem)}.status-date{display:none}.topbar-right{gap:.5rem}}.contact-links{margin-top:1.25rem}.contact-links p{margin:.35rem 0}.contact-links a{color:var(--text);border-bottom:1px solid var(--border);text-decoration:none;transition:color .12s,border-color .12s}.contact-links a:hover{color:var(--accent);border-color:var(--accent)}@media (width<=650px){.topbar{grid-template-columns:auto 1fr;height:40px;padding:0 8px;font-size:.72rem}.topbar-center{display:none}.topbar-right{gap:.45rem}.workspace{height:calc(100dvh - 40px);padding:.75rem}.workspace-dot{width:28px;height:26px}.status-label,.status-date,.status-workspace,.status-divider{display:none}.status-time{min-width:auto;font-size:.74rem}.network-status{gap:0}.status-dot{width:7px;height:7px}.main-terminal{border-radius:8px;width:calc(100% - 1.5rem);min-height:0;max-height:calc(100dvh - 64px)}.terminal-titlebar{height:34px;padding:0 10px;font-size:.7rem}.terminal-body{max-height:calc(100dvh - 98px);padding:1.25rem}h1{margin-top:1.25rem;font-size:clamp(2.2rem,12vw,3.5rem)}.subtitle{line-height:1.5}.command{margin-top:1.5rem!important}.directory-list{gap:.5rem 1.1rem}.directory-list button{touch-action:manipulation;padding:.2rem 0}.terminal-history{gap:1.1rem;margin-top:1.4rem}.terminal-output{margin-left:1.25rem}.floating-window{border-radius:8px;width:calc(100vw - 2rem);min-height:0;max-height:calc(100dvh - 56px)}.floating-window.maximized{border-radius:7px;width:calc(100% - 12px);height:calc(100% - 12px);top:6px;left:6px}.window-titlebar{height:44px;padding-left:12px;font-size:.74rem}.window-control{width:44px}.window-content{max-height:calc(100dvh - 110px);padding:1.25rem;font-size:.9rem}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.skills-grid span{padding:.5rem .6rem}}@media (width<=390px){.topbar{padding:0 6px}.workspaces{gap:4px}.workspace-dot{width:26px}.main-terminal{width:calc(100% - 1rem)}.terminal-body{padding:1rem}h1{font-size:2.35rem}.directory-list{column-gap:.8rem}.floating-window{width:calc(100vw - 1rem)}.window-control{width:40px}.window-content{padding:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}