:root{--bg:hsl(258 24% 4%);--pan:hsl(270 15% 7% / .86);--hi:hsl(270 20% 12%);--line:hsl(355 70% 58% / .17);--tx:hsl(35 20% 88%);--mu:hsl(270 9% 66%);--ac:hsl(10 90% 59%);--haze:hsl(275 35% 48%);--ink:hsl(258 24% 4%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius:18px;--mono:ui-monospace,"Cascadia Code","Consolas","Liberation Mono","Noto Sans Mono CJK JP",monospace;--sans:var(--mono)}
body{font-size:14px;background:radial-gradient(85% 85% at 92% 80%,hsl(275 35% 12%),transparent 68%),radial-gradient(75% 80% at 0% 5%,hsl(10 40% 9%),transparent 72%),var(--bg)}
body::before{opacity:.14;z-index:30}::selection{background:var(--ac);color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.5}button,a,input{touch-action:manipulation}button:active{filter:brightness(.85)}a{color:var(--tx);text-underline-offset:4px}a:hover{color:var(--ac)}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ac);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}h2{font:inherit}kbd{font:11px var(--mono);border:1px solid var(--line);padding:2px 6px;border-radius:5px;color:var(--mu)}.accent{color:var(--ac)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:100;background:var(--hi);padding:12px}.skip:focus{transform:none}.bar{max-width:1480px;margin:auto;padding:24px 32px 0;gap:16px}.pill{font-size:12px;padding:8px 16px;gap:16px;min-height:44px}.sigil{color:var(--ac);font-size:20px;line-height:1}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ac);box-shadow:0 0 10px hsl(10 90% 59% / .4);vertical-align:middle;margin-right:5px}.palette-launch{color:var(--mu)}.palette-launch:hover{color:var(--tx);background:var(--hi)}.wrap{max-width:1392px;padding:40px 32px 24px;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:48px}.scene-col{min-width:0;padding-top:8px}.panel{border-radius:var(--radius);box-shadow:0 16px 48px hsl(270 50% 2% / .35)}.panel>header{padding:12px 18px;border-bottom:1px solid var(--line);min-height:48px;font-size:12px;gap:12px}.panel>header h2{color:var(--tx);display:flex;align-items:center;gap:10px}.window-mark{color:var(--ac);opacity:.85}.window-meta{font-size:11px;color:var(--mu)}.body{padding:16px 18px}.hero{overflow:hidden;background:linear-gradient(160deg,hsl(270 15% 8% / .82),hsl(270 15% 5% / .94))}.art-body{padding:16px 20px 12px}.art-topline,.art-bottomline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--mu);letter-spacing:.04em}.art-topline>span:first-child{color:var(--ac);letter-spacing:.25em;opacity:.85}.art-stage{position:relative;aspect-ratio:1/1;max-height:620px;display:grid;place-items:center;margin:8px 0}canvas#face{width:100%;height:100%;max-width:100%;touch-action:pan-y}.art-stage>div{position:absolute;text-align:center;background:var(--pan);padding:12px;font-size:12px}.art-bottomline button,.hero-footer button{background:none;color:var(--tx);padding:8px 0;min-height:44px}.art-bottomline button:hover,.hero-footer button:hover{color:var(--ac)}.hero-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 20px;font-size:10px;color:var(--mu);background:hsl(270 20% 4% / .4)}.identity{padding:32px 8px 16px}.eyebrow{font-size:10px;color:var(--mu);letter-spacing:.1em;text-transform:uppercase}.identity h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.07em;line-height:1.2;margin:12px 0}.identity>p{font-size:16px;line-height:1.6}.identity .identity-hint{color:var(--mu);font-size:13px;margin-top:16px}.identity button,.welcome button,.page-footer button{padding:0;border:0;background:none;color:var(--tx);text-decoration:underline;text-underline-offset:4px}.identity button:hover,.welcome button:hover,.page-footer button:hover{color:var(--ac)}.col{gap:20px}.clock{padding:0 8px 12px}.clock b{font:300 clamp(64px,7vw,100px)/.95 var(--mono);letter-spacing:-.075em}.clock-details{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px}.clock-details span{font:11px var(--mono)}.p-term{margin-left:0;z-index:3;border-color:hsl(10 80% 60% / .3);box-shadow:0 16px 48px hsl(0 60% 2% / .4)}#out{height:180px;max-height:260px;overflow:auto;color:var(--tx);font-size:13px;line-height:1.7;padding:4px 4px 12px;overflow-wrap:anywhere;scrollbar-color:var(--hi) transparent;scrollbar-width:thin}.welcome{padding:0 0 8px}.prompt{border-radius:8px;padding:2px 8px 2px 12px;min-height:48px;gap:8px}.prompt input{font-size:14px;min-height:44px;width:0}.prompt input:focus{outline:none}.prompt:focus-within{box-shadow:0 0 0 1px var(--ac)}.prompt input::placeholder{color:var(--mu)}.prompt>button{min-width:44px;min-height:44px;background:none;color:var(--mu)}.prompt>button:hover{color:var(--ac)}.terminal-hint{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--mu);padding-top:10px}.entry{padding:8px 0;border-top:1px solid var(--line)}.entry-command{color:var(--mu);margin-bottom:4px}.entry-command::before{content:'❯ ';color:var(--ac)}.entry-result{white-space:pre-wrap}.link-result{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;padding:3px 0}.link-result a{overflow-wrap:anywhere}.link-result small{font-size:11px;color:var(--mu)}.copy-email{background:var(--hi);border:1px solid var(--line);padding:4px 8px;border-radius:4px;min-height:36px}.directory-intro{font-size:11px;color:var(--mu);padding-bottom:12px}.file-head{display:flex;justify-content:space-between;color:var(--mu);font-size:9px;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:8px}.file-list{display:grid;padding-top:4px}.file-list>button{display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;padding:8px 0;min-height:44px;text-align:left;font-size:13px;border-radius:6px}.file-list>button>span:last-child{font-size:11px;color:var(--mu)}.file-list>button:hover{background:var(--hi)}.file-list>button:hover>span:last-child{color:var(--ac)}.file-icon{display:inline-block;width:26px;color:var(--mu)}.p-media{margin-left:-20px;margin-right:20px}.media{gap:16px}#art{font-size:10px;line-height:1.1;background:var(--bg);border:1px solid var(--line);color:var(--ac);padding:12px;border-radius:8px}.media h3{font:14px var(--mono)}.music-copy{min-width:0}.music-copy p{font-size:11px;margin:6px 0}.music-copy>button{background:none;color:var(--ac);min-height:44px;padding:4px 0;font-size:12px}.settings .body{padding-top:8px;padding-bottom:8px}.settings header button{background:none;color:var(--mu);padding:0;min-height:32px;font-size:10px}.settings header button:hover{color:var(--tx)}.row{padding:4px 0}.row>span{font:12px var(--mono)}.seg{gap:4px}.seg button{padding:4px 12px;min-height:40px;border-radius:6px;background:transparent;color:var(--mu);font-size:11px}.seg button:hover{background:var(--hi);color:var(--tx)}.seg button[aria-pressed=true]{background:var(--ac);color:var(--ink);font-weight:700}.page-footer{max-width:1392px;position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;margin:8px auto 0;padding:24px 32px 32px;font-size:10px;color:var(--mu)}dialog{width:min(480px,calc(100% - 32px));max-height:80vh;padding:20px;background:hsl(270 18% 8%);color:var(--tx);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 96px hsl(0 0% 0% / .6)}dialog::backdrop{background:hsl(260 30% 2% / .75);backdrop-filter:blur(8px)}.palette-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.palette-head button{background:none;color:var(--mu);min-height:44px}#palette-search{width:100%;background:var(--hi);border:1px solid var(--line);padding:12px;color:var(--tx);font:inherit;border-radius:6px}#palette-results{display:grid;max-height:40vh;overflow:auto;margin:12px 0}#palette-results button{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px;text-align:left;background:none;padding:10px;border-radius:6px}#palette-results button[aria-current=true],#palette-results button:hover{background:var(--hi);color:var(--ac)}#palette-results small{color:var(--mu)}dialog>p{font-size:10px}.noscript{position:relative;padding:24px;z-index:4;background:var(--pan)}
.help-commands{display:grid;gap:4px;padding:8px 0;font-size:11px;color:var(--mu)}.help-commands button{font:inherit;min-width:84px;min-height:36px;background:var(--hi);color:var(--tx);text-align:left;padding:4px 8px;border-radius:4px}.help-commands button:hover{color:var(--ac)}[hidden]{display:none!important}
@media(min-width:1400px){.wrap{padding-top:48px}.scene-col{padding-top:16px}}
@media(max-width:1000px) and (min-width:861px){.wrap{gap:24px;padding-left:24px;padding-right:24px}.session{display:none}.art-topline{font-size:9px}.art-topline>span:last-child{display:none}.hero-footer{flex-wrap:wrap;gap:0}.hero-footer>span{padding-top:8px}.p-media{margin-left:0;margin-right:0}.clock-details{flex-wrap:wrap}.panel>header{font-size:10px}.window-meta{font-size:9px}}
@media(max-width:860px){.bar{padding:16px 16px 0;gap:8px}.bar .session{display:none}.pill{font-size:10px;gap:8px;padding:6px 12px}.palette-launch{margin-left:auto}.palette-launch kbd{display:none}.wrap{padding:24px 16px;gap:24px;grid-template-columns:1fr}.scene-col{padding:0;display:contents}.hero{grid-column:1;grid-row:1}.identity{grid-column:1;grid-row:2;padding:0 4px}.col{grid-column:1;grid-row:3}.art-stage{max-height:540px;aspect-ratio:1/1}.clock{display:none}.p-media,.p-term{margin:0}.page-footer{padding:0 16px 24px;flex-wrap:wrap;font-size:9px}.page-footer>span:last-child{display:none}.identity h1{font-size:48px}.identity-hint{margin-top:8px!important}.hero-footer{font-size:9px}.art-topline{font-size:9px}.art-bottomline{font-size:10px}.art-body{padding:12px}.hero-footer{padding-left:12px;padding-right:12px}#out{height:200px;font-size:13px}}
.page-footer{justify-content:center}.page-footer>span:last-child{display:inline}#music-wheel{display:grid;place-items:center;flex:none;width:88px;height:88px;padding:8px;border-radius:12px;background:var(--bg);border:1px solid var(--line);color:var(--ac)}#music-wheel:hover{background:var(--hi);border-color:var(--ac)}#music-wheel svg{width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}body[data-motion=off] #music-wheel svg{transition:none}.music-copy #music-status{max-width:28ch}
.spotify-player{padding:0 18px 16px}.spotify-player iframe{display:block;width:100%;height:152px;border:0;border-radius:12px;background:var(--bg)}#player-hint{font-size:10px;line-height:1.5;margin-top:8px}.identity h1{font-size:clamp(32px,4.6vw,60px);overflow-wrap:anywhere}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
#music-wheel{width:112px;height:112px;padding:4px;border:0;border-radius:50%;background:none;cursor:grab;touch-action:none;user-select:none}#music-wheel:hover{background:none;filter:drop-shadow(0 0 8px hsl(10 85% 58% / .35))}#music-wheel:active{filter:none}#music-wheel svg{transition:transform 1.3s cubic-bezier(.12,.65,.16,1);will-change:transform}body[data-motion=off] #music-wheel svg{transition:transform 1.3s cubic-bezier(.12,.65,.16,1)}#music-wheel.turning{cursor:grabbing}#music-wheel.turning svg,body[data-motion=off] #music-wheel.turning svg{transition:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}