@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}.sketch-illustration{width:100%;height:auto;color:var(--ink);display:block}.participant-portrait{width:100%;height:auto;display:block}.marker-highlight{isolation:isolate;display:inline-block;position:relative}.marker-highlight>svg{z-index:-1;width:109%;height:72%;position:absolute;bottom:0;left:-4%;overflow:visible}.illustration-window{background:var(--canvas);border:1px solid var(--line);border-radius:var(--radius-illustration);min-width:0;box-shadow:var(--shadow-illustration);overflow:hidden}.illustration-window-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--paper);min-height:44px;font-size:12px;display:flex}.illustration-window-bar>span:first-child{align-items:center;gap:var(--space-2);min-width:0;display:flex}.illustration-window-note{color:var(--muted);white-space:nowrap;font-size:11px}.window-dots{gap:5px;display:flex}.window-dots i{background:var(--muted);opacity:.5;border-radius:50%;width:5px;height:5px}.diagram-illustration{aspect-ratio:680/360;width:100%;height:auto;display:block}.illustrated-board-paper{padding:var(--space-3) 0 var(--space-4);background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:20px 20px;position:relative}.illustrated-board-cursor{top:69%;left:77%}.drawing-meta{font-family:var(--font-mono);letter-spacing:.4px;font-size:9px}.drawing-cursor{pointer-events:none}.drawing-cursor-name{font-family:var(--font-sans);fill:var(--ink);font-size:14px;font-weight:600}.drawing-cursor-badge{font-family:var(--font-mono);fill:var(--ink);font-size:11px}.presence-cursor{pointer-events:none;align-items:flex-start;display:flex;position:absolute}.presence-cursor>span{background:var(--cursor-color);color:var(--canvas);box-shadow:0 0 0 1.5px var(--canvas);border-radius:4px;margin:21px 0 0 -6px;padding:3px 8px;font-size:10px;font-weight:550}@media (width<=480px){.presence-cursor>svg{width:19px;height:24px}.presence-cursor>span{margin-top:17px;padding:3px 5px;font-size:8px}.illustration-window-bar{padding-inline:12px;font-size:12px}.illustration-window-note{font-size:10px}.illustrated-board-cursor{left:72%}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header{align-items:center;gap:var(--space-5);min-height:88px;padding:var(--space-4) var(--space-6);background:var(--surface-page);flex-shrink:0;display:flex}.app-header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.storage-note{align-items:center;gap:var(--space-2);color:var(--muted);font-size:12px;display:inline-flex}.storage-warning,.session-storage-warning{background:var(--surface-notice);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);margin-bottom:var(--space-4);font-size:12px;line-height:1.6}.search-field{align-items:center;gap:var(--space-2);width:280px;padding-inline:var(--space-3);min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-panel);display:flex;position:relative}.search-field>svg{width:18px;height:18px;color:var(--muted)}.search-field:focus-within{outline:2px solid var(--ink);outline-offset:3px}.search-field input{width:100%;min-width:0;padding-block:var(--space-3);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:var(--muted)}.panel-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-page);border-bottom:1px solid var(--line);min-height:44px;color:var(--muted);font-size:12px;display:flex}.panel-bar>span:first-child{align-items:center;gap:var(--space-2);display:flex}.panel-bar-note{font-size:12px}.empty-state{align-items:center;gap:var(--space-4);padding:var(--space-7) var(--space-5);text-align:center;flex-direction:column;display:flex}.empty-state>.sketch-illustration{width:164px}.empty-state h1,.empty-state h2{font-family:var(--font-display);letter-spacing:-.035em;font-size:32px;font-weight:400}.empty-state p{color:var(--muted);max-width:420px;font-size:14px;line-height:1.7}.empty-state-actions{margin-top:var(--space-2)}.empty-state--compact{gap:var(--space-3);padding:var(--space-5) var(--space-2)}.empty-state--compact>.sketch-illustration{width:100px}.empty-state--compact h2{font-family:var(--font-sans);font-size:16px;font-weight:500}.empty-state--compact p{font-size:12px}.state-view{min-height:calc(100dvh - 88px);padding:var(--space-5);place-items:center;display:grid}.state-view>.empty-state{border-radius:var(--radius-feature);background:var(--surface-panel);width:100%;max-width:680px;box-shadow:var(--shadow-card)}.loading-view{gap:var(--space-5);color:var(--muted);flex-direction:column;display:flex}.loading-view p{font-size:14px}.loading-board-skeleton{border-radius:var(--radius-dialog);background:var(--surface-panel);width:min(680px,100%);height:320px;box-shadow:var(--shadow-card);overflow:hidden}.loading-board-bar{border-bottom:1px solid var(--line);background:var(--paper);height:44px}.loading-board-shapes{justify-content:center;align-items:center;gap:var(--space-5);height:276px;display:flex}.loading-board-shapes>span{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--yellow-soft);width:22%;height:88px}.loading-board-shapes>span:last-child{background:var(--blue-soft)}.loading-workspace-skeleton{gap:var(--space-5);grid-template-columns:1fr 1fr;width:min(680px,100%);display:grid}.loading-workspace-skeleton>div{border-radius:var(--radius-dialog);background:var(--canvas);height:212px;box-shadow:var(--shadow-card);overflow:hidden}.loading-workspace-skeleton .loading-board-shapes{gap:var(--space-3);height:168px}.loading-workspace-skeleton .loading-board-shapes>span{height:48px}@media (width<=760px){.app-header{min-height:76px;padding-inline:var(--space-5);gap:var(--space-4)}.app-header .brand-name{font-size:17px}.search-field input{font-size:16px}.empty-state{padding:var(--space-6) var(--space-4)}}@media (width<=480px){.app-header{padding-inline:var(--space-4);gap:var(--space-3)}.app-header .brand-name{font-size:16px}.panel-bar-note{font-size:11px}.empty-state h1,.empty-state h2{font-size:28px}.empty-state--compact h2{font-size:16px}.state-view{padding:var(--space-4)}}:root{--paper:#f7f7f2;--canvas:#fffefa;--ink:#262821;--muted:#63675f;--yellow:#f2df72;--yellow-soft:#fbf3cc;--line:#daddd2;--border:#85897f;--blue:#4566ad;--pink:#ad476a;--blue-soft:#e3ebf7;--danger:#a13730;--pink-soft:#f7e3ea;--sage-soft:#dce2cc;--portrait-skin:#f1d5bf;--scene-surface:#eeede5;--scene-edge:#d8d8c9;--grid-line:#daddd266;--font-sans:"Instrument Sans Variable", sans-serif;--font-display:Georgia, "Times New Roman", serif;--font-drawn:"Caveat Variable", cursive;--font-mono:"IBM Plex Mono", monospace;--surface-page:var(--paper);--surface-panel:var(--canvas);--surface-notice:var(--yellow-soft);--text-primary:var(--ink);--text-secondary:var(--muted);--action-primary:var(--yellow);--action-hover:#ead35d;--radius-control:10px;--radius-card:16px;--radius-dialog:24px;--radius-feature:32px;--radius-illustration:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--control-height:44px;--shadow-control:0 1px 2px #2628210d;--shadow-card:0 8px 24px #2628210f;--shadow-dialog:0 24px 80px #2628212e;--shadow-illustration:0 12px 28px -12px #2628213d;font-family:var(--font-sans);color:var(--text-primary);background:var(--surface-page);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a,input{-webkit-tap-highlight-color:transparent}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ink);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.035em;text-wrap:balance;font-weight:550}p{text-wrap:pretty}svg{flex-shrink:0}::selection{background:var(--yellow);color:var(--ink)}.drawn-type{font-family:var(--font-drawn);letter-spacing:0;font-weight:500}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;font-weight:400;line-height:1.6}.eyebrow{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.5}.scribble{display:block;overflow:visible}.sketch-dot{background:var(--yellow);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-control);white-space:nowrap;border:1px solid #0000;padding:10px 17px;font-size:14px;font-weight:550;line-height:1.4;transition:background-color .12s,border-color .12s,box-shadow .12s;display:inline-flex}.button--primary{background:var(--action-primary);color:var(--ink)}.button--secondary{background:var(--surface-panel);border-color:var(--border);box-shadow:var(--shadow-control)}.button--ghost{background:0 0}.button--danger{background:var(--danger);color:#fff}.button--small{min-height:40px;padding:8px 12px;font-size:13px}.button--icon{width:40px;min-height:40px;padding:8px}.button:active:not(:disabled){box-shadow:inset 0 1px 3px #2628211f}.badge{border:1px solid var(--line);white-space:nowrap;color:var(--text-secondary);background:var(--surface-panel);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;line-height:1.5;display:inline-flex}.badge--yellow{background:var(--surface-notice);color:var(--ink);border-color:#d9ca88}.brand{flex-shrink:0;align-items:center;min-height:44px;display:inline-flex}.brand-name{letter-spacing:-.055em;font-size:19px;font-weight:650;line-height:1.1}.brand--compact .brand-name{font-size:17px}.dialog{border:1px solid var(--line);border-radius:var(--radius-dialog);background:var(--surface-panel);width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow-dialog);padding:28px;overflow-y:auto}.dialog::backdrop{background:#26282152}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dialog-heading h2{font-family:var(--font-display);font-size:32px;font-weight:400;line-height:40px}.dialog-illustration{pointer-events:none;width:104px;position:absolute;top:56px;right:24px}.dialog:has(.dialog-illustration) .dialog-description{min-height:64px;margin-bottom:16px;padding-right:104px}.dialog-description{color:var(--muted);margin:8px 0 24px;font-size:14px;line-height:1.65}.dialog-form{gap:20px;display:grid}.dialog-heading+.dialog-form{margin-top:var(--space-5)}.field{gap:8px;display:grid}.field label{font-size:13px;font-weight:550}.field-qualifier{color:var(--muted);margin-left:5px;font-size:11px;font-weight:400}.field input{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-panel);padding:11px 12px;font-size:14px}.field input[aria-invalid=true]{border-color:var(--danger)}.field-hint,.field-error{color:var(--muted);font-size:12px;line-height:1.6}.field-error{color:var(--danger)}.local-notice{background:var(--surface-notice);border-radius:var(--radius-control);color:var(--muted);gap:10px;padding:12px;display:flex}.local-notice p{font-size:12px;line-height:1.65}.local-notice svg{width:18px;height:18px;color:var(--ink);margin-top:2px}.dialog-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:4px;display:flex}@media (hover:hover){.button--primary:hover:not(:disabled){background:var(--action-hover)}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:var(--scene-surface)}.button--danger:hover:not(:disabled){background:#842c26}}@media (width<=480px){.field input{font-size:16px}.dialog{padding:var(--space-5) var(--space-4)}.dialog-actions{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}