:root{--bg: #0f1115;--bg-2: #161a21;--bg-3: #1e232c;--line: #262c36;--line-2: #313947;--ink: #eef1f5;--ink-2: #aab3c0;--ink-3: #6f7a89;--accent: #e0287a;--accent-2: #ff5fa4;--accent-soft: rgba(224, 40, 122, .16);--good: #3ecf8e;--warn: #f5b942;--bad: #ff6b6b;--info: #5aa9ff;--radius: 14px;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:transparent;-webkit-font-smoothing:antialiased;font-size:14px;-webkit-user-select:none;user-select:none;overflow:hidden}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}h1{font-size:22px}h2{font-size:16px}h3{font-size:13px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em;font-weight:600}p{margin:0}button{font:inherit;color:inherit;background:var(--bg-3);border:1px solid var(--line-2);border-radius:10px;padding:7px 12px;cursor:pointer;transition:background .12s,border-color .12s,transform .05s}button:hover{background:#262c37;border-color:#3d4656}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:transparent;color:#fff;font-weight:600}button.primary:hover{background:var(--accent-2)}button.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}button.ghost:hover{background:#ffffff0f;color:var(--ink)}button.icon{padding:6px 8px;line-height:1}button.danger{color:var(--bad)}input,textarea,select{font:inherit;color:var(--ink);background:var(--bg-2);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=range]{padding:0;accent-color:var(--accent)}label{color:var(--ink-2);font-size:12.5px}a{color:var(--accent-2)}.muted{color:var(--ink-3)}.dim{color:var(--ink-2)}.small{font-size:12px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:12px;background:var(--bg-3);color:var(--ink-2);border:1px solid var(--line-2)}.pill.good{color:var(--good);border-color:#3ecf8e59;background:#3ecf8e14}.pill.bad{color:var(--bad);border-color:#ff6b6b59;background:#ff6b6b14}.pill.accent{color:var(--accent-2);border-color:#e0287a66;background:var(--accent-soft)}.dot{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none}.dot.flowing{background:var(--accent-2);box-shadow:0 0 0 3px var(--accent-soft)}.dot.break{background:var(--warn)}.dot.good{background:var(--good)}.dot.bad{background:var(--bad)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}::-webkit-scrollbar-track{background:transparent}.mini{padding:14px;display:flex;flex-direction:column;--m-ink: #ffffff;--m-ink-2: rgba(255, 255, 255, .72);--m-ink-3: rgba(255, 255, 255, .5);--m-accent: #ec1c7a;--m-accent-ink: #ffffff;--m-glass: rgba(8, 8, 10, .9);--m-line: rgba(255, 255, 255, .14);--m-fill: rgba(255, 255, 255, .07);--m-fill-2: rgba(255, 255, 255, .18)}.player{position:relative;width:480px;border-radius:12px;overflow:hidden;color:var(--m-ink);font-family:var(--font);-webkit-app-region:drag;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 180' preserveAspectRatio='xMidYMid slice'><defs><linearGradient id='sky' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%23211a27'/><stop offset='.4' stop-color='%23563b4a'/><stop offset='.72' stop-color='%23b9714f'/><stop offset='1' stop-color='%23e8a86e'/></linearGradient><radialGradient id='sun' cx='.66' cy='.74' r='.5'><stop offset='0' stop-color='%23ffe2b4' stop-opacity='.95'/><stop offset='.3' stop-color='%23f6ae67' stop-opacity='.45'/><stop offset='1' stop-color='%23f6ae67' stop-opacity='0'/></radialGradient><filter id='soft' x='-5%' y='-5%' width='110%' height='110%'><feGaussianBlur stdDeviation='1.4'/></filter><filter id='grain'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0 0 .07'/></feComponentTransfer></filter></defs><rect width='480' height='180' fill='url(%23sky)'/><rect width='480' height='180' fill='url(%23sun)'/><path d='M0 118C50 104 110 98 170 112S290 134 350 112 440 94 480 104V180H0Z' fill='%23643f4e' opacity='.85' filter='url(%23soft)'/><path d='M0 140C70 126 130 128 200 142S330 154 400 136 460 130 480 136V180H0Z' fill='%233b2634'/><path d='M0 162C80 150 160 156 240 164S400 172 480 158V180H0Z' fill='%23201521'/><rect width='480' height='180' filter='url(%23grain)'/></svg>") center 35% / cover no-repeat,#1b1419;box-shadow:0 16px 44px #0000008c,0 2px 8px #00000059,0 0 0 1px #ffffff12,0 0 48px #f4b36c1f}.player.collapsed{border-radius:12px}.player:not(.distracted){box-shadow:0 12px 32px #00000080,0 0 0 1px #ffffff0f,0 0 26px #ec1c7a6b}.player button,.player .nodrag{-webkit-app-region:no-drag}.player.distracted{box-shadow:0 16px 44px #0000008c,0 0 0 1px #ff806e8c,0 0 40px #ff806e40}.player .dim{color:var(--m-ink-2)}.hdr{position:relative;display:flex;align-items:center;height:46px;background:#08080af0;border-bottom:1px solid rgba(255,255,255,.08)}.hdr .cam{width:46px;height:46px;flex:none;background:#000;display:grid;place-items:center;font-size:22px;cursor:pointer;overflow:hidden}.hdr .cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.hdr .grip{width:16px;height:46px;flex:none;display:grid;grid-template-columns:repeat(2,3px);grid-auto-rows:3px;gap:3px;place-content:center}.hdr .grip i{display:block;width:3px;height:3px;border-radius:50%;background:#ffffff52}.hdr .check{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.78);display:grid;place-items:center;color:var(--m-ink);margin:0 10px 0 6px;flex:none;background:transparent;padding:0;transition:background .15s ease,border-color .15s ease,transform .12s ease,color .15s ease}.hdr .check svg{width:12px;height:12px}.hdr .check:hover{background:var(--m-accent);border-color:var(--m-accent);color:var(--m-accent-ink);transform:scale(1.08)}.hdr .check:active{transform:scale(.96)}.hdr .check:disabled{opacity:.35}.hdr .titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.hdr .title{font-size:15px;font-weight:500;color:var(--m-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;letter-spacing:-.01em}.hdr .sub{font-size:12px;color:var(--m-ink-2);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;line-height:1.2}.hdr .sub img{width:13px;height:13px;border-radius:3px;flex:none}.hdr .sub b{font-weight:500;color:var(--m-ink)}.hdr .sub .dimmer{color:var(--m-ink-3)}.hdr .sub.bad,.hdr .sub.bad b{color:#ffa797}.hdr .right{display:flex;align-items:center;gap:2px;padding:0 8px;flex:none}.hdr .right .pill{margin-right:6px}.prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#ffffff0f}.prog i{display:block;height:100%;background:var(--m-accent);transform-origin:left center;transform:scaleX(0)}.prog.break i{background:#9ad7c2}.pill{display:inline-flex;align-items:center;gap:5px;height:27px;padding:0 9px;border-radius:7px;background:transparent;border:1px solid rgba(255,255,255,.72);font-size:13.5px;font-weight:500;color:var(--m-ink);font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.pill.over{color:var(--m-accent);border-color:#ec1c7ab3}.pill svg{width:13px;height:13px;opacity:.85}.ib{width:28px;height:28px;border:none;background:transparent;color:var(--m-ink);display:grid;place-items:center;padding:0;border-radius:9px;transition:background .15s ease,transform .1s ease}.ib:hover{background:var(--m-fill)}.ib:active{transform:scale(.94)}.ib svg{width:16px;height:16px}.body{position:relative;height:134px}.body:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a080a1a,#0a080a00 35%,#0a080a94);pointer-events:none}.bubbles{position:absolute;inset:0 24px 30px;display:flex;align-items:center;justify-content:center;gap:16px}.bubble{position:relative;width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.96);box-shadow:0 6px 16px #00000073;background:#2a1e25;display:grid;place-items:center;flex:none;animation:pop .28s cubic-bezier(.2,.9,.3,1.2);transition:transform .15s ease}.bubble:hover{transform:translateY(-2px)}.bubble video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:transparent}.bubble .name{position:absolute;left:0;right:0;bottom:0;padding:3px 4px 5px;font-size:10.5px;font-weight:600;line-height:1.1;text-align:center;color:#fff;background:#0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(100%);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.bubble:hover .name{opacity:1;transform:none}.bubble .av{width:100%;height:100%;display:grid;place-items:center;font-size:27px}.bubble.onbreak video,.bubble.onbreak .av{filter:brightness(.32) saturate(.6)}.bubble.onbreak{border-color:#ffffff80}.bubble .hg{position:absolute;inset:0;display:grid;place-items:center;color:var(--m-accent)}.bubble .hg svg{width:22px;height:22px}.bubble.empty{border-style:dashed;border-color:#ffffff73;background:#00000040;color:#ffffffbf;font-size:22px;cursor:pointer}.pager{position:absolute;top:0;bottom:30px;width:24px;display:grid;place-items:center;color:#ffffffbf;background:transparent;border:none;padding:0;border-radius:0}.pager.l{left:0}.pager.r{right:0}.pager:hover{color:#fff;background:#ffffff12}.pager svg{width:14px;height:14px}.foot{position:absolute;left:0;right:0;bottom:0;height:34px;display:flex;align-items:center;padding:0 9px 0 8px;gap:8px}.foot .music{display:flex;align-items:center;gap:7px;color:var(--m-ink);font-size:13px;font-weight:400;background:transparent;border:none;padding:4px 8px;border-radius:9px;max-width:200px;transition:background .15s ease}.foot .music:hover{background:var(--m-fill)}.foot .music svg{width:14px;height:14px;flex:none;opacity:.9}.foot .music span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot .lbl{font-size:13px;color:var(--m-ink)}.foot .ib{width:26px;height:26px;border-radius:50%;background:transparent}.foot .ib:hover{background:#ffffff1a}.foot .ib svg{width:13px;height:13px}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.menu{-webkit-app-region:no-drag;position:absolute;top:50px;right:8px;background:#0c0c0efa;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:6px;display:flex;flex-direction:column;min-width:200px;z-index:10;box-shadow:0 12px 32px #00000080;animation:fadein .12s ease}.menu button{background:transparent;border:none;text-align:left;padding:7px 10px;border-radius:9px;font-size:13px;color:var(--m-ink)}.menu button:hover{background:#ffffff14}.menu button.danger{color:#ffa797}.menu .sep{height:1px;background:#ffffff14;margin:4px 0}.menu label{padding:4px 10px 0;font-size:11px;color:var(--m-ink-2)}.menu input[type=range]{accent-color:var(--m-accent)}.menu.music-menu{inset:auto auto 38px 8px}.hdr .start{flex:1;min-width:0;display:flex;align-items:center;gap:8px;margin-left:4px}.hdr .start .titles{flex:1;min-width:0}.task-in{width:100%;font:inherit;font-size:14px;font-weight:600;color:var(--m-ink);background:transparent;border:none;outline:none;padding:0;margin:0;border-radius:0;line-height:1.2;letter-spacing:-.01em}.task-in::placeholder{color:var(--m-ink-3);font-weight:500}.pill.est{cursor:pointer;font:inherit;font-size:13px;font-weight:600;transition:background .15s ease}.pill.est:hover{background:#ffffff14}.pill.edit{padding:0 7px 0 3px;gap:4px;border-color:var(--m-accent)}.pill.edit input{width:42px;height:20px;padding:0 4px;margin:0;border:0;border-radius:6px;background:#00000047;color:var(--m-ink);font:inherit;font-size:13px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.pill.edit input::-webkit-outer-spin-button,.pill.edit input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pill.edit .unit{font-size:11px;font-weight:500;color:var(--m-ink-2)}.go{width:30px;height:30px;border-radius:50%;border:none;padding:0;display:grid;place-items:center;background:var(--m-accent);color:var(--m-accent-ink);box-shadow:0 4px 14px #ec1c7a73;transition:transform .12s ease,filter .15s ease;flex:none}.go svg{width:13px;height:13px;margin-left:1px}.go:hover{filter:brightness(1.06);transform:scale(1.06)}.go:active{transform:scale(.96)}.player.idle .hdr .right{padding-left:4px}.hdr .sub .link{background:transparent;border:none;padding:0 0 0 6px;margin:0;color:var(--m-accent);font-size:11.5px;font-weight:600;cursor:pointer}.hdr .sub .link:hover{text-decoration:underline}.bubble.idle{border-color:#ffffff73}.bubble.idle .av{filter:saturate(.7) brightness(.85)}.bubbles .caption{color:var(--m-ink-2);font-size:12.5px;text-align:center;padding:0 20px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.foot .lbl.due,.pill.due{color:var(--m-accent)}.pill.due{border-color:#ec1c7ab3}.menu .name-in{margin:2px 10px 6px;padding:6px 9px;font-size:13px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:var(--m-ink);outline:none}.menu .name-in:focus{border-color:var(--m-accent)}.menu .avatars{display:flex;flex-wrap:wrap;gap:3px;padding:0 8px 4px}.menu .avatars button{padding:3px 5px;font-size:16px;border-radius:8px;line-height:1}.menu .avatars button.on{background:#f4b36c33}.hdr .sub .subtext{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill.upd{background:var(--m-accent);color:var(--m-accent-ink);border-color:transparent;cursor:pointer;margin-right:4px}.pill.upd:hover{filter:brightness(1.06)}html,body,#root{height:100%}body{background:radial-gradient(120% 90% at 50% 0%,#2a1f2b,#15111a 55%,#0b0a0f) fixed;overflow:auto;-webkit-user-select:text;user-select:text}.page{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px 16px 40px}.page .mini{padding:0}.page .player{-webkit-app-region:no-drag}.page .task-in,.page .name-in,.page input{user-select:text;-webkit-user-select:text}.hint{color:#f7f0e78c;font-size:13px;text-align:center;max-width:480px;line-height:1.5}.hint .link{background:none;border:none;padding:0;color:#f4b36c;font:inherit;font-weight:600;cursor:pointer}.hint .link:hover{text-decoration:underline}.welcome{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;background:#150f12bd;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:26px 24px 22px;box-shadow:0 16px 44px #0000008c;color:#f7f0e7;font-family:ui-rounded,".SF NS Rounded",var(--font)}.welcome h1{font-size:28px;font-weight:700;letter-spacing:-.02em}.welcome p{color:#f7f0e7b3;line-height:1.5;font-size:14px}.welcome input{font-size:16px;padding:11px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#f7f0e7}.welcome input:focus{border-color:#f4b36c}.welcome .avatars{display:flex;flex-wrap:wrap;gap:4px}.welcome .avatars button{padding:4px 6px;font-size:20px;border-radius:9px;line-height:1;background:transparent;border:1px solid transparent}.welcome .avatars button.on{background:#f4b36c33;border-color:#f4b36c80}.welcome .primary{background:#f4b36c;color:#2b1a0c;border:none;border-radius:12px;padding:11px 14px;font-size:15px;font-weight:700}.welcome .primary:hover{background:#ffc37e}@media(max-width:540px){.page .player{width:100%}}.hint .auto{display:inline-flex;align-items:center;gap:5px;margin-left:4px;color:#f7f0e78c;font-size:13px;cursor:pointer}.hint .auto input{margin:0;accent-color:#f4b36c}.popped{display:flex;flex-direction:column;align-items:center;gap:12px;color:#f7f0e7b3;font-size:14px;text-align:center}.popped .primary{background:#f4b36c;color:#2b1a0c;border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}body.pip{margin:0;background:#1b1419;overflow:hidden;display:block;-webkit-user-select:none;user-select:none}body.pip .mini{padding:0;height:100vh;display:flex;align-items:center;justify-content:center}body.pip .player{-webkit-app-region:no-drag;width:min(100%,480px);height:auto;max-height:100%;border-radius:0;box-shadow:none;display:flex;flex-direction:column;background-size:cover}body.pip .player.collapsed{border-radius:0}body.pip .player .hdr{flex:none;box-shadow:none}body.pip .player .body{flex:none}html[data-brand=commix] body{background:radial-gradient(120% 90% at 50% 0%,#0e4664,#06283d 55%,#02101a) fixed}html[data-brand=commix] .hint .link{color:#ffbd00}html[data-brand=commix] .hint .auto input{accent-color:#ffbd00}html[data-brand=commix] .welcome{background:#021826cc;border-color:#ffffff1a}html[data-brand=commix] .welcome h1.brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:2px 0 4px}html[data-brand=commix] .welcome .wordmark{display:block;width:210px;height:auto;color:#f7f0e7}html[data-brand=commix] .welcome h1.brand span{font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#ffbd00;padding-left:2px}html[data-brand=commix] .welcome input:focus{border-color:#ffbd00}html[data-brand=commix] .welcome .avatars button.on{background:#ffbd002e;border-color:#ffbd008c}html[data-brand=commix] .welcome .primary,html[data-brand=commix] .popped .primary{background:#ffbd00;color:#1a1400}html[data-brand=commix] .welcome .primary:hover,html[data-brand=commix] .popped .primary:hover{background:#ffcb33}html[data-brand=commix] .mini{--m-accent: #ffbd00;--m-accent-ink: #1a1400}html[data-brand=commix] .player:not(.distracted){box-shadow:0 16px 44px #0000008c,0 2px 8px #00000059,0 0 0 1px #ffffff12,0 0 48px #ffbd001a}html[data-brand=commix] .go{box-shadow:0 4px 12px #ffbd0059}html[data-brand=commix] .pill.over{border-color:#ffbd0080}html[data-brand=commix] .menu .avatars button.on{background:#ffbd0033;border-color:#ffbd0080}html[data-brand=commix] body.pip{background:#06283d}html[data-brand=commix] .pill.due{border-color:#ffbd0080}