:root{--desk: #0060f0;--desk-ink: #ffffff;--desk-muted: rgba(255, 255, 255, .75);--surface: #f7f5ee;--ink: #17161b;--ink-muted: rgba(23, 22, 27, .55);--vermillion: #e60012;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-label: 10px;--text-mono: 12px;--text-body: 13px;--text-lg: 15px;--track-caps: .12em;--line: 1px solid var(--ink);--shadow-crisp: 4px 4px 0 var(--ink);--px-ink: #17161b;--px-paper: #f7f5ee;--term-bg: #070b07;--phosphor: #33ff66;--mirror-bg: #12121f;--mirror-ink: #e9e7f2;--spellbook-bg: #f6f0e0;--rain-bg: #e3e8ec}[data-theme=night]{--desk: #0d0d17;--desk-ink: #e9e7f2;--desk-muted: rgba(233, 231, 242, .5);--surface: #12121f;--ink: #e9e7f2;--ink-muted: rgba(233, 231, 242, .5);--spellbook-bg: #171429;--rain-bg: #10151c;--px-ink: #e9e7f2;--px-paper: #1c1c30}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--desk);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.6;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:focus-visible{outline:2px solid var(--vermillion);outline-offset:1px}.boot{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a10;color:#e9e7f2;font-family:var(--font-mono);font-size:var(--text-mono);line-height:2;padding:20vh 0 0 16vw;cursor:default}.boot-cursor{display:inline-block;width:7px;height:14px;background:var(--vermillion);vertical-align:-2px;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.desktop{position:relative;height:100%;overflow:hidden;animation:desk-in .24s ease-out}@keyframes desk-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.desktop,.boot-cursor,.term-cursor{animation:none}}.hero{position:absolute;top:0;left:0;right:0;padding:44px 48px 0;color:var(--desk-ink);font-size:clamp(28px,3.6vw,56px);line-height:1.15;letter-spacing:-.015em;pointer-events:none;-webkit-user-select:none;user-select:none}.hero h1{display:inline;font-size:inherit;font-weight:650}.hero p{display:inline;font-weight:400}.hero a{pointer-events:auto;-webkit-user-select:text;user-select:text;color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}.hero a:hover{background:var(--desk-ink);color:var(--desk);text-decoration:none}.desk-icon{position:absolute;display:flex;flex-direction:column;align-items:center;gap:7px;width:84px;padding:10px 4px 8px;border:1px solid transparent;color:var(--desk-ink);-webkit-user-select:none;user-select:none;touch-action:none}.desk-icon:hover{border-color:var(--desk-muted)}.desk-icon:focus-visible{outline-color:var(--desk-ink)}.desk-icon svg{width:32px;height:32px;display:block}.desk-icon span{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase}.os-tag{position:absolute;right:12px;bottom:10px;font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--desk-muted);-webkit-user-select:none;user-select:none}.window{position:absolute;top:0;left:0;display:flex;flex-direction:column;background:var(--surface);border:var(--line)}.window.focused{box-shadow:var(--shadow-crisp)}.titlebar{display:flex;align-items:center;gap:6px;height:30px;flex:none;padding:0 7px 0 10px;border-bottom:var(--line);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.titlebar:active{cursor:grabbing}.window-title{font-family:var(--font-mono);font-size:var(--text-label);font-weight:500;letter-spacing:var(--track-caps);text-transform:uppercase;flex:1;overflow:hidden;white-space:nowrap}.window:not(.focused) .window-title{color:var(--ink-muted)}.wbtn{width:16px;height:16px;flex:none;border:1px solid var(--ink);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;line-height:1;padding-bottom:1px}.wbtn:hover{background:var(--ink);color:var(--surface)}.wbtn.close:hover{background:var(--vermillion);border-color:var(--vermillion);color:#fff}.window-body{flex:1;overflow:auto;padding:16px}.resize-handle{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;touch-action:none}.resize-handle:before{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:1px solid var(--ink-muted);border-bottom:1px solid var(--ink-muted)}.placeholder{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink-muted)}.window-body[data-app=terminal]{background:var(--term-bg);color:var(--phosphor);font-family:var(--font-mono);padding:10px 12px;overflow:hidden}.term{position:relative;height:100%;overflow-y:auto;font-size:var(--text-mono);line-height:1.55;cursor:text}.term-line{white-space:pre-wrap;word-break:break-word}.term-cursor{display:inline-block;width:8px;height:13px;margin-left:1px;background:var(--phosphor);vertical-align:-2px;animation:blink 1s step-end infinite}.term-input{position:absolute;bottom:0;left:0;width:1px;height:1px;opacity:0;border:none;padding:0}.window-body[data-app=mirror]{background:var(--mirror-bg);color:var(--mirror-ink);padding:0}.window-body[data-app=mirror] .placeholder{color:#e9e7f28c;padding:16px;display:block}.mirror{height:100%}.mirror video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1);filter:grayscale(.85) contrast(1.12) brightness(.82) sepia(.28) hue-rotate(200deg)}.window-body[data-app=spellbook]{background:var(--spellbook-bg)}.spellbook{max-width:58ch;margin:0 auto;padding:8px 4px 24px}.spellbook-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}.spellbook-toc{list-style:none}.spellbook-toc li+li{border-top:1px solid var(--ink-muted)}.spellbook-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:16px;width:100%;padding:9px 0;text-align:left}.spellbook-entry-title{font-size:var(--text-lg);text-decoration:underline;text-underline-offset:3px}.spellbook-entry-note{color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;line-height:1.4}.spellbook-entry:hover .spellbook-entry-title{color:var(--vermillion)}.spellbook-back{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink-muted);margin-bottom:16px}.spellbook-back:hover{color:var(--vermillion)}.spellbook-page{font-size:14px;line-height:1.75}.spellbook-page h1{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-bottom:14px}.spellbook-page h2{font-size:17px;font-weight:600;margin:22px 0 8px}.spellbook-page h3{font-size:14px;font-weight:600;margin:18px 0 6px}.spellbook-page p{margin-bottom:12px}.spellbook-page ul{margin:0 0 12px 18px}.spellbook-page blockquote{border-left:2px solid var(--vermillion);padding-left:12px;margin:14px 0;color:var(--ink-muted)}.spellbook-page code{font-family:var(--font-mono);font-size:.9em;border:1px solid var(--ink-muted);padding:0 3px}.spellbook-page a{color:inherit;text-decoration:underline;text-underline-offset:3px}.spellbook-page a:hover{color:var(--vermillion)}.spellbook-page hr{border:none;border-top:1px solid var(--ink-muted);margin:18px 0}.window-body[data-app=researchImport]{background:var(--spellbook-bg)}.research-import{max-width:58ch;margin:0 auto;padding:8px 4px 24px;font-size:14px;line-height:1.75}.research-import-label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}.research-import h1{font-size:22px;font-weight:600;margin-bottom:14px}.research-import h2{font-size:17px;font-weight:600;margin:22px 0 8px}.research-import p{margin-bottom:12px}.research-import ul{list-style:none;margin:14px 0;border-top:1px solid var(--ink-muted)}.research-import li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:9px 0;border-bottom:1px solid var(--ink-muted)}.research-import li em{color:var(--ink-muted);font-family:var(--font-mono);font-size:11px;font-style:normal;white-space:nowrap}.research-import blockquote{border-left:2px solid var(--vermillion);padding-left:12px;margin:16px 0 0;color:var(--ink-muted)}.window-body[data-app=rain]{background:var(--rain-bg);padding:0;overflow:hidden}.rain{height:100%}.rain canvas{display:block}.window-body[data-app=music]{border-left:2px solid var(--vermillion)}.music-now{display:flex;align-items:center;gap:12px;margin-bottom:6px}.music-toggle{width:30px;height:30px;flex:none;border:var(--line);display:grid;place-items:center;font-size:11px}.music-toggle:hover{background:var(--ink);color:var(--surface)}.music-title{font-size:var(--text-lg);font-weight:500}.music-note{font-family:var(--font-mono);font-size:var(--text-mono);color:var(--ink-muted);margin-bottom:6px}.music-list{list-style:none;margin-top:10px;border-top:var(--line)}.music-list li{border-bottom:1px solid var(--ink-muted)}.music-list button{width:100%;text-align:left;padding:7px 2px;font-family:var(--font-mono);font-size:var(--text-mono)}.music-list button:hover,.music-list button.current{color:var(--vermillion)}.cv-layer{position:absolute;left:48px;top:22vh;bottom:24px;max-width:700px;color:var(--desk-ink);font-size:var(--text-body);line-height:1.6;overflow-y:auto;scrollbar-width:none}.cv-title{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--desk-muted);margin-bottom:14px}.cv-entry{display:flex;gap:20px;margin-bottom:14px}.cv-when{font-family:var(--font-mono);font-size:var(--text-mono);line-height:1.75;color:var(--desk-muted);flex:none;width:84px}.cv-role{font-weight:600}.cv-what{max-width:66ch}.cv-what p{color:var(--desk-muted);margin-top:2px}.about-layer{position:absolute;right:48px;top:32vh;max-width:44ch;color:var(--desk-ink);font-size:var(--text-lg);line-height:1.7}.about-title{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;color:var(--desk-muted);margin-bottom:14px}.about-layer p{margin-bottom:12px}.familiar-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;overflow:hidden}.familiar{position:absolute;top:0;left:0;width:64px;height:64px;pointer-events:auto;cursor:pointer;will-change:transform;transition:opacity .9s ease-out}.familiar.arriving{animation:familiar-in .4s ease-out both}@keyframes familiar-in{0%{opacity:0}}.familiar.leaving{opacity:0;pointer-events:none}.familiar-sprite{position:absolute;left:16px;top:32px;width:32px;height:32px;transform-origin:16px 32px;image-rendering:pixelated}.whisper-bubble{position:absolute;bottom:66px;left:50%;transform:translate(-50%);background:var(--surface);color:var(--ink);border:var(--line);padding:5px 8px;font-family:var(--font-mono);font-size:11px;line-height:1.5;white-space:nowrap;max-width:260px}.whisper-bubble a{color:var(--vermillion)}.spark{position:absolute;left:30px;top:26px;width:3px;height:3px;background:var(--vermillion);animation:spark-fly .45s ease-out forwards}@keyframes spark-fly{to{transform:translate(var(--dx),var(--dy));opacity:0}}.dock{position:absolute;left:0;right:0;bottom:0;display:flex;gap:6px;padding:6px 10px;border-top:var(--line);background:var(--surface)}.dock-item{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--track-caps);text-transform:uppercase;border:var(--line);padding:4px 10px}.dock-item:hover{background:var(--ink);color:var(--surface)}@media(max-width:640px){.hero{padding:24px 20px 0}.cv-layer{left:20px;right:20px;top:26vh}.about-layer{left:20px;right:20px;top:30vh;max-width:none}.cv-entry{flex-direction:column;gap:2px}.window{transform:none!important;width:100%!important;height:100%!important}.resize-handle{display:none}}