:root{font-family:IBM Plex Mono,monospace;color:#171717;background:#f4f1e8;font-synthesis:none;--red: #e6422d;--cyan: #b9edf0;--ink: #171717;--paper: #f4f1e8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);background-image:linear-gradient(rgba(23,23,23,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.055) 1px,transparent 1px);background-size:24px 24px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell,.share-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-bottom:48px}.masthead{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:Archivo Black,sans-serif;font-size:1.25rem}.brand-mark{display:grid;place-items:center;width:36px;height:36px;color:#fff;background:var(--red);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.signal,.sequence{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:600}.signal i{width:9px;height:9px;background:var(--red);border-radius:50%;animation:pulse 1.6s infinite}.workbench{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(40px,8vw,112px);padding:72px 0 64px;align-items:start}.eyebrow{margin:0 0 18px;color:var(--red);font-weight:600;font-size:.78rem}h1,h2{font-family:Archivo Black,sans-serif;letter-spacing:0}.intro h1{margin:0;font-size:clamp(3rem,6vw,5.8rem);line-height:.94;text-transform:uppercase}.lede{max-width:510px;margin:28px 0 0;font-size:1rem;line-height:1.75}.editor-panel{padding:26px;background:#fffdf7;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink)}label{display:block;margin-bottom:8px;font-weight:600;font-size:.8rem;text-transform:uppercase}.label-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px}.label-row span{font-size:.7rem;color:#666}input,textarea{display:block;width:100%;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);padding:13px 14px;outline:none}input:focus,textarea:focus{box-shadow:4px 4px 0 var(--cyan)}textarea{resize:vertical;min-height:230px;line-height:1.55}.field-note{margin:9px 0 20px;color:#5d5d5d;font-size:.7rem}code{color:var(--red)}.primary{width:100%;display:flex;justify-content:space-between;border:2px solid var(--ink);border-radius:0;padding:14px 16px;background:var(--red);color:#fff;font-weight:600;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.primary:disabled{opacity:.6;cursor:wait}.status{min-height:1.2em;margin:15px 0 0;font-size:.75rem}.result-band{scroll-margin-top:20px;border:3px solid var(--ink);background:var(--cyan);padding:28px;margin-bottom:38px}.result-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.result-head span{color:#32656a;font-size:.72rem;text-transform:uppercase}.result-head h2{margin:4px 0 0;font-size:2rem}.result-head a{color:var(--ink);font-weight:600}.link-grid{display:grid;gap:8px}.link-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;background:#fff;border:2px solid var(--ink)}.link-row>span{padding:0 12px;font-size:.7rem;font-weight:600}.link-row input{border:0;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}.link-row button,.format-strip button{align-self:stretch;border:0;background:#fff;padding:0 16px;cursor:pointer;font-weight:600}.compat-band{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.compat-band div{min-height:110px;padding:20px;border-right:2px solid var(--ink);display:grid;gap:8px}.compat-band div:last-child{border:0}.compat-band strong{font-family:Archivo Black,sans-serif;font-size:1.4rem}.compat-band span{font-size:.72rem;line-height:1.5}.vr-note{display:grid;grid-template-columns:150px 1fr;gap:20px;margin-top:28px;padding:18px 0;border-bottom:1px solid var(--ink);font-size:.75rem;line-height:1.6}.share-title{padding:64px 0 36px;border-bottom:3px solid var(--ink)}.share-title h1{max-width:960px;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.95;text-transform:uppercase;overflow-wrap:anywhere}.share-title>p:last-child{margin:24px 0 0;color:#666}.now-playing{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:24px;padding:24px;background:var(--cyan);border-bottom:3px solid var(--ink)}.now-playing span{font-size:.7rem;font-weight:600}.now-playing h2{margin:0;font-size:1.5rem}.now-playing a{color:var(--ink);font-weight:600}.track-list{margin:0;padding:0;list-style:none}.track-list li{display:grid;grid-template-columns:64px 1fr 48px;min-height:82px;align-items:center;border-bottom:2px solid var(--ink)}.track-list li>span{color:var(--red);font-weight:600}.track-list div{display:grid;gap:5px;min-width:0}.track-list strong{overflow-wrap:anywhere}.track-list small{color:#666}.track-list a{color:var(--ink);font-size:1.4rem;text-decoration:none;text-align:center}.format-strip{display:flex;margin-top:28px;border:2px solid var(--ink);width:fit-content}.format-strip a,.format-strip button{min-width:100px;padding:12px 18px;color:var(--ink);background:#fff;border:0;border-right:2px solid var(--ink);text-decoration:none;text-align:center;font-weight:600;cursor:pointer}.format-strip>:last-child{border-right:0}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:15px}.loading strong{font-family:Archivo Black,sans-serif;font-size:2rem}.loading a{color:var(--red)}@keyframes pulse{50%{opacity:.25}}@media (max-width: 760px){.shell,.share-shell{width:min(100% - 22px,1180px)}.workbench{grid-template-columns:1fr;padding-top:44px;gap:38px}.intro h1{font-size:clamp(2.8rem,14vw,4.6rem)}.editor-panel{padding:18px;box-shadow:5px 5px 0 var(--ink)}.compat-band{grid-template-columns:1fr}.compat-band div{border-right:0;border-bottom:2px solid var(--ink)}.compat-band div:last-child{border-bottom:0}.vr-note{grid-template-columns:1fr;gap:8px}.result-head,.now-playing{align-items:start;grid-template-columns:1fr}.result-head{flex-direction:column}.link-row{grid-template-columns:56px 1fr}.link-row button{grid-column:1 / -1;min-height:40px;border-top:2px solid var(--ink)}.share-title{padding-top:42px}}