:root{--ink:#16131f;--panel:#201c2c;--panel-2:#2a2539;--line:#3a3450;--text:#efe8d8;--muted:#a69fbb;--amber:#ffb547;--amber-ink:#1b1408;--teal:#62d2c0;--rose:#ef7a8a;--f-display:var(--font-pixel),"Courier New",monospace;--f-body:var(--font-body),system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:var(--font-mono),ui-monospace,"SFMono-Regular",Menlo,monospace;--gl:max(16px,env(safe-area-inset-left,0px));--gr:max(16px,env(safe-area-inset-right,0px));color-scheme:dark}body.in-room,html:has(body.in-room){height:100%;overflow:hidden;background:var(--ink);color:var(--text)}[hidden]{display:none!important}*,:after,:before{box-sizing:border-box}body.in-room{margin:0;font-family:var(--f-body);font-size:15px;line-height:1.45}.app{position:fixed;inset:0;padding:0;overflow:hidden;background:#0d0b14}#scene{left:0;top:0;display:block;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:none;cursor:pointer;max-width:none}#scene,.hud{position:absolute}.hud{z-index:3;transition:opacity .7s ease}.app.calm .hud.fade{opacity:.22}.app.calm .hud.fade:focus-within,.app.calm .hud.fade:hover{opacity:1}.tl{left:var(--gl);flex-direction:column;align-items:flex-start;max-width:calc(100% - 32px)}.tl,.tr{top:12px;display:flex;gap:6px}.tr{right:var(--gr);flex-wrap:wrap;justify-content:flex-end;max-width:55%}.tc{top:12px;left:50%;transform:translateX(-50%);max-width:min(560px,calc(100% - 200px))}.chip{font-family:var(--f-mono);font-size:12px;background:rgba(22,19,31,.84);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:4px 9px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button.chip{cursor:pointer}button.chip:hover{border-color:var(--amber)}button.chip[aria-pressed=true]{border-color:var(--teal);color:var(--teal)}.goal{display:flex;align-items:center;gap:8px;font:inherit;background:rgba(22,19,31,.92);border:1px solid #6b4a1a;border-radius:6px;padding:5px 10px;color:var(--text);cursor:pointer;max-width:100%;text-align:left}.goal:hover{border-color:var(--amber)}.g-l{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);white-space:nowrap}.g-bar{width:110px;height:9px;background:var(--panel-2);border:1px solid var(--line);border-radius:2px;overflow:hidden;flex:none}.g-bar i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,var(--amber) 0 4px,#e09a30 4px 5px);transition:width .6s}.g-n{font-family:var(--f-mono);font-size:12.5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.g-n,.g-next{white-space:nowrap}.g-next{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;min-width:0;max-width:200px}.goal.pulse{animation:gp 1.1s ease 3}@keyframes gp{50%{box-shadow:0 0 0 5px rgba(255,181,71,.4)}}.cele{position:absolute;left:50%;top:20%;transform:translateX(-50%);z-index:7;background:rgba(22,19,31,.96);border:2px solid var(--amber);border-radius:10px;padding:14px 24px;text-align:center;display:flex;flex-direction:column;gap:4px;pointer-events:none;max-width:calc(100% - 32px);animation:cpop .45s ease-out}.cele .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0}.cele strong{font-family:var(--f-display);font-size:26px;font-weight:600;color:var(--amber);line-height:1.15}.cele span{color:var(--muted);font-size:14px}@keyframes cpop{0%{transform:translateX(-50%) scale(.85);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.rng{display:grid;grid-template-columns:76px minmax(0,1fr) 38px;grid-gap:10px;gap:10px;align-items:center;font-size:13.5px}.rng input{width:100%;accent-color:var(--amber);min-width:0}.rng output{font-family:var(--f-mono);font-size:12px;color:var(--muted);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.seg{display:flex;gap:4px;flex-wrap:wrap}.seg .btn[aria-pressed=true]{background:var(--amber);color:var(--amber-ink);border-color:#b77a1f}.item.trk{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;text-align:left}.trk strong{font-weight:700;overflow-wrap:anywhere}.item.cur,.item.trk.on{border-color:var(--amber)}.cat{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;border:1px solid;border-radius:3px;padding:0 5px;margin-right:6px}.cat.ambience{color:var(--teal)}.cat.nasyid{color:var(--amber)}.cat.quran{color:#b8e07a}.np{gap:10px;align-items:center;background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:10px}.eq,.np{display:flex}.eq{gap:2px;align-items:flex-end;height:16px;flex:none}.eq i{width:3px;background:var(--amber);height:4px}.eq.play i{animation:eq .9s ease-in-out infinite}.eq.play i:nth-child(2){animation-delay:.2s}.eq.play i:nth-child(3){animation-delay:.4s}@keyframes eq{50%{height:16px}}.wxgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:8px;gap:8px}@media (prefers-reduced-motion:reduce){.eq.play i{animation:none;height:10px}}.gl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:4px 10px;gap:4px 10px;align-items:center}.gl-row .g-bar{width:100%;grid-column:1/-1}.zone{font-family:var(--f-display);font-size:16px;font-weight:600;background:rgba(22,19,31,.84);border:1px solid var(--line);border-radius:4px;padding:3px 10px;transition:opacity .6s}.zone.out{opacity:0}.ticker{display:flex;gap:8px;align-items:center;font-size:13px;background:rgba(27,20,8,.9);color:var(--amber);border:1px solid #6b4a1a;border-radius:4px;padding:4px 10px;overflow:hidden}.ticker b{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;flex:none}.ticker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:1px}.dot.on{background:var(--teal)}.bar{left:50%;bottom:12px;transform:translateX(-50%);gap:8px 12px;flex-wrap:wrap;justify-content:center;background:rgba(22,19,31,.9);border:1px solid var(--line);border-radius:8px;padding:7px 10px;max-width:calc(100% - 32px)}.bar,.timer{display:flex;align-items:center}.timer{gap:8px}.tlabel{font-family:var(--f-display);font-size:14px;color:var(--muted);white-space:nowrap}.tlabel.focus{color:var(--teal)}.tlabel.break{color:var(--amber)}.tdigits{font-family:var(--f-mono);font-size:20px;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sep{width:1px;align-self:stretch;background:var(--line)}.row{display:flex;gap:5px;flex-wrap:wrap}.btn,.row{align-items:center}.btn{white-space:nowrap;font-family:var(--f-display);font-size:14.5px;font-weight:500;background:var(--panel-2);color:var(--text);border:solid var(--line);border-width:1px 1px 3px;border-radius:4px;padding:4px 11px;cursor:pointer;line-height:1.25;text-decoration:none;display:inline-flex;gap:6px}.btn:hover{border-color:var(--amber)}.btn:active{transform:translateY(1px);border-bottom-width:2px}.btn.primary{background:var(--amber);color:var(--amber-ink);border-color:#b77a1f}.btn.teal{background:var(--teal);color:#0e2420;border-color:#2f8f80}.btn.danger{color:var(--rose);border-color:#6b3040}.btn.ghost{background:transparent}.btn.sm{font-size:13px;padding:2px 8px}.btn:disabled{opacity:.45;cursor:not-allowed}.ib{width:34px;height:31px;padding:0;justify-content:center}.ico{width:21px;height:21px;image-rendering:pixelated;flex:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.toasts{position:absolute;z-index:7;top:52px;left:50%;transform:translateX(-50%);flex-direction:column;gap:6px;width:min(420px,calc(100% - 32px));pointer-events:none}.toast,.toasts{display:flex;align-items:center}.toast{pointer-events:auto;flex-wrap:wrap;gap:8px 10px;justify-content:space-between;width:100%;background:rgba(22,19,31,.95);border:1px solid var(--teal);border-radius:5px;padding:7px 10px;font-size:13.5px;animation:tin .25s ease-out}.toast span{min-width:0;flex:1 1 200px}@keyframes tin{0%{transform:translateY(-4px);opacity:0}to{transform:none;opacity:1}}.tip{position:absolute;z-index:5;transform:translate(-50%,-100%);background:var(--ink);border:1px solid var(--line);border-radius:3px;padding:2px 8px;font-size:12px;white-space:nowrap;pointer-events:none}.tip b{font-weight:700}.tip i{font-style:normal;color:var(--teal)}.card{position:absolute;z-index:6;width:min(290px,calc(100% - 32px));background:var(--panel);border:1px solid var(--amber);border-radius:6px;padding:12px;box-shadow:0 6px 0 rgba(0,0,0,.35)}.card-h{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:start;margin-bottom:8px}.pt{width:40px;height:46px;image-rendering:pixelated;background:var(--panel-2);border-radius:4px}.card-h strong{font-family:var(--f-display);font-size:17px;font-weight:600;display:block;line-height:1.15;overflow-wrap:anywhere}.card-h .prof{color:var(--teal);font-size:13px;display:block}.card-h small{font-size:12px;display:block}.card-h small,.x{color:var(--muted)}.x{background:none;border:0;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.tags{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 8px}.tag{border:1px solid var(--line);border-radius:3px;color:var(--muted)}.open,.tag{font-family:var(--f-mono);font-size:11px;padding:0 6px}.open{color:var(--teal);border:1px solid var(--teal);border-radius:3px}.sec{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:10px 0 5px}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.grid2 .btn{font-size:13px;padding:5px 8px}.full{grid-column:1/-1;justify-content:center}.sheet{position:absolute;z-index:6;top:12px;right:var(--gr);bottom:76px;width:min(390px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 0 rgba(0,0,0,.3)}.sheet-h{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}.modal h2,.sheet-h h2{font-family:var(--f-display);font-weight:600;font-size:20px;margin:0;line-height:1.15}.sheet-b{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.tabs{display:flex;gap:4px;flex-wrap:wrap;padding:8px 14px 0}.tabs button{font-family:var(--f-display);font-size:14px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:4px 6px;cursor:pointer}.tabs button[aria-selected=true]{color:var(--amber);border-color:var(--amber)}.item{background:var(--panel-2);border:1px solid var(--line);border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}.item .top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.item strong{font-weight:700;overflow-wrap:anywhere}.item .meta{color:var(--muted);font-size:12.5px}.item p{margin:0;font-size:14px;overflow-wrap:anywhere}.item .row{margin-top:4px}.when{font-family:var(--f-mono);font-size:12px;color:var(--amber);white-space:nowrap}.empty{color:var(--muted);font-size:13.5px;margin:0}form.f{gap:8px}form.f,label.l{display:flex;flex-direction:column}label.l{gap:4px;font-size:13px;color:var(--muted)}input[type=datetime-local],input[type=text],select,textarea{font:inherit;font-size:14.5px;color:var(--text);background:var(--ink);border:1px solid var(--line);border-radius:4px;padding:7px 9px;width:100%;min-width:0}textarea{resize:vertical;min-height:64px}.check{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text)}.check input{width:18px;height:18px;accent-color:var(--teal)}.hint{font-size:12.5px;color:var(--muted);margin:0}.status{font-size:13px;border:1px dashed var(--line);border-radius:4px;padding:6px 9px}.status.pending{color:var(--amber);border-color:#6b4a1a}.status.rejected{color:var(--rose);border-color:#6b3040}.status.ok{color:var(--teal);border-color:#2f5f58}.adrow{display:grid;grid-template-columns:52px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start}.adrow .meta{display:block;overflow-wrap:anywhere}.adlogo{width:52px;height:52px;object-fit:contain;background:#f4efe2;border-radius:4px;display:block}.card .adlogo{width:64px;height:64px}.proof{width:100%;max-height:260px;object-fit:contain;background:var(--ink);border-radius:4px;display:block}.note-txt{margin:0 0 8px;font-size:14.5px;overflow-wrap:anywhere}.picker{display:block;width:100%;max-width:336px;height:auto;aspect-ratio:2/1;border:1px solid var(--line);border-radius:4px;touch-action:none;cursor:crosshair}.pay{display:flex;justify-content:space-between;gap:8px;align-items:center}.pay code{font-family:var(--f-mono);font-size:14px;color:var(--text);overflow-wrap:anywhere}.file,.file input{font-size:13px;color:var(--muted)}.file input{max-width:100%}.three{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;grid-gap:6px;gap:6px}.chat{position:absolute;z-index:6;top:12px;left:var(--gl);bottom:76px;width:min(350px,calc(100% - 32px));background:var(--panel);border:1px solid var(--teal);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.chat .sheet-h{border-color:#2f5f58}.msgs{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px;min-height:0}.msg{max-width:85%;background:var(--panel-2);border-radius:6px;padding:5px 9px;font-size:14px;overflow-wrap:anywhere}.msg.me{align-self:flex-end;background:#24443f}.msg small{display:block;color:var(--muted);font-size:11px}.msg.sys{align-self:center;background:none;color:var(--muted);font-size:12.5px;text-align:center}.chat form{display:flex;gap:6px;padding:10px;border-top:1px solid var(--line)}.menu{position:absolute;z-index:6;bottom:64px;left:50%;transform:translateX(-50%);width:min(280px,calc(100% - 32px));background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column}.menu a,.menu button{font:inherit;font-size:14.5px;text-align:left;background:none;border:0;color:var(--text);padding:8px 10px;border-radius:4px;cursor:pointer;text-decoration:none;display:flex;justify-content:space-between;gap:8px}.menu a:hover,.menu button:hover{background:var(--panel-2)}.menu .meta{color:var(--muted);font-family:var(--f-mono);font-size:12px}.menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}.modal-wrap{position:absolute;inset:0;z-index:9;background:rgba(10,8,18,.6);display:grid;place-items:center;padding:16px var(--gr) 16px var(--gl);overflow-y:auto}.modal{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 0 rgba(0,0,0,.35)}.modal .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}.modal h2 .hl{color:var(--amber)}.modal p{margin:0;color:var(--muted)}.look{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}#lookPrev{width:66px;height:78px;image-rendering:pixelated;background:var(--panel-2);border-radius:5px}.gate{position:absolute;inset:0;z-index:8;background:rgba(10,8,18,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px var(--gr) 16px var(--gl)}#scene.grab{cursor:-webkit-grabbing;cursor:grabbing}.mm{left:var(--gl);bottom:12px;display:flex;flex-direction:column;gap:6px;background:rgba(22,19,31,.88);border:1px solid var(--line);border-radius:6px;padding:6px}.mm canvas{display:block;width:160px;height:100px;border-radius:3px;cursor:pointer;touch-action:none}.mm-row{display:flex;gap:4px;align-items:center;justify-content:space-between}.mm-row .chip{min-width:30px;text-align:center}.zl{font-family:var(--f-mono);font-size:11px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}#recenter{border-color:var(--amber);color:var(--amber)}@media (max-width:1000px){.mm{bottom:auto;top:52px}}@media (max-width:640px){.mm{top:100px}.g-l,.g-next{display:none}.g-bar{width:64px}.tr{max-width:calc(100% - 200px)}.mm canvas{width:128px;height:80px}.sheet{max-height:78%;padding-bottom:env(safe-area-inset-bottom,0)}.chat,.sheet{top:auto;left:0;right:0;bottom:0;width:auto;border-radius:12px 12px 0 0}.chat{height:62%}.tc{top:auto;bottom:118px;max-width:calc(100% - 32px)}.toasts{top:84px}.tr{max-width:60%}.bar{left:var(--gl);right:var(--gr);transform:none;max-width:none;bottom:10px;gap:6px 8px;padding:6px 8px;justify-content:space-between}.ib{width:30px;height:28px}.tlabel{display:none}.menu{bottom:110px}.tdigits{font-size:17px}.sep{display:none}}@media (prefers-reduced-motion:reduce){.g-bar i,.hud,.zone{transition:none}.cele,.goal.pulse,.toast{animation:none}}.ytbox{position:absolute;z-index:5;right:var(--gr);bottom:76px;width:224px;background:rgba(22,19,31,.95);border:1px solid var(--line);border-radius:8px;overflow:hidden}.ytbox-h{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:5px 8px;font-size:12px;color:var(--muted)}.ytbox-h span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text)}.ytbox-v{width:224px;height:200px;background:#000}.ytbox-v iframe,.ytprobe iframe{width:100%;height:100%;border:0;display:block}.ytprobe{width:200px;height:200px;background:#000;border-radius:4px;overflow:hidden}@media (max-width:640px){.ytbox{bottom:120px;width:200px}.ytbox-v{width:200px;height:200px}}.authwrap{position:fixed;inset:0;display:grid;place-items:center;padding:16px var(--gr) 16px var(--gl);background:radial-gradient(120% 80% at 50% 0,#2a2340 0,#16131f 60%);overflow-y:auto}.authcard{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 0 rgba(0,0,0,.35)}.authcard h1{font-family:var(--f-display);font-size:28px;line-height:1.1;margin:0}.authcard h1 .hl{color:var(--amber)}.authcard p{margin:0;color:var(--muted)}.authcard .eyebrow{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.authcard .btn{justify-content:center;font-size:16px;padding:9px 14px}.authcard .fine{font-size:12.5px}.authcard .fine a{color:var(--amber)}.authcard .err{color:var(--rose);font-size:13.5px}