@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap');
:root{--bg:#d7d3ca;--ink:#262521;--muted:#767169;--line:#aaa69d;--orange:#c44d20;--pad:clamp(22px,4.2vw,68px)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.mono{font-family:"IBM Plex Mono",monospace;letter-spacing:.055em}.frame{min-height:100vh;padding:var(--pad);display:grid;grid-template-rows:auto auto 1fr auto}header{display:flex;justify-content:space-between;align-items:start}.brand{display:flex;flex-direction:column}.brand strong{font-size:clamp(19px,2vw,29px);font-weight:600}.brand span{font:9px "IBM Plex Mono",monospace;letter-spacing:.08em;color:var(--muted);margin-top:5px}.meta{font-size:8px;color:var(--muted);display:grid;text-align:right;gap:4px}.top-rule{height:1px;background:var(--ink);margin-top:13px}.workspace{display:grid;grid-template-columns:minmax(190px,26%) 1fr;gap:clamp(45px,7vw,110px);min-height:68vh;padding-top:clamp(55px,10vh,105px)}.primary{display:grid;align-content:start;max-width:300px}.primary a{display:grid;grid-template-columns:34px 1fr 20px;align-items:baseline;padding:7px 0;transition:.22s}.primary i{font:9px "IBM Plex Mono",monospace;color:var(--muted);font-style:normal}.primary b{font-size:clamp(17px,1.55vw,24px);font-weight:500}.primary em{font:normal 13px "IBM Plex Mono",monospace;opacity:0}.primary a:hover,.primary a.active{color:var(--orange);transform:translateX(6px)}.primary a.active em,.primary a:hover em{opacity:1}.stage{min-width:0;position:relative}.view{animation:open .4s cubic-bezier(.2,.75,.2,1)}@keyframes open{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}.home-message{height:100%;position:relative}.verbs{position:absolute;right:0;top:10px;display:grid;text-align:right;gap:10px;font-size:9px}.verbs span:nth-child(2),.verbs span:nth-child(5){color:var(--orange)}.view-head{display:grid;grid-template-columns:42px 1fr;align-items:start;border-top:1px solid var(--ink);padding-top:12px}.view-head span{font-size:8px;color:var(--orange);padding-top:9px}.view-head h1{font-size:clamp(32px,5vw,72px);line-height:.9;letter-spacing:-.05em;font-weight:500;margin:0}.list{margin-top:clamp(45px,7vh,75px);border-top:1px solid var(--ink)}.item{display:grid;grid-template-columns:42px minmax(200px,1fr) 72px minmax(110px,160px);gap:10px;border-bottom:1px solid var(--line);padding:14px 0;align-items:start;transition:.2s}.item:hover{padding-left:6px}.item i,.item time{font:normal 8px "IBM Plex Mono",monospace;color:var(--muted)}.item div{font-size:12px;font-weight:500}.item small{display:block;font:7px/1.6 "IBM Plex Mono",monospace;color:var(--muted);letter-spacing:.06em;margin-top:3px}.item em{font:normal 7px/1.6 "IBM Plex Mono",monospace;text-align:right}.item em b{font-weight:400;color:var(--orange)}.text-index{margin-top:55px;font-size:10px;line-height:2}.text-index strong{font-weight:400;color:var(--orange)}.crumb{display:block;font-size:7px;color:var(--muted);margin-bottom:25px}.doc-head>span{font-size:8px;color:var(--orange)}.doc-head h1{font-size:clamp(34px,5vw,70px);line-height:.88;letter-spacing:-.055em;font-weight:500;margin:8px 0 14px}.doc-head h2{font:500 9px "IBM Plex Mono",monospace;letter-spacing:.06em;margin:0}.doc-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:clamp(28px,5vw,65px);margin-top:45px}.image-placeholder{height:250px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:8px;color:var(--muted)}.image-placeholder span{font-size:6px;margin-top:5px}.doc-meta{font-size:7px;color:var(--muted);line-height:1.6}.doc-grid p,.cs-copy p{font-size:12px;line-height:1.65;margin-top:25px}.cs-grid{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(250px,1fr);gap:clamp(35px,7vw,100px);margin-top:55px;border-top:1px solid var(--ink);padding-top:15px}.status-grid{display:grid;grid-template-columns:80px 1fr;gap:10px 20px;font-size:7px}.status-grid span{color:var(--muted)}.status-grid b{font-weight:400}.cs-copy p{margin:0 0 35px}.enter{font-size:9px;color:var(--orange)}footer{border-top:1px solid var(--ink);padding-top:9px;display:grid;grid-template-columns:65px 1fr 60px;gap:15px;align-items:center}.live{font-size:7px;display:flex;align-items:center;gap:7px}.live i{width:6px;height:6px;background:var(--orange);border-radius:50%;animation:pulse 2.3s infinite}@keyframes pulse{50%{opacity:.25}}.stream{overflow:hidden;white-space:nowrap;font-size:7px;color:var(--muted)}#stream{display:inline-block;min-width:200%;animation:drift 60s linear infinite}#stream .accent{color:var(--orange)}@keyframes drift{to{transform:translateX(-50%)}}.mark{font-size:7px;text-align:right;color:var(--muted)}
@media(max-width:760px){.meta{display:none}.workspace{grid-template-columns:1fr;gap:40px;padding-top:45px}.primary{grid-template-columns:repeat(5,1fr);max-width:none;border-bottom:1px solid var(--line);padding-bottom:10px}.primary a{display:flex;gap:5px;padding:4px 0}.primary b{font-size:9px}.primary em{display:none}.stage{min-height:53vh}.verbs{position:relative;justify-content:end}.item{grid-template-columns:32px 1fr 65px}.item em{grid-column:2/4;text-align:left}.doc-grid,.cs-grid{grid-template-columns:1fr}.image-placeholder{height:220px}}
@media(max-width:500px){.frame{padding:20px}.brand span{font-size:7px}.primary i{display:none}.primary{gap:6px}.primary b{font-size:8px}.view-head h1{font-size:38px}.item{grid-template-columns:28px 1fr}.item time,.item em{grid-column:2}.doc-head h1{font-size:40px}.mark{display:none}footer{grid-template-columns:55px 1fr}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.audio-view{padding-bottom:86px}.audio-meta{display:flex;gap:28px;margin-top:34px;padding:11px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-size:7px;color:var(--muted)}.track-list{margin-top:30px;border-top:1px solid var(--ink)}.track{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 55px 28px;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);padding:11px 0;text-align:left;cursor:pointer;font:inherit}.track:hover,.track.playing{color:var(--orange);padding-left:6px}.track .tn,.track .td,.track .tp{font:7px "IBM Plex Mono",monospace;color:var(--muted)}.track .tt{font:500 10px "IBM Plex Mono",monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track .tp{text-align:right;color:var(--orange)}.player{position:fixed;left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:20;background:var(--bg);border-top:1px solid var(--ink);padding:10px 0;display:grid;grid-template-columns:55px minmax(180px,1fr) 42px minmax(100px,240px) 42px;gap:12px;align-items:center;font-size:7px}.player[hidden]{display:none}.player button{border:0;background:none;padding:0;text-align:left;color:var(--orange);font:7px "IBM Plex Mono",monospace;cursor:pointer}.player-info{display:flex;min-width:0;gap:12px}.player-info span{color:var(--muted)}.player-info strong{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#player-seek{width:100%;accent-color:var(--orange)}
@media(max-width:760px){.player{left:20px;right:20px;bottom:20px;grid-template-columns:45px 1fr 35px}.player input{grid-column:1/3}.player #player-duration{grid-column:3}.audio-meta{flex-wrap:wrap}.track{grid-template-columns:30px minmax(0,1fr) 42px 22px}}

.audio-rights{margin-top:9px;font-size:6px;line-height:1.6;color:var(--muted)}
.copyright{font-size:6px;color:var(--muted);letter-spacing:.06em;margin-top:28px;margin-bottom:8px;text-align:right}

/* SYSTEMS INFO PAGES */
.item.system em{display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.item.system em a{color:var(--ink);white-space:nowrap}
.item.system em a:last-child:not(:first-child){color:var(--orange)}
.item.system em a:hover,.item.system em a:focus-visible{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.artwork-credit{font-size:8px;color:var(--muted);margin-top:23px}
.artwork-copy{max-width:660px;margin-top:35px;padding-bottom:50px}
.artwork-copy p{font-size:13px;line-height:1.8;margin:0 0 19px}
.artwork-copy .enter{display:inline-block;margin-top:14px}
.artwork-inline-link{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.item.system em{justify-content:flex-start}}