:root{--bone: #e8e6df;--dim: #6f6d66;--bg: #050505}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--bone);font-family:SFMono-Regular,ui-monospace,Menlo,monospace;overflow:hidden}#field{position:fixed;inset:0;z-index:0;display:block}#shell{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:14vh 24px 0;pointer-events:none}#shell button,#shell label,#shell input{pointer-events:auto}.meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-size:13px;letter-spacing:.04em;border-bottom:1px solid #1a1a1a;padding-bottom:10px;text-shadow:0 0 6px rgba(232,230,223,.25)}.filename{opacity:.92}.readout{display:flex;gap:10px;align-items:baseline;color:var(--dim)}.size{color:var(--bone);min-width:6ch;text-align:right;font-variant-numeric:tabular-nums}.state{font-style:italic;opacity:.7}.duration{color:var(--dim)}.transport{display:flex;align-items:center;gap:18px;margin-top:22px}.toggle{background:transparent;border:1px solid #2a2a2a;color:var(--bone);width:46px;height:46px;border-radius:50%;font-size:15px;cursor:pointer;transition:border-color .6s,box-shadow .6s}.toggle:hover{border-color:var(--bone);box-shadow:0 0 14px #e8e6df4d}.field{background:transparent;border:1px solid #2a2a2a;color:var(--dim);padding:7px 12px;border-radius:14px;font:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .6s,border-color .6s,box-shadow .6s}.field[data-on=true]{color:var(--bone);border-color:#3a3a3a;box-shadow:0 0 10px #e8e6df2e}.field:before{content:"● ";opacity:.5}.open{font-size:11px;color:var(--dim);cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.transcript{margin-top:30px;max-height:34vh;overflow:hidden;white-space:pre-wrap;font-size:12px;line-height:1.7;color:var(--dim);opacity:.85}body[data-attention=unobserved] .meta,body[data-attention=idle] .meta{text-shadow:0 0 12px rgba(232,230,223,.5)}body[data-attention=unobserved]{animation:flicker 4s steps(2,end) infinite}@keyframes flicker{0%,97%,to{opacity:1}98%{opacity:.82}99%{opacity:.94}}