:root{color-scheme:light;--bg: oklch(1 0 0);--surface: oklch(.985 .006 142);--surface-raised: oklch(.965 .008 142);--canvas: oklch(.9 .005 142);--ink: oklch(.22 .012 142);--ink-muted: oklch(.46 .014 142);--ink-subtle: oklch(.58 .012 142);--ink-inverse: oklch(.99 .004 142);--line: oklch(.9 .007 142);--line-strong: oklch(.8 .01 142);--accent: oklch(.42 .11 142);--accent-hover: oklch(.35 .11 142);--accent-ink: oklch(.99 .01 142);--accent-soft: oklch(.945 .036 142);--accent-ring: oklch(.42 .11 142 / .35);--laser: oklch(.55 .21 26);--danger: oklch(.51 .19 26);--danger-soft: oklch(.955 .03 26);--warn: oklch(.58 .13 75);--ok: oklch(.48 .12 152);--page-shadow: 0 1px 3px oklch(0 0 0 / .16), 0 6px 16px oklch(0 0 0 / .1);--float-shadow: 0 2px 8px oklch(0 0 0 / .14)}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(.16 .006 142);--surface: oklch(.205 .008 142);--surface-raised: oklch(.25 .009 142);--canvas: oklch(.11 .005 142);--ink: oklch(.95 .006 142);--ink-muted: oklch(.73 .009 142);--ink-subtle: oklch(.6 .009 142);--ink-inverse: oklch(.16 .01 142);--line: oklch(.29 .009 142);--line-strong: oklch(.38 .012 142);--accent: oklch(.7 .115 142);--accent-hover: oklch(.77 .125 142);--accent-ink: oklch(.17 .04 142);--accent-soft: oklch(.28 .055 142);--accent-ring: oklch(.7 .115 142 / .4);--laser: oklch(.68 .2 26);--danger: oklch(.66 .18 26);--danger-soft: oklch(.29 .07 26);--warn: oklch(.75 .13 75);--ok: oklch(.72 .13 152);--page-shadow: 0 1px 3px oklch(0 0 0 / .5), 0 8px 20px oklch(0 0 0 / .4);--float-shadow: 0 2px 10px oklch(0 0 0 / .45)}:root{--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", "Helvetica Neue", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-pill: 999px;--z-canvas: 0;--z-overlay: 10;--z-panel: 20;--z-sticky: 30;--z-pill: 40;--z-modal: 50;--z-toast: 60;--ease: cubic-bezier(.22, 1, .36, 1);--fast: .14s;--normal: .2s}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:var(--text-base);line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:1.25;text-wrap:balance;letter-spacing:-.015em}h1{font-size:var(--text-2xl);font-weight:650}h2{font-size:var(--text-xl);font-weight:620}h3{font-size:var(--text-lg);font-weight:600}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:where(a){color:var(--accent);text-underline-offset:2px}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.btn:hover:not(:disabled){background:var(--surface-raised)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn--ghost{border-color:transparent;background:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-raised)}.btn--danger{color:var(--danger);border-color:var(--line-strong)}.btn--danger:hover:not(:disabled){background:var(--danger-soft)}.btn--icon{min-width:34px;padding:0 8px}.btn--sm{min-height:28px;padding:0 9px;font-size:var(--text-sm)}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.input{min-height:36px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg);transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input::placeholder{color:var(--ink-subtle)}.muted{color:var(--ink-muted)}.notice{padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:var(--text-base)}.notice--error{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.centered{display:grid;place-items:center;min-height:100%;padding:24px 16px}.card{width:min(420px,100%);padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card__tools{display:flex;gap:2px;flex-shrink:0}.card__foot{margin-top:16px;font-size:var(--text-sm)}.form{display:flex;flex-direction:column;gap:14px}.shell{max-width:880px;margin:0 auto;padding:28px 16px 64px}.shell__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.shell__tools{display:flex;align-items:center;gap:4px}.createbar{display:flex;gap:8px;margin-bottom:24px}.createbar__field{flex:1}.empty{padding:40px 24px;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center}.empty h2{margin-bottom:6px}.empty p{max-width:52ch;margin:0 auto}.rooms{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.room-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color var(--fast) var(--ease)}.room-row:hover{border-color:var(--line-strong)}.room-row__main{min-width:0}.room-row__title{font-size:var(--text-md);font-weight:600;color:var(--ink);text-decoration:none}.room-row__title:hover{color:var(--accent)}.room-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:4px;font-size:var(--text-sm)}.room-row__sep{opacity:.45}.room-row__actions{display:flex;align-items:center;gap:6px}.code{padding:1px 6px;border-radius:var(--radius-sm);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;color:var(--ink)}.skeleton{display:block;height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-raised),var(--line),var(--surface-raised));background-size:200% 100%;animation:shimmer 1.4s linear infinite}.skeleton--title{width:42%;height:15px;margin-bottom:8px}.skeleton--meta{width:28%}.room-row--skeleton{display:block}@keyframes shimmer{to{background-position:-200% 0}}.room{display:flex;flex-direction:column;height:100%;background:var(--bg)}.room__top{flex-shrink:0;display:flex;align-items:center;gap:16px;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface)}.room__identity{min-width:0;flex-shrink:0}.room__title{font-size:var(--text-md);font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28ch}.room__presenter{display:flex;align-items:center;gap:6px;margin-top:1px;font-size:var(--text-sm);color:var(--ink-muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ink-subtle);flex-shrink:0}.dot--live{background:var(--accent);box-shadow:0 0 0 0 var(--accent-ring);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px transparent}}.room__actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.room__banner{display:flex;align-items:center;gap:8px;padding:7px 14px;border-bottom:1px solid var(--line);background:var(--accent-soft);color:var(--ink);font-size:var(--text-sm)}.room__banner--error{background:var(--danger-soft);color:var(--danger)}.room__banner .spin{display:inline-flex}.room__body{position:relative;display:flex;flex:1;min-height:0}.room__stage{position:relative;flex:1;min-width:0;background:var(--canvas)}.room__bottom{flex-shrink:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:7px 12px;border-top:1px solid var(--line);background:var(--surface)}.toolgroup{display:flex;align-items:center;gap:3px}.toolgroup--presenter{margin-left:auto;padding-left:12px;border-left:1px solid var(--line)}.pagecount{min-width:8ch;padding:0 4px;text-align:center;font-size:var(--text-sm);color:var(--ink-muted);font-variant-numeric:tabular-nums}.pagecount strong{color:var(--ink);font-weight:600}.swatches{display:flex;align-items:center;gap:3px;padding:0 6px}.swatch{width:20px;height:20px;padding:0;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px #00000029;transition:transform var(--fast) var(--ease),border-color var(--fast) var(--ease)}.swatch:hover{transform:scale(1.12)}.swatch[data-active=true]{border-color:var(--ink)}.tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:thin}.tabs__item{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.tabs__item[data-active=true]{border-color:var(--accent);background:var(--accent-soft)}.tabs__button{display:flex;align-items:center;gap:7px;max-width:24ch;min-height:30px;padding:0 4px 0 10px;border:none;background:none;cursor:pointer;font-size:var(--text-sm)}.tabs__button:disabled{cursor:default}.tabs__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tabs__meta{padding:0 5px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.tabs__meta--error{background:var(--danger-soft);color:var(--danger)}.tabs__remove{display:grid;place-items:center;width:22px;height:22px;margin-right:4px;border:none;border-radius:var(--radius-sm);background:none;color:var(--ink-subtle);cursor:pointer}.tabs__remove:hover{background:var(--danger-soft);color:var(--danger)}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;contain:strict}.viewer:active{cursor:grabbing}.viewer[data-tool=draw]{cursor:crosshair}.viewer[data-tool=laser]{cursor:none}.viewer__world{position:absolute;top:0;left:0;width:1000px;transform-origin:0 0;will-change:transform}.viewer__page{position:absolute;left:0;width:1000px;background:#fff;box-shadow:var(--page-shadow)}.page__image{display:block;width:100%;height:100%;object-fit:fill;transition:opacity var(--normal) var(--ease)}.page__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#f0f0f0}.page__placeholderText{color:#717171;font-size:26px;animation:breathe 1.8s var(--ease) infinite}@keyframes breathe{50%{opacity:.45}}.page__strokes{position:absolute;top:0;left:0;pointer-events:none}.viewer__pageNumber{position:absolute;right:12px;bottom:-34px;color:var(--ink-subtle);font-size:22px;font-variant-numeric:tabular-nums}.viewer__trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-overlay)}.viewer__cursors{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:var(--z-overlay)}.cursor{position:absolute;top:0;left:0;display:flex;align-items:flex-start;gap:2px;color:var(--cursor-color);will-change:transform;transition:opacity var(--fast) linear}.cursor__arrow{flex-shrink:0}.cursor__dot,.cursor[data-laser=true] .cursor__arrow,.cursor[data-laser=true] .cursor__name{display:none}.cursor[data-laser=true] .cursor__dot{display:block;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--laser);box-shadow:0 0 0 4px #d01c2547,0 0 14px 4px #d01c2580}.cursor__name{margin-top:13px;padding:1px 6px;border-radius:var(--radius-sm);background:var(--cursor-color);color:#fff;font-size:var(--text-xs);font-weight:500;white-space:nowrap;box-shadow:var(--float-shadow)}.pill{position:absolute;left:50%;bottom:20px;z-index:var(--z-pill);display:flex;align-items:center;gap:7px;padding:9px 16px;border:none;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:var(--text-base);font-weight:550;cursor:pointer;box-shadow:var(--float-shadow);transform:translate(-50%);animation:pill-in var(--normal) var(--ease)}.pill:hover{background:var(--accent-hover)}.pill--quiet{border:1px solid var(--line);background:var(--surface);color:var(--ink-muted);font-weight:450;cursor:default;box-shadow:none;padding:5px 12px;font-size:var(--text-sm)}@keyframes pill-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion: reduce){.pill{animation:none}}.stageEmpty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.stageEmpty p{max-width:46ch}.progress{width:min(280px,70vw);height:4px;margin-top:4px;border-radius:var(--radius-pill);background:var(--line);overflow:hidden}.progress span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width var(--normal) var(--ease)}.panel{display:flex;flex-direction:column;width:248px;border-left:1px solid var(--line);background:var(--surface);overflow:hidden;transition:width var(--normal) var(--ease)}.panel[data-open=false]{width:0;border-left-width:0}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 8px 10px 14px;border-bottom:1px solid var(--line)}.panel__title{display:flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:600;text-transform:none}.panel__count{padding:0 6px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--ink-muted);font-weight:500;font-variant-numeric:tabular-nums}.people{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.people__row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm)}.people__row:hover{background:var(--surface-raised)}.people__mark{width:8px;height:8px;border-radius:50%;flex-shrink:0}.people__name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--text-sm)}.people__self{color:var(--ink-subtle)}.people__tag{flex-shrink:0;padding:1px 6px;border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.people__tag[data-drifted=true]{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--ink-subtle)}.people__tag--presenter{background:var(--accent-soft);color:var(--accent);font-weight:550}@media (max-width: 1000px){.room__title{max-width:16ch}.tabs{order:3;width:100%}.room__top{flex-wrap:wrap}.panel{position:absolute;top:0;right:0;bottom:0;z-index:var(--z-panel);box-shadow:var(--float-shadow)}}@media (max-width: 720px){.room__bottom{gap:8px}.toolgroup--presenter{margin-left:0;padding-left:0;border-left:none;width:100%;border-top:1px solid var(--line);padding-top:6px}.room-row__actions{width:100%}}