:root{--bg:#f4f3ef;--grid:#d8d5cc;--ink:#1d1c1a;--soft:#6f6b63;--line:#e2dfd7;--panel:#fff;--accent:#2f5bea;--accent-soft:#2f5bea1f;--shadow:0 1px 2px #14120c14, 0 6px 18px #14120c12;--ui-shadow:0 1px 2px #14120c0f, 0 8px 28px #14120c1f;color:var(--ink);--st:env(safe-area-inset-top,0px);--sr:env(safe-area-inset-right,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root,.app{height:100%;margin:0;overflow:hidden}html{touch-action:pan-x pan-y;-webkit-text-size-adjust:100%}body{background:var(--bg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button{font:inherit;color:inherit}[hidden]{display:none!important}.viewport{touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--bg);background-image:radial-gradient(circle, var(--grid) 1.1px, transparent 1.3px);position:absolute;inset:0;overflow:hidden}.viewport.grab,.viewport.grab *{cursor:grab!important}.viewport.panning,.viewport.panning *{cursor:grabbing!important}.world{transform-origin:0 0;--inv:1;width:0;height:0;position:absolute;top:0;left:0}.marquee{border:1px solid var(--accent);background:var(--accent-soft);pointer-events:none;border-radius:2px;position:absolute}.guide{pointer-events:none;background:#2f5bea24;border-radius:2px;position:absolute}.guide.line{background:var(--accent)}.item{cursor:default;font-size:15px;line-height:1.42;position:absolute}.item .body{white-space:pre-wrap;overflow-wrap:anywhere}.item .ph{color:#1d1c1a61}.item.sel,.item.editing{outline:calc(2px * var(--inv)) solid var(--accent);outline-offset:calc(2px * var(--inv))}.item.marked{outline:calc(2px * var(--inv)) solid var(--peer);outline-offset:calc(2px * var(--inv))}.item.target,.frame.target{outline:calc(3px * var(--inv)) solid var(--accent);outline-offset:calc(3px * var(--inv))}.item textarea{resize:none;width:100%;font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;margin:0;padding:0;display:block;overflow:hidden}.item textarea::placeholder{color:#1d1c1a61}.item .rz{cursor:ew-resize;width:12px;position:absolute;top:0;bottom:0;right:-7px}.item .rz:after{content:"";background:var(--accent);border-radius:2px;width:4px;height:28px;max-height:100%;position:absolute;top:calc(50% - 14px);left:4px}.tag{background:var(--peer);color:#fff;letter-spacing:0;white-space:nowrap;pointer-events:none;transform:scale(var(--inv));transform-origin:0 100%;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.5;position:absolute;bottom:calc(100% + 4px);left:-2px}.note{background:var(--note);min-height:120px;box-shadow:var(--shadow);--note:#fff0a3;border-radius:3px;padding:14px 16px 18px}.note.yellow{--note:#fff0a3}.note.orange{--note:#ffd7a3}.note.pink{--note:#ffc7d4}.note.violet{--note:#dfd2ff}.note.blue{--note:#c4dcfb}.note.green{--note:#c6ebc1}.note.paper{--note:#fff}.note textarea{min-height:88px}.c-grey{--tint:#edebe5;--edge:#d8d4ca;--full:#d5d1c7;--on:var(--ink)}.c-yellow{--tint:#fff4bd;--edge:#ead670;--full:#ffd94d;--on:var(--ink)}.c-green{--tint:#d9f0d3;--edge:#a8d69f;--full:#2e9954;--on:#fff}.c-mint{--tint:#e2f6e9;--edge:#b0e0c1;--full:#9be0b4;--on:var(--ink)}.c-red{--tint:#fde2dd;--edge:#f0b1a8;--full:#d8493c;--on:#fff}.c-blue{--tint:#dbe8fd;--edge:#a9c5f4;--full:#2f6fe0;--on:#fff}.c-violet{--tint:#e8defe;--edge:#c4b0f2;--full:#7a54d4;--on:#fff}.c-paper{--tint:#fff;--edge:#d8d4ca;--full:#1d1c1a;--on:#fff}.card{background:var(--tint);box-shadow:inset 0 0 0 1px var(--edge);border-radius:6px;flex-direction:column;justify-content:center;padding:8px 11px;line-height:1.35;display:flex}.card.t-strong{background:var(--full);color:var(--on);box-shadow:none;font-weight:600}.card.t-outline{box-shadow:inset 0 0 0 1.5px var(--full);background:#fff}.card.a-middle{text-align:center}.shape{text-align:center;flex-direction:column;justify-content:center;padding:6px 12px;line-height:1.3;display:flex}.shape .outline{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.shape .outline path{fill:var(--tint);stroke:var(--edge);stroke-width:1.5px;stroke-linejoin:round}.shape.t-strong{color:var(--on);font-weight:600}.shape.t-strong .outline path{fill:var(--full);stroke:var(--full)}.shape.t-outline .outline path{fill:#fff;stroke:var(--full)}.shape .body,.shape textarea{position:relative}.shape.f-diamond,.shape.f-triangle{padding:6px 22%}.shape.f-ellipse,.shape.f-hexagon,.shape.f-parallelogram{padding:6px 14%}.shape.f-triangle{justify-content:flex-end;padding-bottom:10px}.shape.f-cylinder{padding-top:18px}.item.text{min-height:1.3em;line-height:1.3}.text.s-m{font-size:16px;line-height:1.45}.text.s-l{font-size:22px;font-weight:650}.text.s-xl{letter-spacing:-.01em;font-size:30px;font-weight:700}.text.s-title{letter-spacing:-.02em;font-size:60px;font-weight:750;line-height:1.12}.text.soft{color:var(--soft)}.image img{pointer-events:none;width:100%;height:100%;display:block}.screen{box-shadow:var(--shadow);background:#1d1c1a;border-radius:6px}.screen video{object-fit:fill;border-radius:inherit;pointer-events:none;width:100%;height:100%;display:block}.screen .idle{text-align:center;color:#ffffffb8;place-items:center;height:100%;padding:16px;display:grid}.sname{color:var(--soft);white-space:nowrap;pointer-events:none;transform:scale(var(--inv));transform-origin:0 0;font-size:13px;font-weight:600;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0}.table{background:#fff;border-radius:6px;line-height:1.35;box-shadow:0 0 0 1.5px #bdb8ac}.table .grid{border-radius:6px;display:grid;overflow:hidden}.cell{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--tint,#fff);flex-direction:column;justify-content:center;min-width:0;padding:8px 11px;display:flex;position:relative;box-shadow:inset -1px -1px #cdc8bc}.cell.th{text-align:center;background:#dcd8ce;font-weight:650}.table.editing .cell{cursor:cell}.cell.open{box-shadow:inset 0 0 0 2px var(--accent);cursor:text}.cell.marked{box-shadow:inset 0 0 0 2px var(--peer)}.cell .tag{transform-origin:100% 0;inset:2px 2px auto auto}.colrz{cursor:col-resize;width:12px;margin-left:-6px;position:absolute;top:0;bottom:0}.colrz:after{content:"";background:var(--accent);opacity:0;width:2px;transition:opacity .1s;position:absolute;top:0;bottom:0;left:5px}.colrz:hover:after,.viewport.dragging .colrz:after{opacity:1}.frame{background:#ffffff8c;border:1.5px solid #cfcbc1;border-radius:10px;position:absolute}.frame.sel{border-color:var(--accent);box-shadow:0 0 0 calc(1px * var(--inv)) var(--accent)}.frame.marked{border-color:var(--peer);box-shadow:0 0 0 calc(1px * var(--inv)) var(--peer)}.ftitle{--fits:clamp(0, min(var(--w) / var(--inv) - 80, var(--h) / var(--inv) - 36), 1);max-width:calc(var(--fits) * 100% / var(--inv));opacity:var(--fits);color:var(--soft);white-space:nowrap;cursor:default;transform:scale(var(--inv));transform-origin:0 100%;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden}.frame.sel>.ftitle,.frame.marked>.ftitle{max-width:max(120px, 100% / var(--inv));opacity:1}.ftitle:has(input){opacity:1;max-width:none;overflow:visible}.ftitle>span:first-child{text-overflow:ellipsis;border-radius:5px;min-width:0;padding:2px 6px;overflow:hidden}.frame.sel .ftitle>span:first-child{background:var(--accent);color:#fff}.ftitle .tag{flex:none;position:static;transform:none}.ftitle input{font:inherit;color:var(--ink);border:1.5px solid var(--accent);-webkit-user-select:text;user-select:text;background:#fff;border-radius:5px;outline:0;padding:2px 6px}.frz{border:2px solid var(--accent);cursor:nwse-resize;width:16px;height:16px;transform:scale(var(--inv));background:#fff;border-radius:50%;position:absolute;bottom:-8px;right:-8px}.arrows{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.arrows .e{fill:none;stroke:#55514a;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.arrows .e.dash{stroke-dasharray:7 6}.arrows .elabel{fill:#3c3934;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:var(--bg);stroke-width:6px;stroke-linejoin:round;pointer-events:none;font-size:13px;font-weight:600}.arrows .elabel.sel{fill:var(--accent)}.arrows .e.sel,.arrows .e.temp{stroke:var(--accent);stroke-width:2.4px}.arrows .e.temp{stroke-dasharray:6 5}.arrows .ehit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.arrows marker.ah path{stroke:#55514a}.arrows marker.ah-sel path{stroke:var(--accent)}.port{border:2px solid var(--accent);cursor:crosshair;width:12px;height:12px;transform:scale(var(--inv));background:#fff;border-radius:50%;margin:-6px 0 0 -6px;transition:background .1s;position:absolute}.port:hover{background:var(--accent)}.viewport.dragging .port,.viewport.dragging .selbar{visibility:hidden}.selbar{background:var(--panel);box-shadow:var(--ui-shadow);border:1px solid var(--line);white-space:nowrap;transform:translate(-50%, -100%) scale(var(--inv)) translateY(-34px);transform-origin:50% 100%;border-radius:10px;align-items:center;gap:2px;padding:5px;display:flex;position:absolute}.selbar button,.toolbar button,.callbar button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 8px;display:inline-flex}.selbar button:hover,.toolbar button:hover,.callbar button:hover{background:#f0eee9}.selbar .swatch{background:var(--note);border:1px solid #00000024;border-radius:50%;width:22px;height:22px;margin:0 3px;padding:0}.selbar .swatch:hover{background:var(--note);transform:scale(1.12)}.selbar .swatch.on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--accent)}.swatch.yellow{--note:#fff0a3}.swatch.orange{--note:#ffd7a3}.swatch.pink{--note:#ffc7d4}.swatch.violet{--note:#dfd2ff}.swatch.blue{--note:#c4dcfb}.swatch.green{--note:#c6ebc1}.swatch.paper{--note:#fff}.selbar .swatch[class*=c-]{--note:var(--tint)}.selbar .swatch.two,.selbar .swatch.two:hover{background:linear-gradient(135deg, var(--tint) 50%, var(--full) 50%)}.selbar .swatch.none,.selbar .swatch.none:hover{background:linear-gradient(135deg,#fff 46%,#d93a3a 46% 54%,#fff 54%)}.selbar button.form{padding:0 5px}.selbar button.form path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round}.selbar input{border:1px solid var(--line);width:140px;height:30px;font:inherit;color:inherit;-webkit-user-select:text;user-select:text;background:#fff;border-radius:7px;outline:0;padding:0 8px}.selbar input:focus{border-color:var(--accent)}.selbar button.word{color:var(--soft);font-weight:500}.selbar button.on:not(.swatch),.toolbar button.on,.callbar button.on{background:var(--accent-soft);color:var(--accent)}.selbar button.stop{color:#d93a3a}.selbar button.stop:hover{background:#fdeeee}.sep{background:var(--line);width:1px;height:20px;margin:0 5px}.cursor{transform-origin:0 0;pointer-events:none;z-index:5;transition:transform 90ms linear;position:absolute;top:0;left:0}.cursor svg{filter:drop-shadow(0 1px 1px #00000040);display:block}.cursor .who{color:#fff;white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:12px;font-weight:600;position:absolute;top:18px;left:14px}.cmark{width:0;height:0;transform:scale(var(--inv));transform-origin:0 0;z-index:3;position:absolute}.cmark.open{z-index:4}.cmark>button{background:var(--ink);color:#fff;font-variant-numeric:tabular-nums;cursor:pointer;min-width:27px;height:27px;box-shadow:var(--shadow);border:2px solid #fff;border-radius:14px 14px 14px 3px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:grid;position:absolute;top:-19px;left:-11px}.cmark>button:hover{transform:scale(1.08)}.cmark.open>button{background:var(--accent)}.cmark.done>button{color:var(--soft);border-color:var(--line);background:#fff}.cmark.unread>button:after,.said>button.unread:after{content:"";background:#e5484d;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:-4px}.thread{left:26px;top:calc(-19px - var(--up,0px));background:var(--panel);border:1px solid var(--line);width:320px;box-shadow:var(--ui-shadow);cursor:default;-webkit-user-select:text;user-select:text;border-radius:12px;flex-direction:column;display:flex;position:absolute}.thread.left{left:auto;right:22px}.thread header{align-items:center;gap:2px;padding:5px 5px 5px 12px;font-weight:600;display:flex}.thread header span{flex:1}.thread header button,.thread .cdel,.said>button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 7px;font-weight:500;display:inline-flex}.thread header button:hover,.thread .cdel:hover,.said>button:hover,.said>button.on{background:#f0eee9}.thread .list{border-top:1px solid var(--line);overscroll-behavior:contain;max-height:300px;padding:2px 0 6px;overflow:auto}.thread .c{gap:9px;padding:7px 8px 5px 12px;display:flex}.thread .who{color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;margin-top:1px;font-size:10px;font-weight:700;display:grid}.thread .body{flex:1;min-width:0}.thread .c b{font-weight:600}.thread .c time{color:var(--soft);margin-left:7px;font-size:12px}.thread .c p{white-space:pre-wrap;overflow-wrap:anywhere;margin:2px 0 0;line-height:1.4}.thread .c.done p,.thread .c.done b{color:var(--soft)}.thread .cdel{float:right;height:24px;color:var(--soft);opacity:0;padding:0 5px}.thread .c:hover .cdel,.thread .cdel:focus-visible{opacity:1}.thread form{border-top:1px solid var(--line);align-items:flex-end;gap:6px;padding:8px;display:flex}.thread textarea{border:1px solid var(--line);min-height:34px;max-height:130px;font:inherit;color:inherit;resize:none;field-sizing:content;background:#fff;border-radius:8px;outline:0;flex:1;padding:7px 10px;line-height:1.35}.thread textarea:focus{border-color:var(--accent)}.thread form .primary{height:34px}.said{display:inline-flex;position:relative}.said>button{font-variant-numeric:tabular-nums;height:32px;font-weight:600;position:relative}.said>button.unread:after{top:2px;left:17px;right:auto}.clist{background:var(--panel);border:1px solid var(--line);width:340px;max-height:min(520px,100vh - 150px);box-shadow:var(--ui-shadow);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 14px);right:-8px;overflow:auto}.clist .row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 10px;display:block}.clist .row:hover{background:#f0eee9}.clist .what{align-items:center;gap:8px;font-weight:600;display:flex}.clist .what span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.clist .what i{background:var(--ink);color:#fff;border-radius:10px;flex:none;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-style:normal;font-weight:700;display:grid}.clist .row.done .what,.clist .row.done .last{color:var(--soft);font-weight:500}.clist .row.done .what i{color:var(--soft);background:#eceae4}.clist .row.unread .what i{background:#e5484d}.clist .last{text-overflow:ellipsis;white-space:nowrap;color:var(--soft);margin-top:2px;font-size:12.5px;display:block;overflow:hidden}.clist .last b{font-weight:600}.clist p{color:var(--soft);margin:0;padding:10px;line-height:1.4}.clist label{border-top:1px solid var(--line);color:var(--soft);cursor:pointer;align-items:center;gap:7px;margin-top:4px;padding:9px 10px 5px;display:flex}.topbar{left:calc(12px + var(--sl));right:calc(12px + var(--sr));top:calc(12px + var(--st));pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.topbar>*{pointer-events:auto;background:var(--panel);border:1px solid var(--line);height:44px;box-shadow:var(--ui-shadow);border-radius:12px;align-items:center;gap:10px;padding:0 12px;display:flex}.brand .dot{background:var(--accent);border-radius:3px;width:10px;height:10px}.brand .boardid{color:var(--soft);font-variant-numeric:tabular-nums}.brand .offline{color:#b4540a;font-weight:600}.people{padding-right:6px!important}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-left:-14px;font-size:11px;font-weight:700;display:grid}.avatar:first-child{margin-left:0}.avatar.me{box-shadow:0 0 0 1.5px var(--ink)}.avatar.count{color:var(--soft);background:#eceae4}button.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:600;display:inline-flex}button.primary:hover{background:#000}button.primary:disabled{opacity:.4;cursor:default}.toolbar{left:50%;bottom:calc(16px + var(--sb));background:var(--panel);border:1px solid var(--line);box-shadow:var(--ui-shadow);border-radius:14px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.toolbar button{height:36px;padding:0 10px;font-weight:500}.pop{background:var(--panel);border:1px solid var(--line);box-shadow:var(--ui-shadow);border-radius:14px;padding:8px;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.pop.forms{grid-template-columns:repeat(5,46px);gap:2px;display:grid}.pop.forms button{justify-content:center;height:40px;padding:0}.pop.forms path{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.pop.templates{grid-template-columns:1fr 1fr;gap:4px;width:min(780px,100vw - 32px);max-height:calc(100vh - 150px);display:grid;overflow:auto}.pop.templates button{text-align:left;white-space:normal;align-items:flex-start;gap:12px;height:auto;padding:8px;font-weight:400}.pop.templates strong{margin:2px 0 3px;font-weight:600;display:block}.pop.templates .about{color:var(--soft);font-size:12.5px;line-height:1.35}.mini{border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;width:132px;height:84px}.mini *{vector-effect:non-scaling-stroke;stroke-width:.6px}.mini .area{fill:var(--bg);stroke:#cfcbc1}.mini .words{fill:#b9b4a8;stroke:none}.mini .grid rect{fill:#fff;stroke:#bdb8ac}.mini .grid path{fill:none;stroke:#cdc8bc}.mini .line{fill:none;stroke:#55514a;stroke-width:.8px}.toolbar .zoom{font-variant-numeric:tabular-nums;min-width:54px;color:var(--soft);justify-content:center}.dock{margin:0 0 var(--sb) var(--sl);cursor:grab;touch-action:none;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:absolute}.dock:active{cursor:grabbing}.heads{flex-wrap:wrap;gap:10px;max-width:60vw;display:flex}.head{width:138px;height:138px;box-shadow:0 0 0 3px #fff, var(--ui-shadow);border-radius:50%;place-items:center;transition:box-shadow .12s;display:grid;position:relative}.head .lens{border-radius:50%;position:absolute;inset:0;overflow:hidden}.head.me .lens{transform:scaleX(-1)}.head video{object-fit:fill;transform-origin:0 0;will-change:transform;max-width:none;transition:transform .9s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:0;left:0}.head.speaking{box-shadow:0 0 0 3px #fff, 0 0 0 6px #2bb673, var(--ui-shadow)}.head .initials{color:#fff;font-size:38px;font-weight:700}.head .badge{color:#fff;background:#d93a3a;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:6px;right:6px}.head .hname{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#1d1c1ad1;border-radius:6px;max-width:150px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:-8px;left:50%;overflow:hidden;transform:translate(-50%)}.seat{border-radius:50%;place-items:center;width:138px;height:138px;transition:background .25s,box-shadow .25s;display:grid;position:relative}.seat>*{opacity:0;transition:opacity .25s}.seat.away{background:#ffffff8c;box-shadow:inset 0 0 0 2px #1d1c1a21}.seat.away>*{opacity:1}.seat .initials{color:#a39e93;font-size:34px;font-weight:700}.seat .hname{background:var(--panel);border:1px solid var(--line);color:var(--soft);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;max-width:150px;padding:2px 8px;font-size:12px;font-weight:600;position:absolute;bottom:-8px;left:50%;overflow:hidden;transform:translate(-50%)}.roam{pointer-events:none;position:absolute;inset:0;overflow:hidden}.roamer{width:var(--d,138px);height:var(--d,138px);will-change:transform;position:absolute;top:0;left:0}.roamer .head{width:100%;height:100%}.roamer.out .head{box-shadow:0 0 0 2px #fff, var(--shadow)}.roamer.out .head.speaking{box-shadow:0 0 0 2px #fff, 0 0 0 4px #2bb673, var(--shadow)}.roamer.out .initials{font-size:16px}.roamer.out .hname{display:none}.roamer.out .badge{width:16px;height:16px;bottom:-2px;right:-2px}.roamer.out .badge svg{width:10px;height:10px}.roamer.edge{pointer-events:auto;cursor:pointer}.roamer.edge .hname{max-width:90px;padding:1px 6px;font-size:10px;display:block;bottom:-12px}.roamer.edge.down .hname{top:-12px;bottom:auto}.roamer .way{width:0;height:0;transform:rotate(var(--way,0deg)) translateX(33px);display:none;position:absolute;top:50%;left:50%}.roamer.edge .way{display:block}.roamer .way:after{content:"";border:6px solid #0000;border-left:9px solid #2bb673;border-right:0;position:absolute;top:-6px;left:0}.callbar{background:var(--panel);border:1px solid var(--line);box-shadow:var(--ui-shadow);border-radius:12px;align-items:center;gap:2px;padding:5px;display:flex;position:relative}.callbar button.off{color:#d93a3a;background:#fdeeee}.callnotes{align-items:center;gap:8px;display:flex}.callnotes .hint{background:var(--panel);border:1px solid var(--line);color:var(--soft);border-radius:999px;padding:3px 10px}.rec{color:#fff;box-shadow:var(--ui-shadow);background:#d93a3a;border-radius:999px;align-items:center;gap:7px;padding:3px 10px 3px 8px;font-size:12px;font-weight:600;display:inline-flex}.rec i{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite rec}@keyframes rec{50%{opacity:.25}}.rec.busy{background:var(--panel);color:var(--ink);border:1px solid var(--line)}.rec.busy i{background:var(--soft)}.callbar button:disabled{opacity:.45;cursor:default}.devices{cursor:default;background:var(--panel);border:1px solid var(--line);width:280px;max-height:60vh;box-shadow:var(--ui-shadow);z-index:2;border-radius:12px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.devices h4{letter-spacing:.04em;text-transform:uppercase;color:var(--soft);margin:8px 8px 2px;font-size:11px;font-weight:600}.devices p{color:var(--soft);margin:2px 8px 6px}.devices button{text-align:left;white-space:normal;width:100%;height:auto;padding:6px 8px;line-height:1.3;display:block}.devices label{border-top:1px solid var(--line);cursor:pointer;align-items:center;gap:7px;margin:4px 0 2px;padding:6px 8px;display:flex}.callbar .hint{max-width:300px;color:var(--soft);padding:4px 8px;line-height:1.35}.callbar code{background:#f0eee9;border-radius:4px;padding:1px 4px;font-size:12px}.toasts{left:50%;bottom:calc(84px + var(--sb));pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.toast{color:#fff;box-shadow:var(--ui-shadow);background:#1d1c1aeb;border-radius:10px;padding:8px 14px}.gate{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f3efb8;place-items:center;display:grid;position:absolute;inset:0}.gate form{background:var(--panel);border:1px solid var(--line);width:min(360px,100vw - 32px);box-shadow:var(--ui-shadow);border-radius:16px;flex-direction:column;gap:12px;padding:24px;display:flex}.gate h1{margin:0;font-size:20px}.gate p{color:var(--soft);margin:0;line-height:1.45}.gate input{border:1.5px solid var(--line);height:40px;font:inherit;border-radius:9px;outline:0;padding:0 12px}.gate input:focus{border-color:var(--accent)}.gate button{justify-content:center;height:40px}.rdfn{right:calc(14px + var(--sr));bottom:calc(16px + var(--sb));z-index:1000;pointer-events:none;-webkit-backdrop-filter:blur(6px);background:#f2f4efdb;border-radius:11px;padding:8px 10px;position:fixed}.rdfn>svg{width:120px;height:auto;display:block}@media (width<=1200px){.rdfn{bottom:calc(74px + var(--sb))}}.viewport.grabs,.viewport.grabs .item:not(.sel),.viewport.grabs .frame:not(.sel) .ftitle,.viewport.grabs .ehit{cursor:grab}.trial{width:336px;max-height:calc(100vh - 96px)}.trial p strong{color:var(--ink)}.trial .pick{padding-bottom:6px}.trial .pick>span{padding:2px 10px 4px;font-weight:600;display:block}.trial label{color:var(--ink);margin-top:0;padding:9px 10px}.trial .pick label{border-top:0;padding:5px 10px}.trial .again{color:var(--accent);cursor:pointer;background:0 0;border:0;margin:0 10px 9px 30px;padding:0;font-size:12.5px;display:block}.trial .again:hover{text-decoration:underline}.trial .again.sample{margin:6px 10px 8px}.trial .sampler{border-top:1px solid var(--line);margin-top:4px;padding:10px}.trial .sampler p{color:var(--ink);padding:0 0 8px}.trial .sampler span{align-items:center;gap:10px;display:flex}.trial .sampler span button:not(.primary){color:var(--soft);cursor:pointer;background:0 0;border:0;padding:0}.trial .sampler strong{color:#c2410c;font-variant-numeric:tabular-nums}.around{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%)}.around>*{pointer-events:auto}.pill{border:1px solid var(--line);background:var(--panel);height:32px;box-shadow:var(--ui-shadow);color:var(--soft);white-space:nowrap;border-radius:16px;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.pill.go{border-color:var(--accent);background:var(--accent);color:#fff;cursor:pointer}.pill button{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:-6px;padding:0;display:grid}.pill button:hover{background:#f0eee9}.navhint{background:var(--ink);color:#fff;max-width:calc(100vw - 32px);box-shadow:var(--ui-shadow);border-radius:14px;padding:12px 42px 12px 14px;transition:opacity .5s .8s;position:relative}.navhint.done{opacity:0}.navhint p{align-items:center;gap:9px;margin:0;font-weight:500;line-height:1.5;display:flex}.navhint p+p{margin-top:4px}.navhint p.ok{color:#ffffff80}.navhint p svg{flex:none}.navhint p button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:7px;margin-left:2px;padding:2px 9px;font-weight:600}.toolbar .scroller.said{color:var(--accent)}.navhint>button{color:#ffffffb3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:8px;right:8px}.navhint>button:hover{color:#fff;background:#ffffff24}.bar{background:#14120c12;border-radius:5px;position:absolute}.bar.across{height:10px;bottom:3px;left:12px;right:26px}.bar.down{width:10px;top:68px;bottom:26px;right:2px}.bar i{background:#14120c52;border-radius:5px;position:absolute}.bar.across i{min-width:32px;top:0;bottom:0}.bar.down i{min-height:32px;left:0;right:0}.bar i:hover,.bar i:active{background:#14120c85}@media (pointer:coarse){.port:before,.frz:before{content:"";border-radius:50%;position:absolute;inset:-11px}.port{translate:calc(var(--ox,0) * (28px * var(--inv) - 14px)) calc(var(--oy,0) * (28px * var(--inv) - 14px))}.frz:before{border-radius:12px;inset:-5px -17px -17px -5px}.item .rz{width:32px;right:-17px}.item .rz:after{left:14px}.colrz{width:32px;margin-left:-16px}.colrz:after{left:15px}.cmark>button:before{content:"";position:absolute;inset:-9px}.selbar button,.toolbar button,.callbar button{justify-content:center;min-width:40px;height:40px}.selbar .swatch{width:28px;min-width:0;height:28px;margin:0 4px}.devices button{height:auto;min-height:40px}.pop.templates button{justify-content:flex-start}.thread header button,.said>button{justify-content:center;min-width:38px;height:38px}.thread .cdel{opacity:1;min-width:30px;height:30px}}@media (width<=900px){.toolbar .lbl{display:none}.toolbar button{padding:0 9px}}.selbar.docked{left:0;right:0;top:calc(64px + var(--st));width:fit-content;max-width:calc(100% - 16px - var(--sl) - var(--sr));touch-action:pan-x;scrollbar-width:none;margin:0 auto;position:fixed;overflow-x:auto;transform:none}.selbar.docked::-webkit-scrollbar{display:none}.selbar.docked>*{flex:none}.thread.sheet{left:calc(8px + var(--sl));right:calc(8px + var(--sr));top:auto;bottom:calc(8px + max(var(--kb,0px), var(--sb)));width:auto;position:fixed}.thread.sheet .list{max-height:min(300px,34vh)}@media (width<=640px),(height<=480px){.topbar{left:calc(8px + var(--sl));right:calc(8px + var(--sr));top:calc(8px + var(--st));gap:8px}.topbar>*{gap:6px;padding:0 8px}.brand{flex:none;width:148px;position:relative}.brand>*{display:none}.brand .offline{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:4px 10px;display:block;position:absolute;top:calc(100% + 8px);left:0}.app:has(.topbar)~.rdfn{left:calc(8px + var(--sl));top:calc(8px + var(--st));-webkit-backdrop-filter:none;background:0 0;place-items:center;width:148px;height:44px;padding:0;display:grid;bottom:auto;right:auto}.selbar.docked{top:calc(60px + var(--st))}.people .lbl{display:none}.people .primary{padding:0 10px}.clist{left:calc(8px + var(--sl));right:calc(8px + var(--sr));top:calc(60px + var(--st));width:auto;max-height:calc(100% - 140px);position:fixed}.toolbar{left:0;right:0;bottom:calc(8px + var(--sb));width:fit-content;max-width:calc(100% - 16px - var(--sl) - var(--sr));gap:0;margin:0 auto;padding:5px;transform:none}.toolbar>button,.toolbar>span:not(.sep){flex:0 auto;width:44px;min-width:0}.toolbar>span:not(.sep){display:flex}.toolbar>span:not(.sep)>button{flex:1}.toolbar button{justify-content:center;min-width:0;padding:0}.toolbar .zm{display:none}.toolbar .sep{flex:none;margin:0 3px}.pop.templates{grid-template-columns:1fr;max-height:calc(100vh - 190px)}.heads{gap:8px 10px;max-width:calc(100vw - 32px)}.head,.seat{width:64px;height:64px}.head .initials,.seat .initials{font-size:20px}.head .badge{width:20px;height:20px;bottom:-2px;right:-2px}.head .badge svg{width:11px;height:11px}.head .hname,.seat .hname{max-width:76px;padding:1px 6px;font-size:10px;bottom:-9px}.devices{max-width:calc(100vw - 24px)}.callbar .hint{max-width:calc(100vw - 150px)}.toasts{top:calc(112px + var(--st));width:max-content;max-width:calc(100% - 24px);bottom:auto}}