@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-400-normal-CyU-ddYS.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-500-normal-C4MQITzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(./ibm-plex-sans-arabic-arabic-700-normal-DrtBj6UE.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-400-normal-Bo5KPYvw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-500-normal-Cd6jVIg7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(./ibm-plex-sans-arabic-latin-700-normal-BzSf6GNr.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}:root{--bg: #f4f5f7;--surface: #ffffff;--surface-2: #fafbfc;--line: #e6e8ec;--line-soft: #eef0f3;--ink: #15181d;--ink-soft: #626b78;--ink-faint: #8b93a1;--accent: #1f6feb;--accent-soft: #eaf1fe;--accent-line: #b9d0fb;--danger: #b3261e;--topbar-h: 52px;--toolbar-w: 52px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--sh-1: 0 1px 2px rgb(16 24 40 / 5%), 0 1px 3px rgb(16 24 40 / 6%);--sh-2: 0 4px 12px rgb(16 24 40 / 8%), 0 1px 3px rgb(16 24 40 / 6%);--sh-3: 0 12px 32px rgb(16 24 40 / 14%), 0 2px 6px rgb(16 24 40 / 6%);--font-ar: "IBM Plex Sans Arabic", "SF Arabic", "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-ar);-webkit-font-smoothing:antialiased}#app{height:100%;display:flex;flex-direction:column}#topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--line);user-select:none}.brand{font-weight:700;font-size:15px;letter-spacing:-.1px;color:var(--ink)}.board-name{color:var(--ink-soft);font-size:13.5px;padding:4px 8px;border-radius:var(--r-sm);transition:background .12s ease}.board-name:hover{background:var(--surface-2);color:var(--ink)}.board-name-input{font-family:inherit;font-size:13.5px;color:var(--ink);border:1px solid var(--accent);border-radius:var(--r-sm);padding:4px 8px;outline:none;background:var(--surface)}.spacer{flex:1}.status{font-size:12px;color:var(--ink-faint);min-height:1em;font-variant-numeric:tabular-nums}#toolbar{position:absolute;inset-inline-start:14px;top:calc(var(--topbar-h) + 14px);width:var(--toolbar-w);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:5px;display:flex;flex-direction:column;gap:2px;z-index:20;box-shadow:var(--sh-2)}.tool-group{position:relative;display:flex}.tool-btn{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);width:40px;height:40px;display:grid;place-items:center;color:var(--ink-soft);cursor:pointer;position:relative;transition:background .12s ease,color .12s ease}.tool-btn svg{width:21px;height:21px;display:block}.tool-btn:hover{background:var(--surface-2);color:var(--ink)}.tool-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-btn .more{position:absolute;inset-block-end:4px;inset-inline-end:4px;width:0;height:0;border-inline-start:4px solid transparent;border-block-end:4px solid currentColor;opacity:.45}.tool-pop{position:absolute;inset-inline-start:calc(100% + 8px);top:-5px;z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:5px;display:flex;flex-direction:column;gap:1px;min-width:182px}.tool-pop[hidden]{display:none}.tool-item{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:34px;padding:0 9px;display:flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer;text-align:start;transition:background .12s ease}.tool-item svg{width:18px;height:18px;color:var(--ink-soft);flex:0 0 auto}.tool-item span{flex:1}.tool-item kbd{font-family:inherit;font-size:10.5px;color:var(--ink-faint);background:var(--surface-2);border:1px solid var(--line);border-radius:5px;padding:1px 5px;min-width:20px;text-align:center}.tool-item:hover{background:var(--surface-2)}.tool-item[aria-pressed=true]{background:var(--accent-soft)}.tool-item[aria-pressed=true] svg{color:var(--accent)}.tool-item[aria-pressed=true] span{color:var(--accent);font-weight:500}#stage-host{flex:1 1 auto;position:relative;overflow:hidden}.text-editor{position:absolute;margin:0;padding:10px 12px;border:2px solid var(--accent);border-radius:6px;outline:none;resize:none;overflow:hidden;background:transparent;font-family:var(--font-ar);line-height:1.45;z-index:40;transform-origin:top left;white-space:pre-wrap;word-break:break-word}.bar[hidden]{display:none}.bar{position:absolute;z-index:30;display:flex;align-items:center;gap:4px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);user-select:none}.bar button{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:32px;padding:0 10px;font-family:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.bar button:hover{background:var(--surface-2);color:var(--ink)}.bar button.danger:hover{background:#fdecea;color:var(--danger)}.bar .sep{width:1px;height:20px;background:var(--line);margin:0 2px}.ctxbar{position:absolute;z-index:35;display:flex;align-items:center;gap:2px;padding:5px 6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 4px 16px #0000001f;user-select:none;white-space:nowrap}.ctxbar[hidden]{display:none}.ctxbar button{appearance:none;border:0;background:transparent;border-radius:var(--r-sm);height:30px;padding:0 9px;font-family:inherit;font-size:12.5px;color:var(--ink-soft);cursor:pointer;line-height:1}.ctxbar button:hover{background:var(--surface-2);color:var(--ink)}.ctxbar button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:700}.ctxbar button.danger:hover{background:#fdecea;color:var(--danger)}.ctxbar button.bold{font-weight:700}.ctxbar button.ink{font-size:15px;font-weight:700}.ctxbar .sep{width:1px;height:20px;background:var(--line);margin:0 3px}.ctx-group{position:relative;display:flex;align-items:center;gap:2px}.ctx-group[hidden],.ctxbar button[hidden]{display:none}.ctx-num{min-width:26px;text-align:center;font-size:12.5px;color:var(--ink);font-variant-numeric:tabular-nums}.ctx-pop{position:absolute;top:calc(100% + 8px);inset-inline-start:0;display:grid;grid-template-columns:repeat(4,26px);gap:5px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 6px 18px #00000024;z-index:2}.ctx-pop[hidden]{display:none}.swatches{display:flex;gap:4px}.swatch{width:26px;height:26px;padding:0!important;border:1px solid rgb(0 0 0 / 12%)!important;border-radius:6px!important;cursor:pointer;font-size:13px;color:var(--ink-soft)}.swatch:hover{outline:2px solid var(--accent);outline-offset:1px}.zoombar{bottom:16px;inset-inline-end:16px}.zoom-label{min-width:56px;font-variant-numeric:tabular-nums}.databar{position:absolute;inset-inline:12px;bottom:12px;z-index:30;background:#fff4f2;border:1px solid #f0c8c2;color:var(--danger);border-radius:var(--r-md);padding:10px 14px;font-size:13px}.visually-hidden{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.login-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#1b1f2473;backdrop-filter:blur(3px)}.login-card{width:min(380px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:28px 26px 22px;box-shadow:0 12px 40px #0000002e;display:flex;flex-direction:column;gap:14px}.login-brand{font-size:20px;font-weight:700}.login-hint{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.7}.login-hint code{background:var(--surface-2);padding:1px 5px;border-radius:4px;direction:ltr;display:inline-block}.login-field{display:flex;flex-direction:column;gap:5px}.login-field span{font-size:13px;color:var(--ink-soft)}.login-field input{font-family:inherit;font-size:15px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;outline:none;background:#fff;color:var(--ink)}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-submit{appearance:none;border:0;background:var(--accent);color:#fff;font-family:inherit;font-size:15px;font-weight:700;padding:11px;border-radius:9px;cursor:pointer;margin-top:4px}.login-submit:hover{filter:brightness(1.06)}.login-submit:disabled{opacity:.6;cursor:default}.login-error{margin:0;font-size:13px;color:var(--danger);background:#fdecea;border:1px solid #f0c8c2;border-radius:var(--r-sm);padding:8px 11px}.login-error[hidden]{display:none}.facilitate{position:absolute;inset-inline-end:16px;top:calc(var(--topbar-h) + 12px);width:260px;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:14px;user-select:none}.facilitate[hidden]{display:none}.fac-section{display:flex;flex-direction:column;gap:8px}.fac-section+.fac-section{border-top:1px solid var(--line);padding-top:12px}.fac-title{font-size:13px;font-weight:700;color:var(--ink)}.fac-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.fac-label{font-size:12px;color:var(--ink-soft);flex:1}.fac-hint{margin:2px 0 0;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.fac-clock{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;padding:6px 0;color:var(--ink);letter-spacing:1px}.fac-clock.running{color:var(--accent)}.fac-clock.over{color:var(--danger)}.facilitate button{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:6px 10px;font-family:inherit;font-size:12.5px;color:var(--ink-soft);cursor:pointer}.facilitate button:hover{background:var(--surface-2);color:var(--ink)}.facilitate button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.facilitate button.primary:hover{filter:brightness(1.06)}.facilitate button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.facilitate button:disabled{opacity:.5;cursor:default}.facilitate input[type=number]{width:62px;font-family:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;outline:none}.facilitate input:focus{border-color:var(--accent)}.topbar-btn{appearance:none;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:5px 12px;font-family:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.topbar-btn:hover{background:var(--surface-2);color:var(--ink)}.topbar-btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.comments-panel{position:absolute;inset-inline-end:16px;top:calc(var(--topbar-h) + 12px);width:290px;max-height:calc(100% - var(--topbar-h) - 36px);z-index:31;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--sh-2);display:flex;flex-direction:column;gap:10px}.comments-panel[hidden]{display:none}.cm-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.cm-title{font-size:13px;font-weight:700;color:var(--ink)}.cm-filter{display:flex;gap:4px}.cm-filter button{font-family:inherit;font-size:12px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer}.cm-filter button.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.cm-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.cm-row{font-family:inherit;text-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.cm-row:hover{border-color:var(--accent)}.cm-row.resolved{opacity:.62}.cm-row-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink)}.cm-count{color:var(--ink-soft);font-weight:400}.cm-row-body{font-size:12.5px;color:var(--ink-soft);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cm-hint{margin:0;font-size:11.5px;color:var(--ink-soft);line-height:1.6}.comment-card{position:fixed;z-index:60;width:300px;max-height:60vh;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:12px;display:flex;flex-direction:column;gap:10px}.comment-card[hidden]{display:none}.comment-title{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:var(--ink-soft)}.comment-resolve{font-family:inherit;font-size:12px;padding:3px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);cursor:pointer}.comment-resolve:hover{border-color:var(--accent);color:var(--accent)}.comment-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.comment-msg{display:flex;flex-direction:column;gap:3px}.comment-head{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-soft)}.comment-who{font-weight:700;color:var(--ink)}.comment-when{flex:1}.comment-x{font-family:inherit;font-size:15px;line-height:1;border:0;background:transparent;color:var(--ink-soft);cursor:pointer;padding:0 2px}.comment-x:hover{color:var(--danger)}.comment-body{font-size:13px;line-height:1.7;color:var(--ink);white-space:pre-wrap;word-break:break-word}.comment-compose{display:flex;gap:6px;align-items:flex-end}.comment-input{flex:1;font-family:inherit;font-size:13px;line-height:1.6;padding:7px 9px;border-radius:9px;border:1px solid var(--line);resize:vertical;min-height:42px}.comment-input:focus{outline:none;border-color:var(--accent)}.comment-compose button.primary{font-family:inherit;font-size:12.5px;font-weight:700;padding:7px 12px;border-radius:9px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}.comment-compose button.primary:hover{filter:brightness(1.06)}.tpl-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.tpl-row{font-family:inherit;text-align:start;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 11px;cursor:pointer;display:flex;flex-direction:column;gap:3px}.tpl-row:hover{border-color:var(--accent);background:var(--accent-soft)}.tpl-name{font-size:13px;font-weight:700;color:var(--ink)}.tpl-hint{font-size:11.5px;color:var(--ink-soft);line-height:1.6}body{font-feature-settings:"ss01" on;letter-spacing:-.005em}.status,.zoom-label,.fac-clock,.ctx-num,.cm-count,.comment-when{font-variant-numeric:tabular-nums}.bar,.ctxbar{border-color:var(--line-soft);box-shadow:var(--sh-2)}.ctxbar{padding:5px;gap:3px}.ctxbar button{height:30px;padding:0 9px;font-size:12.5px;border-radius:var(--r-sm)}.ctxbar button[aria-pressed=true]{font-weight:500}.bar button{transition:background .12s ease,color .12s ease}.facilitate,.comments-panel{border-color:var(--line-soft);box-shadow:var(--sh-2);border-radius:var(--r-lg)}.fac-title,.cm-title{font-size:12.5px;font-weight:700;letter-spacing:-.1px}.fac-section+.fac-section{border-top-color:var(--line-soft)}.facilitate button,.cm-filter button,.comment-resolve{transition:background .12s ease,border-color .12s ease,color .12s ease}.databar{border-radius:var(--r-md);box-shadow:var(--sh-2)}.comment-input:focus,.login-field input:focus,.facilitate input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.zoombar{padding:5px}.zoombar button{height:30px;min-width:30px}.login-card{border-radius:var(--r-lg);box-shadow:var(--sh-3)}@media (prefers-reduced-motion: reduce){*{transition:none!important}}