:root{--bg:#fff;--panel:#fffffff0;--panel-solid:#fff;--line:#0f172a14;--line-strong:#0f172a24;--shadow:0 1px 2px #0f172a0f, 0 6px 24px #0f172a17;--shadow-lg:0 2px 6px #0f172a14, 0 18px 48px #0f172a29;--text:#1c1f24;--muted:#6b7280;--faint:#9ca3af;--hover:#0f172a0e;--press:#0f172a17;--ink:#1c1f24;--accent:#3b82f6;--accent-soft:#3b82f61f;--ok:#16a34a;--warn:#d97706;--danger:#dc2626;--radius:16px;--btn:44px;--gap:12px;--safe-top:max(12px, env(safe-area-inset-top));--safe-bottom:max(12px, env(safe-area-inset-bottom));--safe-left:max(12px, env(safe-area-inset-left));--safe-right:max(12px, env(safe-area-inset-right));color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:var(--bg);height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:fixed;top:0;bottom:0;left:0;right:0}#app,.wb-app{position:fixed;top:0;bottom:0;left:0;right:0}button,input{font:inherit;color:inherit}.wb-board{touch-action:none;background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.wb-canvas{touch-action:none;position:absolute;top:0;left:0}.wb-text-editor{resize:none;white-space:pre;transform-origin:0 0;caret-color:var(--accent);outline:var(--wb-outline,1.5px) dashed #3b82f68c;outline-offset:6px;-webkit-user-select:text;user-select:text;z-index:2;letter-spacing:normal;word-spacing:normal;text-rendering:geometricprecision;font-kerning:normal;-moz-tab-size:4;tab-size:4;background:0 0;border:0;border-radius:2px;margin:0;padding:0;display:none;position:absolute;top:0;left:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px)}.btn{width:var(--btn);height:var(--btn);color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;padding:0;transition:background-color .12s,color .12s,transform 80ms;display:inline-grid;position:relative}@media (hover:hover){.btn:hover{background:var(--hover)}}.btn:active{background:var(--press);transform:scale(.94)}.btn[aria-pressed=true]{background:var(--ink);color:#fff}.btn:disabled{opacity:.32;pointer-events:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn svg{display:block}.text-btn{background:var(--hover);cursor:pointer;white-space:nowrap;touch-action:manipulation;border:0;border-radius:12px;height:40px;padding:0 16px;font-weight:550}.text-btn.primary{background:var(--ink);color:#fff}.text-btn.danger{background:var(--danger);color:#fff}.text-btn:active{transform:scale(.97)}.divider{background:var(--line-strong);flex:none;align-self:stretch;width:1px;margin:6px 4px}.toolbar{left:50%;bottom:var(--safe-bottom);z-index:10;align-items:center;gap:2px;max-width:calc(100vw - 16px);padding:6px;display:flex;position:absolute;transform:translate(-50%)}.corner{z-index:10;align-items:center;gap:8px;display:flex;position:absolute}.corner.tl{top:var(--safe-top);left:var(--safe-left)}.corner.tr{top:var(--safe-top);right:var(--safe-right)}.corner.br{bottom:var(--safe-bottom);right:var(--safe-right)}.corner.bl{bottom:var(--safe-bottom);left:var(--safe-left)}.group{align-items:center;gap:2px;padding:4px;display:flex}.zoom-label{font-variant-numeric:tabular-nums;min-width:58px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0 6px;font-size:13px;font-weight:550}@media (hover:hover){.zoom-label:hover{background:var(--hover)}}.zoom .btn{--btn:36px}.status{white-space:nowrap;cursor:pointer;border:0;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;font-size:13px;font-weight:550;display:flex}.status .dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.status.online .dot{background:var(--ok);box-shadow:0 0 0 3px #16a34a26}.status.connecting .dot{background:var(--warn);animation:1.2s ease-in-out infinite pulse}.status.offline .dot{background:var(--danger)}.status .sub{color:var(--muted);font-weight:500}@keyframes pulse{50%{opacity:.35}}.swatch-btn{width:22px;height:22px;box-shadow:inset 0 0 0 1px #00000026, 0 0 0 2px #fff, 0 0 0 3px var(--line-strong);border-radius:50%}.popover{z-index:20;flex-direction:column;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:14px;animation:.14s ease-out pop;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.popover .row{flex-wrap:nowrap;overflow-x:auto}.popover-section{flex-direction:column;gap:8px;min-width:0;display:flex}.popover-sections{flex-wrap:wrap;gap:12px 20px;display:flex}@keyframes pop{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.98)}}.popover-label{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:650}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch{cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.swatch span{border-radius:50%;width:26px;height:26px;transition:transform .1s;box-shadow:inset 0 0 0 1px #00000024}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.swatch:active span{transform:scale(.9)}.chip{background:var(--hover);cursor:pointer;touch-action:manipulation;border:0;border-radius:10px;place-items:center;min-width:44px;height:40px;padding:0 10px;display:grid}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.size-dot{background:currentColor;border-radius:50%}.font-chip{min-width:56px;font-size:20px;line-height:1}.selection-bar{top:var(--safe-top);z-index:10;align-items:center;gap:2px;padding:4px;animation:.14s ease-out pop-top;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes pop-top{0%{opacity:0;transform:translate(-50%)translateY(-6px)}}.selection-bar .btn{--btn:40px}.selection-bar .btn.danger{color:var(--danger)}.selection-bar .text-btn{height:40px}.popover.below{animation-name:pop-below;top:calc(100% + 10px);bottom:auto}@keyframes pop-below{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.98)}}.style-btn{width:auto;min-width:var(--btn);align-items:center;gap:8px;padding:0 10px;display:inline-flex}.style-aa{font-size:19px;line-height:1}.swatch-btn.mixed{background:conic-gradient(#e03131,#f59f00,#2f9e44,#1971c2,#7048e8,#e03131)}.bar-label{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.bar-btn{align-items:center;gap:6px;padding:0 14px 0 12px;display:inline-flex}.menu{z-index:30;min-width:260px;padding:6px;animation:.14s ease-out pop-top-right;position:absolute;top:calc(100% + 8px);right:0}@keyframes pop-top-right{0%{opacity:0;transform:translateY(-6px)}}.menu-item{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font-weight:500;display:flex}.menu-item small{color:var(--muted);font-size:12px;font-weight:450;display:block}.menu-item svg{color:var(--muted);flex:none}@media (hover:hover){.menu-item:hover{background:var(--hover)}}.menu-item:active{background:var(--press)}.menu-item.danger,.menu-item.danger svg{color:var(--danger)}.menu-item .check{color:var(--accent);margin-left:auto}.menu-sep{background:var(--line);height:1px;margin:6px 8px}.anchor{position:relative}.backdrop{z-index:50;background:#0f172a47;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.dialog{background:var(--panel-solid);width:min(460px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);-webkit-user-select:text;user-select:text;border-radius:20px;padding:22px;animation:.18s ease-out rise;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(10px)scale(.99)}}.dialog h2{letter-spacing:-.01em;margin:0 0 8px;font-size:19px;font-weight:650}.dialog p{color:var(--muted);margin:0 0 14px}.dialog .actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.url{word-break:break-all;color:var(--text);background:#f4f5f7;border-radius:10px;margin:0 0 8px;padding:10px 12px;font:600 15px/1.3 ui-monospace,SF Mono,Menlo,monospace;display:block}.save-now,.file-btn{align-items:center;gap:8px;display:inline-flex}.dialog .actions .file-btn{margin-right:auto}.history-list{border-top:1px solid var(--line);max-height:min(46vh,420px);margin-top:14px;overflow:auto}.history-note{margin:14px 0 0}.history-day{background:var(--panel-solid);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:12px 0 6px;font-size:12px;font-weight:650;position:sticky;top:0}.history-row{align-items:center;gap:12px;padding:6px 0;display:flex}.history-time{font-variant-numeric:tabular-nums;min-width:46px;font-weight:650}.history-meta{min-width:0;color:var(--muted);flex:1;font-size:14px}.history-row .text-btn{height:34px;padding:0 12px}.qr-box{align-items:center;gap:16px;display:flex}.qr-box svg{border:1px solid var(--line);border-radius:10px;flex:none}.wb-boards{position:absolute;top:0;bottom:0;left:0;right:0}.session-btn{height:calc(var(--btn) + 8px);border:1px solid var(--line);cursor:pointer;touch-action:manipulation;align-items:center;gap:8px;max-width:min(34vw,300px);padding:0 16px 0 14px;font-weight:600;display:inline-flex}.session-btn svg{flex:none}.session-btn .label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.session-btn:active{transform:scale(.98)}.sessions{z-index:30;background:#f4f5f7;flex-direction:column;animation:.15s ease-out fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sessions-head{padding:var(--safe-top) var(--safe-right) 14px var(--safe-left);align-items:center;gap:12px;display:flex}.sessions-head h1{letter-spacing:-.01em;margin:0 8px 0 4px;font-size:24px;font-weight:700}.sessions-hint{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.spacer{flex:1}.icon-text{align-items:center;gap:6px;display:inline-flex}.sessions-body{padding:4px var(--safe-right) var(--safe-bottom) var(--safe-left);flex:1;overflow:auto}.sessions-note{color:var(--danger);margin:0 0 12px}.session-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.session-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;position:relative}.session-card.current{box-shadow:0 0 0 2px var(--accent), var(--shadow)}.session-open{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:16px;flex-direction:column;width:100%;padding:0 0 12px;display:flex}.session-open:active{transform:scale(.99)}.session-preview{aspect-ratio:16/10;border-bottom:1px solid var(--line);width:100%;color:var(--faint);background:#fff;border-radius:16px 16px 0 0;place-items:center;font-size:14px;display:grid;overflow:hidden}.session-preview img{object-fit:contain;width:100%;height:100%}.session-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:10px 14px 0;font-size:16px;font-weight:650;overflow:hidden}.session-meta{color:var(--muted);padding:2px 14px 0;font-size:13px}.session-badges{pointer-events:none;gap:6px;display:flex;position:absolute;top:10px;left:10px}.badge{background:#fffffff0;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 1px 3px #0f172a29}.badge.tv{color:var(--ok)}.card-menu{position:absolute;top:6px;right:6px}.card-menu>.btn{--btn:36px;background:#ffffffeb;box-shadow:0 1px 3px #0f172a29}.card-menu .menu{min-width:180px;top:calc(100% + 4px)}.sessions-deleted{flex-direction:column;align-items:flex-start;gap:8px;margin:28px 0 8px;display:flex}.deleted-row{background:#fff;border-radius:12px;align-items:center;gap:12px;width:min(560px,100%);padding:8px 8px 8px 14px;display:flex}.deleted-row span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.deleted-row .session-meta{padding:0}.gallery{z-index:5;background:#f4f5f7;place-items:center;animation:.25s ease-out fade;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.gallery-grid{justify-content:center;gap:28px;display:grid}.gallery-card{flex-direction:column;gap:10px;min-width:0;margin:0;display:flex}.gallery-card .session-preview{box-shadow:var(--shadow);border:0;border-radius:14px}.gallery-card figcaption{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(16px,1.5vw,28px);font-weight:650;overflow:hidden}.toast{left:50%;bottom:calc(var(--safe-bottom) + 76px);z-index:40;text-align:center;align-items:center;gap:12px;width:max-content;max-width:min(600px,100vw - 32px);padding:10px 16px;font-weight:550;animation:.18s ease-out rise;display:flex;position:absolute;transform:translate(-50%)}.toast.error{color:var(--danger)}.toast button{height:32px}.empty-hint{pointer-events:none;color:var(--muted);text-align:center;z-index:1;place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.empty-hint span{background:#ffffffeb;border-radius:12px;padding:8px 14px}.center-screen{background:radial-gradient(circle at 1px 1px,#d9dde3 1px,#0000 0) 0 0/24px 24px,#fbfbfc;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.card{width:min(380px,100%);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:24px;padding:28px}.card h1{letter-spacing:-.02em;margin:12px 0 4px;font-size:24px;font-weight:700}.card p{color:var(--muted);margin:0 0 20px}.logo{background:var(--ink);color:#fff;border-radius:16px;place-items:center;width:56px;height:56px;margin:0 auto;display:grid}.field{border:1px solid var(--line-strong);text-align:center;letter-spacing:.12em;-webkit-user-select:text;user-select:text;background:#fff;border-radius:14px;outline:none;width:100%;height:52px;padding:0 16px;font-size:20px}.field::placeholder{letter-spacing:normal;color:var(--faint)}.field:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.card .text-btn{width:100%;height:50px;margin-top:12px;font-size:16px}.error-text{min-height:20px;color:var(--danger);margin-top:10px;font-size:14px}.check-row{color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:14px;display:flex}.check-row input{width:18px;height:18px;accent-color:var(--ink)}.spinner{border:3px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;width:28px;height:28px;margin:8px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wb-display.idle,.wb-display.idle *{cursor:none!important}.pair-card{text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--line);z-index:20;background:#fff;border-radius:28px;flex-direction:column;align-items:center;padding:36px 40px 30px;animation:.3s ease-out fade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pair-card h2{letter-spacing:-.02em;margin:20px 0 4px;font-size:28px;font-weight:700}.pair-card p{color:var(--muted);margin:0;font-size:16px}.pair-card .url{color:var(--muted);background:0 0;margin-top:14px;padding:0;font-size:14px}.qr-corner{right:var(--safe-right);bottom:calc(var(--safe-bottom) + 64px);z-index:20;color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:12px;display:flex;position:absolute}.fade-controls{transition:opacity .35s}.wb-display.idle .fade-controls{opacity:0;pointer-events:none}.pill{cursor:pointer;border:0;align-items:center;gap:8px;height:44px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.menu-title{color:var(--muted);padding:8px 12px 4px;font-size:12px;font-weight:600}.tv-menu{width:300px}.show-on-tv{background:var(--accent);color:#fff;white-space:nowrap;touch-action:manipulation;border-color:#0000;height:44px;transition:background-color .15s,color .15s,transform 80ms}.show-on-tv svg{flex:none}@media (hover:hover){.show-on-tv:hover:not(.done){background:#2f6fe0}}.show-on-tv:active{transform:scale(.97)}.show-on-tv.sending{opacity:.8}.show-on-tv.done{background:var(--panel);border-color:var(--line);color:var(--ok)}.follow-pill{top:var(--safe-top);z-index:20;position:absolute;left:50%;transform:translate(-50%)}.offline-banner{top:var(--safe-top);z-index:25;color:var(--warn);position:absolute;left:50%;transform:translate(-50%)}@media (max-width:900px){.corner.tr.snapshot .status .label{display:none}.corner.tr.snapshot .status{padding:0 14px}.selection-bar{top:calc(var(--safe-top) + var(--btn) + 18px);flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100vw - 24px)}.zoom-corner{top:50%;bottom:auto;transform:translateY(-50%)}.zoom-corner .group{flex-direction:column}.zoom-corner .divider{width:auto;height:1px;margin:4px 6px}.zoom-corner .zoom-label{min-width:44px;padding:0 2px;font-size:12px}}@media (max-width:560px){.zoom-corner .zoom-step,.zoom-corner .zoom-label{display:none}:root{--btn:40px}.toolbar{gap:0;padding:4px}.status .label,.session-btn .label,.show-on-tv .label,.sessions-hint{display:none}.show-on-tv{padding:0 12px}.corner.tr.snapshot .cast-btn{display:none}.session-btn{padding:0 14px}.status{padding:0 12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}