:root{color-scheme:dark;--ink: #0b0b12;--panel: #16161f;--accent: #7c5cff;--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;background:var(--ink);color:#fff;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;user-select:none;-webkit-user-select:none}#picture{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;transform-origin:0 0;pointer-events:none}#surface{position:absolute;inset:0;touch-action:none}body:not(.live) #actions,body:not(.live) #badge,body.chatting #actions{display:none}#actions{position:absolute;top:calc(var(--safe-top) + 10px);right:calc(var(--safe-right) + 12px);display:flex;gap:9px}.action{width:42px;height:42px;padding:9px;border:0;border-radius:50%;color:#fff;background:var(--tone);opacity:.86;touch-action:manipulation}.action:active{opacity:1}.action svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chat{--tone: #2f7bf6}.camera{--tone: #8a56e8}.menu{--tone: #5a5f6e}.zoom{--tone: #0f9a8c}.sound{--tone: #2f9e57}.end{--tone: #e0453a}.zoom[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px #fff}.sound[aria-pressed=false] #sound-waves{display:none}.sound[aria-pressed=false]{--tone: #5a5f6e}#badge{position:absolute;top:calc(var(--safe-top) + 12px);left:calc(var(--safe-left) + 14px);padding:3px 9px;border-radius:10px;background:#00000080;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}#chat{position:absolute;top:calc(var(--safe-top) + 8px);left:calc(var(--safe-left) + 12px);right:calc(var(--safe-right) + 12px);display:flex;gap:8px}#chat[hidden]{display:none}#chat input{flex:1;min-width:0;padding:10px 14px;border:0;border-radius:20px;background:#fff;color:#000;font-size:16px;user-select:text;-webkit-user-select:text}#chat button{padding:0 18px;border:0;border-radius:20px;background:#2f7bf6;color:#fff;font-size:16px;font-weight:600}#panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 24px);background:#0b0b12e6;text-align:center}#panel[hidden]{display:none}#panel img{border-radius:16px}#panel h1{font-size:22px}#panel p{max-width:460px;color:#ffffffb8;font-size:15px}#panel p#panel-detail{color:#ffffff73;font-size:12px;font-variant-numeric:tabular-nums}#panel button{min-width:200px;padding:13px 26px;border:0;border-radius:13px;background:var(--accent);color:#fff;font-size:17px;font-weight:600}#panel button[hidden],#panel a[hidden]{display:none}#panel a{color:#b6a6ff;font-size:15px}#rotate{display:none}@media(orientation:portrait){body.live #rotate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--ink);font-size:17px}#rotate svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}}