:root,:host,.whiteboard-widget{--wb-font: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--wb-primary: #72BAF5;--wb-primary-hover: #93CAF8;--wb-primary-soft: rgba(114, 186, 245, 0.2);--wb-primary-ink: #8CC6F7;--wb-on-primary: #0B1724;--wb-ink-strong: #F1F6FA;--wb-fg: #E1E8EE;--wb-fg-muted: #AEBDC8;--wb-fg-disabled: #6E7F8C;--wb-page-bg: #222B35;--wb-surface: #2D3744;--wb-surface-raised: #36424F;--wb-surface-sunken: #27303B;--wb-border: #4F6072;--wb-hover: #3C4958;--wb-canvas-outside: #3A424D;--wb-accent: #FFE500;--wb-accent-fg: #3A3000;--wb-success: #4CC85C;--wb-success-soft: rgba(76, 200, 92, 0.18);--wb-success-ink: #8EE29A;--wb-danger: #FF9090;--wb-danger-soft: rgba(255, 144, 144, 0.18);--wb-danger-ink: #FFBDBD;--wb-on-danger: #10161C;--wb-close: #FF6347;--wb-warning: #FFA53D;--wb-on-status: #10161C;--wb-tone-draw: #FFB547;--wb-tone-shape: #74BCFF;--wb-tone-text: #BEA4FF;--wb-tone-erase: #FF92BC;--wb-tone-media: #62D68D;--wb-tone-attention: #FF8473;--wb-overlay: rgba(10, 14, 20, 0.6);--wb-veil: rgba(34, 43, 53, 0.92);--wb-swatch-ring: rgba(255, 255, 255, 0.35);--wb-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);--wb-dialog-shadow: 0 0 32px rgba(0, 0, 0, 0.45);--wb-scheme: dark;--wb-radius-panel: 12px;--wb-radius-btn: 8px;--wb-radius-sm: 4px;--wb-radius-pill: 999px;--wb-ui-scale: 1;--wb-btn: calc(44px * var(--wb-ui-scale));--wb-icon: calc(22px * var(--wb-ui-scale));--wb-icon-sm: calc(18px * var(--wb-ui-scale));--wb-hit: max(44px, calc(40px * var(--wb-ui-scale)));--wb-ui-font: calc(14px * var(--wb-ui-scale));--wb-z-widget: 1000000;--wb-z-dialog: var(--vo-dialog-z-index, 2147483641);--wb-z-loading: var(--vo-loading-z-index, 2147483645);--wb-z-progress: var(--vo-progress-z-index, 2147483647);--wb-z-toast: var(--vo-toast-z-index, 2147483647);--wb-z-canvas: 1;--wb-z-canvas-ui: 10;--wb-z-elementbar: 15;--wb-z-bars: 20;--wb-z-panel: 30;--wb-z-popover: 40;--wb-z-menu: 50}@media(pointer: coarse){:root,:host,.whiteboard-widget{--wb-ui-scale: 1.1}}@media(pointer: coarse)and (max-width: 768px){:root,:host,.whiteboard-widget{--wb-ui-scale: 1}}@media(min-width: 2400px){:root,:host,.whiteboard-widget{--wb-ui-scale: 1.25}}@media(any-pointer: coarse)and (min-width: 1600px){:root,:host,.whiteboard-widget{--wb-ui-scale: 1.3}}@media(any-pointer: coarse)and (min-width: 2400px){:root,:host,.whiteboard-widget{--wb-ui-scale: 1.4}}:root[data-theme=light],:root[data-theme=light] .whiteboard-widget,:host([data-theme=light]),:host([data-theme=light]) .whiteboard-widget{--wb-primary: #1E6DB8;--wb-primary-hover: #1A5E9F;--wb-primary-soft: rgba(30, 109, 184, 0.14);--wb-primary-ink: #1A5E9F;--wb-on-primary: #FFFFFF;--wb-ink-strong: #155379;--wb-fg: #394C58;--wb-fg-muted: #4F6676;--wb-fg-disabled: #A3B2BD;--wb-page-bg: #E3E7EB;--wb-surface: #F5F7F9;--wb-surface-raised: #FBFCFD;--wb-surface-sunken: #EAF0F5;--wb-border: #C4D6E1;--wb-hover: #E3ECF4;--wb-canvas-outside: #D9DEE3;--wb-accent: #FFE500;--wb-accent-fg: #3A3000;--wb-success: #39B54A;--wb-success-soft: rgba(57, 181, 74, 0.15);--wb-success-ink: #1F6B2A;--wb-danger: #D62828;--wb-danger-soft: rgba(214, 40, 40, 0.1);--wb-danger-ink: #8E1B1B;--wb-on-danger: #FFFFFF;--wb-close: #E5432D;--wb-warning: #FC8D0A;--wb-on-status: #14202A;--wb-tone-draw: #AE5300;--wb-tone-shape: #1F6FC0;--wb-tone-text: #7344D6;--wb-tone-erase: #C2356F;--wb-tone-media: #1F8045;--wb-tone-attention: #CC3324;--wb-overlay: rgba(20, 30, 40, 0.65);--wb-veil: rgba(245, 247, 249, 0.92);--wb-swatch-ring: rgba(57, 76, 88, 0.3);--wb-shadow: 0 4px 10px rgba(69, 48, 31, 0.2);--wb-dialog-shadow: 0 0 32px rgba(76, 111, 119, 0.2);--wb-scheme: light}:root{color-scheme:var(--wb-scheme);background:var(--wb-page-bg)}.v-dot{display:inline-block;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg, #0088CC 0%, #00A3E0 50%, #FFC107 100%);animation:v-dot-pulse 2.5s ease-in-out infinite;box-shadow:0 0 15px rgba(0,136,204,.8),0 0 30px rgba(0,163,224,.5),0 0 45px rgba(255,193,7,.3);position:relative}.v-dot::before,.v-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;border-radius:50%;border:2px solid #08c;opacity:0;animation:v-dot-ring 2.5s ease-out infinite}.v-dot::after{animation-delay:1.25s;border-color:#ffc107}@keyframes v-dot-pulse{0%,100%{opacity:1;box-shadow:0 0 15px rgba(0,136,204,.8),0 0 30px rgba(0,163,224,.5),0 0 45px rgba(255,193,7,.3)}50%{opacity:.7;box-shadow:0 0 25px #08c,0 0 50px rgba(0,163,224,.8),0 0 75px rgba(255,193,7,.6)}}@keyframes v-dot-ring{0%{width:100%;height:100%;opacity:.7}50%{opacity:.4}100%{width:250%;height:250%;opacity:0}}#sys-board-app{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(circle at 30% 50%, rgba(0, 136, 204, 0.08) 0%, transparent 50%),radial-gradient(circle at 70% 50%, rgba(255, 193, 7, 0.08) 0%, transparent 50%),var(--wb-page-bg)}