:root{--bg: #05080e;--panel: #0a1218;--line: #3ee8e0;--cyan: #3ee8e0;--amber: #ffb020;--ink: #e8f4f4;--dim: #6d8490;--hot: #ffb020;--void: #03060c}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:IBM Plex Mono,SFMono-Regular,ui-monospace,monospace;cursor:default}body:before{content:"";pointer-events:none;position:fixed;inset:0;z-index:0;background:radial-gradient(1200px 520px at 12% -10%,rgba(62,232,224,.16),transparent 55%),radial-gradient(900px 480px at 92% 110%,rgba(62,160,255,.12),transparent 50%),radial-gradient(700px 280px at 70% 0%,rgba(255,176,32,.06),transparent 45%),repeating-linear-gradient(90deg,transparent 0,transparent 120px,rgba(62,232,224,.04) 120px,rgba(62,232,224,.04) 121px)}a{color:inherit;text-decoration:none}.crt{pointer-events:none;position:fixed;inset:0;z-index:4;background:repeating-linear-gradient(to bottom,rgba(0,0,0,.12) 0,rgba(0,0,0,.12) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at center,transparent 58%,rgba(0,0,0,.42) 100%)}#app{min-height:100vh;position:relative;z-index:1}.term{max-width:920px;margin:0 auto;padding:48px 28px 64px}.prompt,.meta,.foot,.status,.dim{color:var(--dim)}.prompt{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.badge{display:inline-block;padding:2px 7px 1px;border:1px solid var(--line);color:var(--line);font-family:Chakra Petch,IBM Plex Mono,sans-serif;font-weight:600;letter-spacing:.18em;text-shadow:0 0 10px rgba(62,232,224,.55)}.logo{position:relative;font-family:Chakra Petch,IBM Plex Mono,sans-serif;font-size:clamp(46px,9vw,80px);font-weight:700;color:#eefcff;letter-spacing:.06em;text-transform:lowercase;text-shadow:0 0 14px rgba(62,232,224,.55),0 0 32px rgba(62,160,255,.28),1px 0 rgba(62,232,224,.45);margin:12px 0 8px}.caret{color:var(--amber);animation:blink 1.05s steps(1) infinite}.meta{font-size:13px;margin-bottom:8px}.repo{margin-bottom:28px;font-size:13px}.repo a{color:var(--cyan);text-shadow:0 0 8px rgba(62,232,224,.35)}.repo a:hover,.repo a:focus-visible{color:var(--amber);outline:none}.meta em{color:var(--cyan);font-style:normal;text-shadow:0 0 10px rgba(45,226,230,.45)}.dir{display:grid;border:1px solid rgba(62,232,224,.4);background:linear-gradient(180deg,#3ee8e00f,#03060ce6);box-shadow:0 0 0 1px #3ea0ff29,0 0 28px #3ee8e01f}.dir-row{display:grid;grid-template-columns:48px 140px 1fr 1.2fr;gap:12px;align-items:baseline;padding:14px 16px;border-bottom:1px solid rgba(62,232,224,.14);color:var(--ink);transition:background .15s ease,color .15s ease,padding-left .15s ease}.dir-row:last-child{border-bottom:0}.dir-row:hover,.dir-row:focus-visible{background:#3ee8e014;color:#fff;outline:none;padding-left:22px;box-shadow:inset 3px 0 0 var(--cyan)}.dir-row .id{color:var(--amber);font-family:Chakra Petch,IBM Plex Mono,sans-serif;font-weight:600}.dir-row .file{font-family:Chakra Petch,IBM Plex Mono,sans-serif;letter-spacing:.06em;color:var(--cyan)}.dir-row .hint{color:var(--dim);text-align:right}.foot{margin-top:22px;font-size:12px;letter-spacing:.06em}.scene .bar{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(62,232,224,.28);color:var(--dim);font-size:13px}.scene .bar span{color:var(--cyan);text-shadow:0 0 8px rgba(45,226,230,.35)}.scene .bar a{color:var(--line);letter-spacing:.08em}.scene .bar a:hover{color:var(--amber);text-shadow:0 0 10px rgba(255,176,32,.55)}.viewport{min-height:48vh;border:1px solid rgba(62,232,224,.38);background:var(--void);box-shadow:0 0 0 1px #3ea0ff24,inset 0 0 80px #3ee8e00d,0 0 28px #3ee8e01a}.viewport.live{height:min(68vh,640px);position:relative;overflow:hidden}.viewport.live:before{content:"";position:absolute;inset:-40% -10% -10%;z-index:0;background:linear-gradient(to top,rgba(4,2,10,.2),transparent 45%),repeating-linear-gradient(90deg,transparent 0 38px,var(--grid, rgba(45, 226, 230, .16)) 38px 39px),repeating-linear-gradient(0deg,transparent 0 38px,var(--grid, rgba(45, 226, 230, .16)) 38px 39px);transform:perspective(420px) rotateX(62deg);transform-origin:center bottom;pointer-events:none;opacity:.85}.viewport.live:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,var(--wash, rgba(62, 232, 224, .12)),transparent 55%),linear-gradient(180deg,rgba(4,2,10,.15),transparent 30%,rgba(4,2,10,.35))}.viewport.live canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.viewport.bg-video{--grid: rgba(255, 176, 32, .28);--wash: rgba(255, 120, 40, .2)}.viewport.bg-cube{--grid: rgba(62, 160, 255, .24);--wash: rgba(62, 160, 255, .12)}.viewport.bg-text{--grid: rgba(45, 226, 230, .28);--wash: rgba(45, 226, 230, .14)}.viewport.bg-alien{--grid: rgba(62, 232, 224, .3);--wash: rgba(40, 80, 140, .2)}.viewport.empty{display:grid;place-content:center;text-align:center;gap:8px;letter-spacing:.12em}.status{margin-top:12px;font-size:13px}@keyframes blink{50%{opacity:0}}@media(max-width:720px){.term{padding:28px 16px 48px}.dir-row{grid-template-columns:36px 1fr;grid-template-areas:"id file" "id title" "id hint"}.dir-row .id{grid-area:id}.dir-row .file{grid-area:file}.dir-row .title{grid-area:title}.dir-row .hint{grid-area:hint;text-align:left}}