:root{--bg:#151829;--surface:#22264a;--surface-2:#2b305a;--surface-3:#363c6e;--border:#ffffff14;--text:#f1f2ff;--muted:#a3a8d6;--accent:#6c72ff;--accent-hover:#8186ff;--danger:#ff5a6a;--ok:#3ddc84;--shadow:0 12px 40px #00000073;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--bar-h:calc(54px + var(--safe-b));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:14px/1.45 Inter,Segoe UI,system-ui,-apple-system,Roboto,sans-serif;overflow:hidden}h1,h2,h3,h4,p{margin:0}code{background:#ffffff14;border-radius:5px;padding:1px 5px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}button,.btn{font:inherit;color:inherit;cursor:pointer;background:var(--surface-3);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;transition:background .12s,transform 80ms;display:inline-flex}button:hover,.btn:hover{background:#41477d}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.btn.primary{background:var(--accent);font-weight:600}button.primary:hover,.btn.primary:hover{background:var(--accent-hover)}button.ghost{border:1px solid var(--border);background:0 0}button.ghost:hover{background:#ffffff0f}button.small{padding:5px 10px;font-size:13px}button.big{padding:12px 18px;font-size:15px}button.block{width:100%}button.icon{background:0 0;border-radius:8px;padding:6px}button.icon:hover{background:#ffffff14}button.link{color:var(--accent-hover);background:0 0;padding:0;text-decoration:underline}:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}.seg{background:var(--bg);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);text-transform:capitalize;background:0 0;border-radius:8px;padding:5px 10px;font-size:13px}.seg button.on{background:var(--surface-3);color:var(--text)}.seg.small button{padding:3px 8px;font-size:12px}input,textarea,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:9px 11px}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}textarea{resize:none}.field{gap:6px;margin:12px 0;display:grid}.field>span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.avatar{image-rendering:pixelated;object-fit:contain;flex:none}.lobby{background:radial-gradient(circle at 20% 20%, #6c72ff40, transparent 40%), radial-gradient(circle at 80% 80%, #3ddc841f, transparent 40%), var(--bg);place-items:center;height:100%;padding:16px;display:grid;overflow:auto}.lobby-card{background:var(--surface);border:1px solid var(--border);width:min(760px,100%);box-shadow:var(--shadow);border-radius:20px;grid-template-columns:220px 1fr;gap:28px;padding:28px;display:grid}.lobby-avatar{flex-direction:column;justify-content:flex-start;align-items:center;display:flex}.lobby-preview{image-rendering:pixelated}.lobby-form h1{letter-spacing:-.02em;font-size:30px}.lobby-form h1 span{color:var(--accent-hover)}.lobby-form>.muted{margin:4px 0 16px}.lobby-form .primary.big{width:100%;margin-top:18px}.notice{background:#6c72ff1f;border:1px solid #6c72ff59;border-radius:12px;padding:10px 12px;font-size:13px}.sign-in-card{text-align:center;grid-template-columns:1fr;justify-items:center;gap:12px;width:min(420px,100%);padding:36px 32px}.sign-in-card img{box-shadow:var(--shadow);border-radius:20px}.sign-in-card h1{letter-spacing:-.02em;font-size:30px}.sign-in-card h1 span{color:var(--accent-hover)}.sign-in-card>.muted{text-wrap:balance;margin:-4px 0 6px}.signed-in{color:var(--muted);font-size:13px}.signed-in b{color:var(--text)}.google{color:#1f1f1f;background:#fff;width:100%;font-weight:600}.google:hover{background:#eceef5}.google span{color:#4285f4;font-weight:800}.look-preview{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.look-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:radial-gradient(55% 42% at 50% 88%,#8186ff59,#0000 70%),radial-gradient(circle at 50% 30%,#ffffff1a,#0000 60%),linear-gradient(#2a2f5c,#1b1f3d);border-radius:14px;place-items:center;width:100%;padding:18px 0 10px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 -18px 30px #00000040}.look-stage:active{cursor:grabbing}.look-stage:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.look-stage .turn{width:28px;height:28px;color:var(--text);border:1px solid var(--border);opacity:.55;background:#15182999;border-radius:50%;padding:0;font-size:20px;line-height:1;transition:opacity .15s,background .15s;position:absolute;top:50%;transform:translateY(-50%)}.look-stage:hover .turn,.look-stage .turn:focus-visible{opacity:1}.look-stage .turn:hover{background:var(--accent)}.look-stage .turn.left{left:8px}.look-stage .turn.right{right:8px}.look-plate{color:#fff3d6;background:#8a5a30;border-radius:6px;justify-items:center;gap:1px;min-width:120px;max-width:100%;padding:5px 16px 6px;display:grid;box-shadow:inset 0 0 0 2px #4a2e1b,inset 0 3px 0 -1px #a8743f,0 3px #00000059}.look-plate b{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:100%;font-size:14px;display:flex;overflow:hidden}.look-plate b i{background:#3ddc84;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 1px #00000073,0 0 6px #3ddc84b3}.look-plate small{color:#f3dcae;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.look-luck{gap:6px;display:flex}.look-options{gap:14px;margin-top:4px;display:grid}.look-options h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:600}.look-swatches{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.look-swatches button{aspect-ratio:1;border:none;border-radius:50%;min-width:0;padding:0;font-size:13px;font-weight:800;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #0000004d}.look-swatches button:hover{transform:translateY(-2px)scale(1.08)}.look-swatches button.on{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px #fff;transform:scale(1.06)}.look-swatches button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hair-styles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hair-styles button{background:var(--bg);color:var(--muted);text-transform:capitalize;border:2px solid #0000;border-radius:10px;justify-items:center;gap:2px;padding:6px 4px 5px;font-size:12px;transition:transform .12s,border-color .12s;display:grid}.hair-styles button canvas{image-rendering:pixelated}.hair-styles button:hover{color:var(--text);transform:translateY(-2px)}.hair-styles button.on{border-color:var(--accent);color:var(--text);background:#6c72ff24}.part-tabs{background:var(--bg);border-radius:10px;gap:2px;margin-bottom:10px;padding:3px;display:inline-flex}.part-tabs button{color:var(--muted);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.part-tabs button i{border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000059,0 0 0 1px #ffffff26}.part-tabs button.on{background:var(--surface-3);color:var(--text)}.tagline-field>span{justify-content:space-between;display:flex}.tagline-field>span small{letter-spacing:0;text-transform:none;font-weight:600}.tagline-field>small{font-size:12px}@media (width<=640px){.lobby-card{grid-template-columns:1fr;padding:18px}}.app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--bar-h);height:100dvh;display:grid}.app.with-sidebar{grid-template-columns:minmax(0,1fr) 280px}.stage{background:var(--bg);grid-area:1/1;position:relative;overflow:hidden}.world-host{position:absolute;inset:0}.world-canvas{touch-action:none;width:100%;height:100%;display:block}.controlbar{padding:0 calc(12px + var(--safe-r)) var(--safe-b) calc(12px + var(--safe-l));background:var(--surface);border-top:1px solid var(--border);grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.cb-me{align-items:center;gap:10px;min-width:0;display:flex}.cb-mine{border-left:1px solid var(--border);align-items:center;gap:2px;margin-left:2px;padding-left:8px;display:flex}.cb-me b{white-space:nowrap;text-overflow:ellipsis;max-width:160px;display:block;overflow:hidden}.status-pick-spot{display:flex;position:relative}.status-pick{text-align:left;background:0 0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0}.status-pick:hover{filter:brightness(1.15);background:0 0}.status-line{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.status-pick i,.status-menu i{border-radius:50%;flex:none;width:8px;height:8px}.status-pick .caret{font-size:10px}.where-toggle{flex:none}.where-toggle button{white-space:nowrap}.where-mark{margin-left:4px;font-size:.9em}.status-menu{z-index:10;background:var(--surface);border:1px solid var(--border);width:200px;box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 12px);left:-6px}.status-menu button{background:0 0;justify-content:flex-start;gap:8px;font-size:13px}.status-menu button:hover,.status-menu button:focus-visible,.status-menu button.on{background:var(--surface-3)}.status-menu span{text-align:left;flex:1}.status-menu kbd{font-size:11px}.cb-media{align-items:center;gap:8px;display:flex}.round{background:var(--surface-3);border-radius:50%;width:36px;height:36px;padding:0}.round.off{color:#ff8d98;background:#ff5a6a2e}.round.off:hover{background:#ff5a6a47}.round.live{background:var(--ok);color:#0d2a19}.remote-pick-spot{display:flex;position:relative}.remote-pick{z-index:10;background:var(--surface);border:1px solid var(--border);width:230px;box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.remote-pick>b{padding:4px 6px 6px;font-size:12px}.remote-pick>small{padding:0 6px 6px;font-size:12px;line-height:1.35}.remote-pick button{background:0 0;justify-content:flex-start;gap:8px}.remote-pick button:hover{background:var(--surface-3)}.device-pick-spot{margin-left:-6px;display:flex;position:relative}.device-caret{width:18px;height:36px;color:var(--muted);background:0 0;border-radius:8px;padding:0;font-size:11px}.device-caret:hover,.device-caret.on{background:var(--surface-3);color:var(--text)}.device-menu{z-index:10;background:var(--surface);border:1px solid var(--border);width:min(380px,100vw - 32px);max-height:60vh;box-shadow:var(--shadow);border-radius:14px;grid-template-columns:minmax(0,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 12px);left:50%;overflow:hidden auto;transform:translate(-50%)}.device-menu>b{color:var(--muted);padding:6px 6px 2px;font-size:12px}.device-menu>small{padding:0 6px 6px;font-size:12px;line-height:1.35}.device-menu button{text-align:left;background:0 0;justify-content:flex-start;gap:8px;font-size:13px}.device-menu button:hover,.device-menu button:focus-visible,.device-menu button.on{background:var(--surface-3)}.device-menu button span:last-child{overflow-wrap:anywhere;white-space:normal;flex:1;min-width:0}.device-menu .check{flex:none;width:12px}.cb-sep{background:var(--border);width:1px;height:28px;margin:0 4px}.emote{background:0 0;border-radius:10px;padding:3px;font-size:18px;line-height:1}.emote:hover{background:#ffffff14;transform:translateY(-2px)}.cb-right{align-items:center;gap:4px;display:flex}.tab{color:var(--muted);background:0 0;padding:8px 10px;position:relative}.tab.on{background:var(--surface-3);color:var(--text)}.badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:2px;right:2px}@media (width<=900px){.emote,.cb-sep{display:none}.cb-me b{max-width:90px}}.more-menu-spot{display:flex;position:relative}.more{font-size:20px;line-height:1}.more-menu{z-index:10;background:var(--surface);border:1px solid var(--border);width:238px;box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 5px);right:-4px}.more-menu button{background:0 0;justify-content:flex-start;gap:8px;min-height:44px;font-size:13px}.more-menu button:hover,.more-menu button:focus-visible,.more-menu button.on{background:var(--surface-3)}.more-menu svg{flex:none;width:16px;height:16px}.more-emotes{border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:4px;display:flex}.more-emotes button{justify-content:center;min-width:44px;padding:0;font-size:18px}@media (width<=640px),(height<=500px){.controlbar{padding:0 calc(8px + var(--safe-r)) var(--safe-b) calc(8px + var(--safe-l));gap:6px}.cb-me,.cb-media,.cb-right{gap:4px}.status-pick-spot{min-width:0}.status-pick{justify-content:center;min-width:44px;max-width:100%;min-height:44px}.cb-me b{max-width:100%}.status-label{display:none}.round{width:44px;height:44px}.controlbar .tab,.me-button{justify-content:center;min-width:44px;min-height:44px}.controlbar .tab{padding:8px}.me-menu button,.status-menu button{min-height:44px}}.top-left{top:calc(12px + var(--safe-t));left:calc(12px + var(--safe-l));pointer-events:none;align-items:center;gap:8px;max-width:calc(100% - 24px);display:flex;position:absolute}.view-switch{pointer-events:auto;flex:none}.top-left .view-switch{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);background:#151829d1;border-radius:999px}.view-switch button{border-radius:999px}.place{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);background:#151829d1;border-radius:999px;align-items:center;gap:8px;min-width:0;padding:5px 10px;font-size:12px;display:flex}.place small{color:var(--muted)}.place.private{border-color:#f6c34366}:is(.place .room-lock,.place .room-lock:has(input:checked)){pointer-events:auto;border:none;border-left:1px solid var(--border);background:0 0;border-radius:0;padding:0 0 0 8px}.place .room-lock:has(input:checked){color:#ff8a96}.me-button{text-align:left;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0;display:flex}.me-button:hover{filter:brightness(1.15);background:0 0}.me-menu-spot{display:flex;position:relative}.me-menu{z-index:10;background:var(--surface);border:1px solid var(--border);width:200px;box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 12px);left:-6px}.me-menu button{background:0 0;justify-content:flex-start;gap:8px;font-size:13px}.me-menu button:hover,.me-menu button:focus-visible{background:var(--surface-3)}.me-menu svg{flex:none;width:16px;height:16px}.me-menu .me-logout{border-top:1px solid var(--border);color:#ff8d98;border-radius:0 0 8px 8px;margin-top:4px;padding-left:32px}.carry-bar{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);white-space:nowrap;z-index:6;background:#151829f0;border:1px solid #6c72ff99;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:12px;animation:.15s ease-out rise;display:flex;position:absolute;bottom:52px;transform:translate(-50%)}.carry-bar.carried{border-color:#f6c343}.carry-bar kbd{font-size:11px}.follow-bar{border-color:#3ddc8499;padding-left:10px}.follow-bar .avatar{flex:none}.struggle{letter-spacing:2px;color:#f6c343}.avatar-menu button small{font-size:11px}.am-account{color:var(--muted);font-size:11px;display:block}.am-unavailable{color:#ffb3bb;background:#ff5a6a1f;border:1px solid #ff5a6a59;border-radius:8px;padding:5px 8px;font-size:11px;line-height:1.35}.room-lock{white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:#151829db;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:12px;display:inline-flex;position:relative}.room-lock input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.room-lock .switch{background:#4a5070;border-radius:999px;flex:none;width:26px;height:14px;transition:background .15s;position:relative}.room-lock .switch:after{content:"";background:#fff;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}.room-lock input:checked+.switch{background:#ff5a6a}.room-lock input:checked+.switch:after{transform:translate(12px)}.room-lock input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.room-lock:has(input:checked){background:#5c1420e6;border-color:#ff5a6a99}.update-ready{top:calc(56px + var(--safe-t));left:calc(12px + var(--safe-l));z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151829eb;border:1px solid #6c72ff;border-radius:12px;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:8px 8px 8px 14px;font-size:13px;font-weight:600;display:flex;position:absolute;box-shadow:0 6px 20px #00000059}.top-notices{top:calc(12px + var(--safe-t));left:var(--safe-l);right:var(--safe-r);z-index:25;pointer-events:none;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.top-notices>*{pointer-events:auto}.reconnecting{color:#ffe9b0;white-space:nowrap;background:#5c3d0a;border:1px solid #f6c343;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.sharing-frame{z-index:40;border:3px solid var(--danger);pointer-events:none;position:fixed;inset:0}.sharing-badge{color:#ffd6db;white-space:nowrap;background:#5c1420f0;border:1px solid #ff5a6a99;border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 14px;font-size:13px;font-weight:600;display:flex}.sharing-badge button.link{color:#fff;font-weight:700}.sharing-badge button.icon{color:#ffd6db;border-radius:999px;padding:4px}.crash{text-align:center;place-items:center;height:100%;padding:16px;display:grid}.crash h1{margin-bottom:8px;font-size:24px}.crash p{margin-bottom:16px}.hint{left:calc(50% + (var(--safe-l) - var(--safe-r)) / 2);border:1px solid var(--border);pointer-events:none;white-space:nowrap;background:#151829e6;border-radius:999px;padding:6px 12px;font-size:12px;animation:.15s ease-out rise;position:absolute;bottom:12px;transform:translate(-50%)}kbd{color:#151829;background:#fff;border-radius:5px;margin:0 2px;padding:1px 6px;font-family:inherit;font-weight:700;box-shadow:0 2px #9aa0c8}.zoom{right:calc(12px + var(--safe-r));pointer-events:none;grid-template-columns:34px 34px;gap:4px;display:grid;position:absolute;bottom:12px}.zoom button{pointer-events:auto;background:#2b305ae6;width:34px;height:34px;padding:0;font-size:18px}.zoom button:first-child,.zoom button:last-child{grid-column:2}@keyframes rise{0%{opacity:0;transform:translate(-50%,6px)}}:root{--tile-w:160px;--tile-h:100px}.dock{bottom:12px;left:calc(50vw + (var(--safe-l) - var(--safe-r)) / 2);max-width:calc(2 * (100% - 50vw) - 120px - var(--safe-l) - var(--safe-r));gap:6px;padding:2px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.dock~.hint{left:calc(50vw + (var(--safe-l) - var(--safe-r)) / 2);bottom:calc(var(--tile-h) + 24px)}.dock~.carry-bar{left:calc(50vw + (var(--safe-l) - var(--safe-r)) / 2);bottom:calc(var(--tile-h) + 64px)}.tile{width:var(--tile-w);height:var(--tile-h);background:var(--surface-2);border:2px solid #0000;border-radius:10px;flex:none;place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 18px #00000059}.tile.speaking{border-color:var(--ok)}.tile.dim>:not(.tile-status){opacity:.5}.quality{background:#0000008c;border-radius:6px;align-items:flex-end;gap:2px;padding:3px 6px;display:flex;position:absolute;top:6px;left:6px}.quality i{background:#ffffff40;border-radius:1px;width:3px}.quality i:first-child{height:4px}.quality i:nth-child(2){height:7px}.quality i:nth-child(3){height:10px}.quality b{margin-left:4px;font-size:10px;font-weight:600;line-height:10px}.quality.good i{background:var(--ok)}.quality.ok i:nth-child(-n+2){background:#f6c343}.quality.bad i:first-child{background:var(--danger)}.tile-status{color:#2a2000;background:#f6c343e6;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;position:absolute;top:6px;left:6px}.tile .video{width:100%;height:100%;position:absolute;inset:0}.video.mirrored{transform:scaleX(-1)}.tile.screen{background:#0d0f1c}.tile.screen:hover{border-color:var(--accent);background:#0d0f1c}.tile-name{white-space:nowrap;background:#0000008c;border-radius:6px;align-items:center;gap:4px;max-width:calc(100% - 12px);padding:2px 7px;font-size:11px;display:flex;position:absolute;bottom:6px;left:6px;overflow:hidden}.tile-name svg{color:#ff8d98;flex:none;width:12px;height:12px}.tile-emote{background:#fff;border-radius:9px;place-items:center;min-width:30px;height:28px;padding:0 4px;font-size:18px;line-height:1;display:grid;position:absolute;bottom:6px;right:6px;box-shadow:0 2px 8px #00000059}.tile.screen .tile-name svg{color:var(--text)}.tile-ask{background:#0000008c;border-radius:6px;padding:3px 6px;font-size:14px;line-height:1;position:absolute;top:6px;right:6px}.tile-ask:hover{background:#000c}.tile-expand{background:#0000008c;border-radius:6px;padding:3px;display:grid;position:absolute;top:6px;right:6px}.screen-stage{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 12px calc(12px + var(--safe-l));z-index:5;background:#0a0c18f0;flex-direction:column;gap:8px;display:flex;position:absolute;inset:0}.screen-view{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;display:flex}.screen-view header{justify-content:space-between;align-items:center;gap:8px;display:flex}.screen-view header b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.screen-box{background:#000;border-radius:10px;flex:1;min-height:0;position:relative;overflow:hidden}.screen-box .video{width:100%;height:100%;position:absolute;inset:0}.ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ink.pen{pointer-events:auto;cursor:crosshair;touch-action:none}.ink-tools{flex:none;align-items:center;gap:6px;display:flex}.ink-tools button.on{border-color:var(--accent);background:#6c72ff38}.auto-erase{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:inline-flex}.auto-erase input{width:auto;accent-color:var(--accent);margin:0}.swatch{border:2px solid #ffffff40;border-radius:50%;width:18px;height:18px;padding:0}.swatch:hover{filter:brightness(1.1)}.swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.meeting{z-index:4;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) 12px calc(12px + var(--safe-l));background:#0e1020;flex-direction:column;gap:10px;display:flex;position:absolute;inset:0}.meeting>header{align-items:center;gap:12px;display:flex}.meeting>header b{white-space:nowrap;font-size:15px}.meeting>header .muted{margin-right:auto;font-size:12px}.meeting-body{flex:1;gap:10px;min-height:0;display:flex}.meeting-grid{flex:1;place-content:center;gap:10px;min-width:0;display:grid}.mtile .tile{width:100%;height:100%}.meeting.with-screen .meeting-grid{flex-direction:column;flex:0 0 220px;justify-content:flex-start;display:flex;overflow-y:auto}.meeting.with-screen .mtile{flex:none;width:220px;height:124px}.meeting-cam{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=700px){.meeting.with-screen .meeting-body{flex-direction:column}.meeting.with-screen .meeting-grid{flex-direction:row;flex:none;overflow-x:auto}.meeting.with-screen .mtile{width:160px;height:90px}}@media (width<=640px),(height<=500px){.meeting>header{gap:6px}.meeting>header b,.meeting>header .muted{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.meeting>header .muted{flex:4.5em;min-width:4.5em}.screen-view header{flex-wrap:wrap}.screen-view header b{flex:auto}.ink-tools{flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto}.stage:has(.top-notices :is(.sharing-badge,.reconnecting)) :is(.meeting,.screen-stage){padding-top:calc(52px + var(--safe-t))}.stage:not(:has(.meeting,.screen-stage)) .top-notices{top:calc(56px + var(--safe-t))}.stage:not(:has(.meeting,.screen-stage)):has(.top-notices :is(.sharing-badge,.reconnecting)) .update-ready{top:calc(100px + var(--safe-t))}.meeting-cam{flex:none;align-self:center;position:static;transform:none}}.backdrop-clear{z-index:9;position:fixed;inset:0}.calendar-pop{left:12px;bottom:calc(var(--bar-h) + 6px);z-index:30;width:min(460px,100vw - 24px);height:min(560px, calc(100dvh - var(--bar-h) - 36px));background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;padding:10px;animation:.15s ease-out rise-in-place;display:flex;position:fixed;box-shadow:0 18px 50px #00000080}@keyframes rise-in-place{0%{opacity:0;transform:translateY(6px)}}.calendar-pop header{align-items:center;gap:8px;display:flex}.calendar-pop header b{margin-right:auto;font-size:14px}.calendar-pop .seg button{padding:3px 8px;font-size:12px}.calendar-pop iframe{background:#fff;border:0;border-radius:10px;flex:1;width:100%}.calendar-pop>small{font-size:11px;line-height:1.35}.cal-open{color:var(--muted);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.cal-open:hover{color:var(--text);background:#ffffff0f}.calendar-empty{text-align:center;color:var(--muted);flex:1;place-content:center;gap:12px;padding:20px;display:grid}.avatar-menu{z-index:10;background:var(--surface);border:1px solid var(--border);width:230px;box-shadow:var(--shadow);border-radius:14px;gap:2px;padding:8px;display:grid;position:fixed}.avatar-menu button{background:0 0;justify-content:flex-start}.avatar-menu button:hover{background:var(--surface-3)}.am-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:4px;padding:6px 6px 10px;display:flex}.am-head small{color:var(--muted);align-items:center;gap:4px;font-size:12px;display:flex}.am-head i{border-radius:50%;width:7px;height:7px;display:inline-block}.toasts{top:calc(12px + var(--safe-t));right:calc(12px + var(--safe-r));width:min(400px, calc(100% - 24px - var(--safe-l) - var(--safe-r)));z-index:20;gap:8px;display:grid;position:absolute}@media (width<=640px),(height<=500px){.toasts{width:auto;padding:0 calc(12px + var(--safe-r)) 8px calc(12px + var(--safe-l));z-index:31;max-height:calc(100% - 64px - var(--safe-t));overscroll-behavior:contain;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;display:flex;inset:auto 0 0;overflow:hidden auto}.app:has(.chat-input) .toasts{max-height:calc(100% - 192px - var(--safe-t));bottom:128px}.toast{pointer-events:auto;flex:none;order:4;width:min(400px,100%)}.toast:last-child{order:0}.toast:nth-last-child(2){order:1}.toast:nth-last-child(3){order:2}.toast:nth-last-child(4){order:3}}.toast{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:14px 40px 14px 16px;font-size:15px;animation:.18s ease-out slide;position:relative}.toast-actions{gap:8px;margin-top:10px;display:flex}.toast-actions button{padding:8px 16px;font-size:15px}.toast:has(.toast-actions){border-color:#6c72ff80;padding-right:16px}.toast-x{padding:3px;position:absolute;top:6px;right:6px}@keyframes slide{0%{opacity:0;transform:translate(12px)}}.modal-backdrop{z-index:8;background:#080a1499;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:min(420px,100%);max-height:100%;box-shadow:var(--shadow);border-radius:18px;padding:24px;position:relative;overflow:auto}.modal.wide{width:min(1000px,100%)}.modal.customize{width:min(680px,100%)}.customize-body{grid-template-columns:200px 1fr;align-items:start;gap:20px;display:grid}@media (width<=600px){.customize-body{grid-template-columns:1fr}}.modal-x{position:absolute;top:12px;right:12px}.modal h2{margin-bottom:8px;padding-right:32px;font-size:20px}.btn.small{flex:none;padding:5px 10px;font-size:13px}.other-window{text-align:center;grid-template-columns:1fr;justify-items:center;gap:10px;max-width:420px;display:grid}.other-window img{border-radius:16px}.lobby.replaced{background:linear-gradient(#0009, #0009), var(--bg)}.account{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.lobby-joining{color:var(--muted);justify-items:center;gap:8px;display:grid}.lobby-joining b{color:var(--text)}.remote-steps{gap:14px;margin:12px 0 14px;padding-left:20px;line-height:1.45;display:grid}.remote-steps small{margin-top:2px;font-size:12px;display:block}.remote-steps form{gap:8px;margin-top:8px;display:flex}.remote-steps input{letter-spacing:2px;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:18px}.office-panel{text-align:center;justify-items:center;gap:12px;display:grid}.office-panel button{width:100%}.floor-pick{justify-items:center;gap:8px;width:100%;padding:4px 0;display:grid}.floor-pick>div{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.office-panel .floor-swatch{border:2px solid #00000040;border-radius:8px;width:30px;height:30px;padding:0}.office-panel .floor-swatch:hover{filter:brightness(1.05);transform:translateY(-1px)}.office-panel .floor-swatch.on{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.link-icon{font-size:44px;line-height:1}.welcome table{border-collapse:collapse;width:100%;margin:8px 0 12px;font-size:13px}.welcome th{text-align:left;white-space:nowrap;color:var(--accent-hover);vertical-align:top;padding:7px 12px 7px 0}.welcome td{color:var(--muted);padding:7px 0}.welcome tr+tr{border-top:1px solid var(--border)}.modal.shortcuts{width:min(880px,100%)}.shortcut-groups{columns:250px 3;column-gap:32px;margin-top:8px}.shortcut-groups section{break-inside:avoid;margin-bottom:16px}.shortcut-groups h3{text-transform:uppercase;letter-spacing:.06em;color:var(--accent-hover);margin:0 0 4px 152px;font-size:12px}.key-row{color:var(--muted);white-space:nowrap;grid-template-columns:140px 1fr;align-items:center;column-gap:12px;padding:3px 0;font-size:14px;display:grid}.key-caps{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.key-caps kbd{text-align:center;min-width:26px;margin:0;padding:2px 6px;font-size:14px}.key-caps.mouse kbd{padding:3px 6px;font-size:12px;font-weight:600}.jira-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding-right:40px;display:flex}.jira-title{align-items:center;gap:8px;margin-right:auto;display:flex}.jira-title h2{margin:0;padding:0}.jira-logo{color:#fff;background:#0c66e4;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.pc-view{background:var(--bg);border-radius:8px;width:auto;padding:5px 8px;font-size:13px}.empty{text-align:center;color:var(--muted);background:var(--bg);border-radius:12px;padding:32px 16px}.empty.error{color:var(--danger)}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.kanban section{background:var(--bg);border-radius:12px;align-content:start;gap:8px;max-height:60vh;padding:10px;display:grid;overflow:auto}.kanban h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);gap:6px;padding:2px 4px;font-size:12px;display:flex}.kanban h3 span{background:var(--surface-3);color:var(--text);border-radius:6px;padding:0 6px}.card{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;gap:8px;padding:10px;text-decoration:none;display:grid}.card:hover{border-color:var(--accent)}.card p{font-size:13px}.card footer{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.card .key{color:var(--accent-hover);font-weight:700}.card .type{background:var(--surface-3);border-radius:5px;padding:0 5px}.card .assignee{align-items:center;gap:4px;margin-left:auto;display:flex}.card .assignee img{border-radius:50%;width:16px;height:16px}@media (width<=700px){.kanban{grid-template-columns:1fr}}.wiki-search{width:min(260px,100%);padding:6px 10px;font-size:13px}.wiki-spaces{flex-wrap:wrap;margin-bottom:6px}.wiki-note{margin:0 0 10px}.wiki-list{gap:6px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.wiki-list.stale{opacity:.6}.wiki-list button{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:start;gap:3px;width:100%;padding:10px 12px;display:grid}.wiki-list button:hover{border-color:var(--accent);background:var(--surface-2)}.wiki-list b{font-size:14px;font-weight:600}.wiki-list small{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.wiki-space{color:#8fb8ff;background:#0c66e42e;border-radius:5px;padding:0 6px;font-weight:600}.wiki-page-title{min-width:0;margin-right:auto;display:grid}.wiki-page-title h2{white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0;font-size:18px;overflow:hidden}.wiki-frame{background:#fff;border:0;border-radius:12px;width:100%;height:min(68vh,900px)}.toggles{gap:10px;margin:14px 0 10px;display:grid}.toggle{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.toggle input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:2px 0 0}.toggle b{font-size:13px;font-weight:600;display:block}.toggle small{color:var(--muted);font-size:12px}.netcheck{border-top:1px solid var(--border);justify-items:start;gap:8px;margin-top:16px;padding-top:14px;display:grid}.netcheck h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.netcheck ul{gap:4px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.netcheck li:before{width:20px;display:inline-block}.netcheck li.ok:before{content:"✅"}.netcheck li.bad:before{content:"❌"}.netcheck li.off:before{content:"➖"}.netcheck li.off{color:var(--muted)}.sidebar{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;grid-area:1/2;min-height:0;display:flex}.sb-tabs{border-bottom:1px solid var(--border);gap:4px;padding:10px;display:flex}.sb-tabs button:not(.icon){color:var(--muted);background:0 0;flex:1}.sb-tabs button.on{background:var(--surface-3);color:var(--text)}.sb-body{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:12px;display:grid;overflow:auto}.sb-body h4{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:8px;font-size:11px}.sb-body ul{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.person{border-radius:10px;align-items:center;gap:10px;padding:6px;display:flex}.person:hover{background:var(--surface-2)}.person-info{flex:1;min-width:0}.person-info b{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.person-info b i{border-radius:50%;flex:none;width:8px;height:8px}.person-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.person-info .where-mark{flex:none}.person-info small{color:var(--muted);font-size:12px}.person-actions{opacity:.35;display:flex}.person:hover .person-actions{opacity:1}.chat{flex-direction:column;flex:1;min-height:0;display:flex}.chat-list{flex:1;align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.msg-head{align-items:baseline;gap:6px;font-size:13px;display:flex}.msg-head time{color:var(--muted);margin-left:auto;font-size:11px}.msg p{color:#d8daf5;white-space:pre-wrap;overflow-wrap:anywhere}.msg.mine .msg-head b{color:var(--accent-hover)}.tag{color:var(--ok);background:#3ddc8426;border-radius:5px;padding:0 5px;font-size:10px}.chat-input{border-top:1px solid var(--border);gap:8px;padding:10px;display:grid}@media (width<=760px){.app.with-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar{top:0;right:0;bottom:var(--bar-h);z-index:15;width:min(300px,100%);box-shadow:var(--shadow);position:fixed}:root{--tile-w:140px;--tile-h:88px}}@media (width<=640px),(height<=500px){.app.with-sidebar{grid-template-columns:minmax(0,1fr)}.sidebar{inset:0 0 var(--bar-h);z-index:7;width:auto;box-shadow:none;padding:var(--safe-t) var(--safe-r) 0 var(--safe-l);border-left:none;position:fixed}.modal-backdrop{padding:0}.modal,.modal.wide,.modal.customize,.modal.shortcuts{width:100%;height:100%;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) 16px calc(16px + var(--safe-l));border:none;border-radius:0}.modal-x{top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r))}.calendar-pop{inset:0 0 var(--bar-h);width:auto;height:auto;box-shadow:none;padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) 10px calc(10px + var(--safe-l));border:none;border-radius:0}.wiki-list,.kanban section{max-height:none}}.guard{grid-template-columns:auto 1fr;align-items:start;gap:16px;padding-top:4px;display:grid}.guard-face{width:102px;height:126px;image-rendering:pixelated;background:#ffffff0a;border-radius:12px}.guard-talk{justify-items:start;gap:10px;min-width:0;display:grid}.guard-name{color:#f6c343;letter-spacing:.02em;font-size:13px}.guard-talk p{margin:0;line-height:1.45}.guard-q{font-weight:600}.guard-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.guard-roll{align-items:center;gap:12px;font-weight:600;display:flex}.die{background:#fff;border-radius:11px;grid-template:repeat(3,1fr)/repeat(3,1fr);width:48px;height:48px;padding:7px;display:grid;box-shadow:0 3px #b9bdd6}.die i{background:#1d1f2e;border-radius:50%;place-self:center;width:8px;height:8px}.die i.off{visibility:hidden}.die.rolling{animation:.18s linear infinite die-wobble}@keyframes die-wobble{0%{transform:rotate(-12deg)translateY(-2px)}50%{transform:rotate(10deg)translateY(1px)}to{transform:rotate(-12deg)translateY(-2px)}}@media (width<=480px){.guard{grid-template-columns:1fr;justify-items:center}.guard-talk{text-align:center;justify-items:center}}.token-reminder{top:calc(52px + var(--safe-t));z-index:6;background:#2b2008f0;border:1px solid #f6c3438c;border-radius:12px;align-items:center;gap:10px;width:min(640px,100% - 32px);padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.token-reminder p{flex:1;min-width:0;margin:0}.token-reminder b,.token-reminder a{color:#ffd98a}.token-reminder code{background:#ffffff14;border-radius:4px;padding:1px 4px;font-size:11.5px}.token-reminder button{flex:none}