/* Nocturne: removable visual layer. Original layout remains in style.css. */
:root[data-theme="dark"]{--bg:#0c090f;--surface:#141018;--surface2:#1c1520;--line:#382b3b;--text:#eee5d8;--muted:#b0a1b1;--purple:#bca2de;--blue:#a6b7d7}
:root[data-accent="rose"]{--accent:#e6a3ae}
:root[data-theme="light"][data-accent="rose"]{--accent:#8e3049}
[data-swatch="rose"]{--swatch:#e6a3ae}
body{background-image:radial-gradient(ellipse at 78% 8%,#70304a20,transparent 48%),radial-gradient(ellipse at 5% 80%,#62418518,transparent 55%);background-attachment:fixed}
.topbar{border-bottom-color:var(--line);background:var(--bg);height:86px}
.brand{font-family:Georgia,'Times New Roman',serif;letter-spacing:1px;font-weight:400;font-size:25px}
.brand-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-family:var(--mono);font-size:20px;transform:rotate(-8deg)}
.brand small{font-family:var(--mono);font-size:9px;letter-spacing:0;border:0;color:var(--muted)}
.top-meta{font-size:10px;letter-spacing:1px}
.workspace{min-height:calc(100vh - 86px)}
.sidebar{background:linear-gradient(180deg,var(--surface),transparent);padding-top:38px}
.sidebar-heading{font-size:9px;letter-spacing:2.5px}
.nav-link{border-radius:2px;color:var(--muted);transition:background .2s,color .2s}
.nav-link.active{background:color-mix(in srgb,var(--accent) 7%,transparent);border-color:var(--line);border-left:2px solid var(--accent);color:var(--accent)}
.nav-icon{font-family:Georgia,serif}
.sidebar-footer{line-height:1.9}
#main{padding-top:30px}
.breadcrumb{font-size:10px;letter-spacing:.7px;margin-bottom:26px}
.terminal-window{border:1px solid var(--line);border-radius:3px;box-shadow:0 25px 75px #0005;position:relative}
.window-bar{background:var(--surface);padding:14px 20px;letter-spacing:1px}
.window-dots i{width:5px;height:5px;border-radius:0;transform:rotate(45deg);background:var(--accent)!important;opacity:.65}
.window-dots i:nth-child(2){opacity:.35}.window-dots i:nth-child(3){opacity:.18}
.terminal-body{padding:32px 34px 22px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--purple) 5%,transparent),transparent 55%)}
.command-line{font-size:11px;opacity:.85;margin-bottom:42px}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.8px}
h1{font-size:clamp(44px,4.5vw,70px);line-height:1.04;max-width:650px;margin:18px 0 22px}
h2{font-size:clamp(32px,3.3vw,46px);line-height:1.15}
.eyebrow{letter-spacing:2.6px;font-size:9px}
.role{color:var(--text);font-size:14px}
.intro,.section-lead{line-height:1.95}
.tag{border-radius:2px;background:transparent;color:var(--muted);font-size:9px;padding:5px 9px}
.button{border-radius:2px;min-height:42px;transition:border-color .2s,background .2s}
.button.primary{color:var(--bg);background:var(--accent);border-color:var(--accent)}
.hero-divider{border-top-style:solid;position:relative;margin:35px 0 27px}
.hero-divider:after{content:'◆';position:absolute;left:50%;top:-10px;color:var(--accent);font-size:10px;background:var(--surface);padding:0 14px}
.metrics{gap:40px}.metric strong{font-family:Georgia,serif;font-size:30px}
.metric span{letter-spacing:.5px}
.terminal-status{background:var(--surface);font-size:8px;letter-spacing:.5px}
#terminal-form:focus-within{border-top-color:var(--accent)}
.system-card,.stack-card{border-radius:2px;background:linear-gradient(145deg,var(--surface2),var(--surface));border-color:var(--line);padding:20px}
.card-label{font-size:8px;letter-spacing:2px;color:var(--muted)}
.orbit-graphic{height:235px;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 9%,transparent),transparent 65%)}
.orbit{border-color:var(--accent);opacity:.3}
.orbit-one{width:175px;height:175px;transform:translate(-50%,-50%) rotate(45deg);border-radius:0}
.orbit-two{width:175px;height:175px;transform:translate(-50%,-50%) rotate(0deg);border-radius:50%}
.orbit-three{width:210px;height:210px;opacity:.22}
.orbit-core{width:100px;height:125px;border-radius:50% 50% 4px 4px;border-color:var(--accent);background:var(--surface);font-family:Georgia,serif;font-size:34px;box-shadow:0 0 50px color-mix(in srgb,var(--accent) 8%,transparent)}
.orbit-core span{font-family:var(--mono);font-size:7px;letter-spacing:2px}
.planet{border-color:var(--line);background:var(--surface);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;padding:0;font-size:9px}
.p1{left:7%;top:34%}.p2{right:7%;top:52%}.p3{left:27%;bottom:6%}.p4{right:23%;top:7%}
.profile-table{font-size:9px;gap:13px}
.note-card{border-left:1px solid var(--line);padding:8px 18px;margin:4px 0;font-size:11px}
.note-card p{font-family:Georgia,serif;font-style:italic;font-size:18px;line-height:1.6;color:var(--text)}
.project-card{border-radius:2px;border-color:var(--line);background:linear-gradient(125deg,var(--surface2),transparent);padding:24px;position:relative}
.project-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;letter-spacing:-.5px}
.project-number{color:var(--accent);letter-spacing:2px}
.project-card footer{border-top:1px solid var(--line);padding-top:15px}
.job h3{font-family:Georgia,serif;font-size:23px;font-weight:400}
.arcade-selector button{border-radius:2px;background:var(--surface);position:relative}
.arcade-selector strong{font-family:Georgia,serif;font-size:23px;font-weight:400}
.arcade-selector button[aria-pressed=true]{box-shadow:inset 0 2px var(--accent);background:var(--surface2)}
.arcade-cabinet{border-radius:4px;box-shadow:0 20px 60px #0004}
.arcade-marquee{letter-spacing:2px}.arcade-overlay h3{font-family:Georgia,serif}
.page-footer{font-size:9px;color:var(--muted);line-height:1.9}
.nocturne-note{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:var(--muted);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
.nocturne-note:before{content:'';width:28px;height:1px;background:var(--accent)}
:root[data-theme="light"] body{background-image:none}
@media(min-width:1200px){.main-grid{grid-template-columns:minmax(0,1fr) 280px;gap:26px}}
@media(max-width:760px){.topbar{height:auto;min-height:72px}.brand{font-size:21px}.brand-icon{width:30px;height:30px;font-size:17px}.terminal-body{padding:24px 20px}.command-line{margin-bottom:32px}h1{font-size:48px}.metrics{gap:28px}.project-card{padding:18px}.nocturne-note{font-size:8px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.nav-link,.button{transition:none}}