:root{--bg: #1a1a1a;--bg-subtle: #222222;--fg: #e8e4de;--fg-muted: #5a5549;--accent: #e86a10;--accent-dim: #e86a1033;--border: #2a2622}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:SF Mono,Menlo,JetBrains Mono,Consolas,monospace;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;height:100%;min-width:800px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1.2em}.spinner{color:var(--accent);font-size:1.4em}.loading-text{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--fg-muted);font-size:11px;text-transform:uppercase;letter-spacing:.3em}.header{display:flex;align-items:center;justify-content:space-between;padding:1em 2.5ch;flex-shrink:0;border-bottom:1px solid var(--border)}.header-tabs{display:flex;gap:3ch}.header-tab{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--fg-muted);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;text-transform:uppercase;letter-spacing:.15em;transition:color .2s ease}@media(hover:hover){.header-tab:hover{color:var(--fg)}}.header-tab.active{color:var(--accent)}.header-equation{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.05em}.main-content{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.about-page{display:flex;gap:10ch;align-items:center}.about-map{position:relative;width:42ch;flex-shrink:0}.map-pre{white-space:pre;line-height:1.2;font-size:inherit;font-family:inherit;color:var(--fg-muted)}.manchester{color:var(--accent)}.location-label{position:absolute;top:11em;left:33ch;color:var(--accent);line-height:1.2;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.about-bio{width:50ch;flex-shrink:0}.bio-pre{white-space:pre-wrap;word-break:break-word;font-size:inherit;font-family:inherit;line-height:1.6}.cursor.visible{color:var(--accent)}.cursor.hidden{visibility:hidden}.links-page{display:flex;align-items:center;justify-content:center}.links-box{border:1px solid var(--border);padding:1.6em 2.5ch;width:68ch;background:var(--bg-subtle)}.links-title{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--accent);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.2em}.links-list{display:flex;flex-direction:column;margin-bottom:1.2em}.link-row{display:flex;text-decoration:none;color:inherit;padding:.25em 0;cursor:pointer;transition:background .15s ease}@media(hover:hover){.link-row:hover{background:var(--accent-dim)}}.link-row .link-indicator{width:2ch;flex-shrink:0;color:var(--accent)}.link-row .link-label{width:12ch;flex-shrink:0;color:var(--fg);white-space:pre;font-weight:500}.link-row:not(.selected) .link-label{font-weight:400;color:var(--fg)}.link-row .link-value{color:var(--fg-muted)}.link-row.selected .link-indicator{color:var(--accent)}.link-row.selected .link-label{color:var(--accent);font-weight:500}.link-row.selected .link-value{color:var(--fg)}.links-url{color:var(--fg-muted);font-size:12px}.links-url-value{color:var(--accent)}.footer{display:flex;align-items:center;justify-content:space-between;padding:.75em 2.5ch;flex-shrink:0;border-top:1px solid var(--border)}.footer-sig{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--fg-muted);font-size:10px;text-transform:uppercase;letter-spacing:.25em}.footer-sig .sig-accent{color:var(--accent)}.footer-shortcuts{font-family:Space Grotesk,Inter,system-ui,sans-serif;color:var(--fg-muted);font-size:10px;text-transform:uppercase;letter-spacing:.15em}.shortcut-key{color:var(--accent)}@media(max-width:768px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}body{font-size:12px}.app{min-width:0;height:auto;min-height:100vh}.header{position:sticky;top:0;z-index:10;background:var(--bg);padding:.85em 1.5ch;flex-wrap:wrap;gap:.5em 2ch}.header-tabs{gap:2.5ch}.header-tab{padding:.25em 0}.header-equation{font-size:11px;flex-basis:100%;text-align:left}.main-content{overflow:visible;align-items:flex-start;padding:1.5em 1.5ch}.about-page{flex-direction:column;gap:1.5em;align-items:stretch;width:100%}.about-map{width:42ch;max-width:100%;align-self:center;font-size:10px}.location-label{font-size:11px}.about-bio,.links-page{width:100%}.links-box{width:100%;padding:1.4em 1.8ch}.link-row{padding:.5em 0}.link-row .link-label{width:11ch}.footer{padding:.75em 1.5ch}.footer-shortcuts{display:none}}