@font-face{font-family:Bevan;src:url(/fonts/Bevan-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:EB Garamond;src:url(/fonts/EBGaramond.ttf) format("truetype");font-weight:400 700;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-SemiBold.ttf) format("truetype");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(/fonts/IBMPlexSansArabic-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--paper: #FFF9F2;--paper-warm: #FDEADC;--paper-shade: #F2E4D4;--ink: #1E1575;--ink-soft: #5A54A0;--ink-mute: #8B86BF;--ink-faint: #B9B4DC;--disabled-ink: #8E8A86;--disabled-fill: var(--paper-shade);--wonder: #8E96FF;--wonder-deep: #432EDC;--wonder-pale: #D3D8F4;--seal: #FF5226;--seal-ink: #B8330E;--starlight: #F6D964;--leaf: #3FA47A;--night: #141040;--warn: #8A6D16;--warn-pale: rgba(246, 217, 100, .22);--leaf-pale: rgba(63, 164, 122, .14);--seal-pale: rgba(255, 82, 38, .1);--wonder-tint: rgba(142, 150, 255, .12);--t-tap: #C98A3A;--t-look: #2E9E96;--t-sound: #8A6BC9;--t-choice: #C96B86;--t-word: #5A6BC0;--t-draw: #C97A5A;--t-compare: #C9835A;--t-link: #5AA47A;--t-pick: #7A6BA8;--t-fact: #4E8FA8;--t-toolbox: #B07A4E;--t-puzzle: #6E8FA0;--t-fva: #9A6B8F;--font-display: "Bevan", "IBM Plex Sans Arabic", Georgia, serif;--font-editorial: "EB Garamond", Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ar: "IBM Plex Sans Arabic", "Segoe UI", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: 28px;--fs-h1: 24px;--fs-h2: 19px;--fs-body: 14px;--fs-small: 12px;--fs-micro: 11px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--r-sm: 4px;--r-input: 6px;--r-md: 8px;--r-card: 10px;--r-pill: 999px;--shadow-1: 0 2px 6px rgba(67, 46, 220, .08);--shadow-2: 0 6px 16px rgba(67, 46, 220, .1);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--t-fast: .14s;--t-ui: .2s}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased}[dir=rtl]{font-family:var(--font-ar)}[dir=rtl],:lang(ar){letter-spacing:0!important}:is(input,textarea)[dir=rtl],[data-testid=bi-ar-blank]{font-family:var(--font-ar)!important;font-size:16px!important}.list-fade{animation:screenIn var(--t-ui) var(--ease-out)}a{color:var(--wonder-deep);text-decoration:none}h1,h2,h3{font-family:var(--font-editorial);font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.display{font-family:var(--font-display);font-weight:400}.mono{font-family:var(--font-mono);font-size:.86em}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-property:opacity,color,background-color,border-color,box-shadow!important;transition-duration:var(--t-fast)!important}:where(button,[role=button],a.btn,.card-link,.seg-chip,.rail-link,summary):active{transform:none!important}.spread-card:has(.spread-open:active){transform:none!important}}:where(button,[role=button],a.btn,summary){transition-property:transform;transition-duration:var(--t-fast);transition-timing-function:var(--ease-out)}:where(button,[role=button],a.btn,.card-link,.seg-chip,summary):active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}:focus-visible{outline:2px solid var(--wonder);outline-offset:2px}.skip-link{position:fixed;left:50%;transform:translate(-50%);top:10px;z-index:95;padding:6px 12px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font:600 13px/1.3 var(--font-ui);text-decoration:none;box-shadow:var(--shadow-2)}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden;white-space:nowrap}.input:focus-visible,select.input:focus-visible,textarea.input:focus-visible{outline:none;border-color:var(--wonder);box-shadow:0 0 0 3px #8e96ff47}.grain:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.02;background-image:radial-gradient(var(--ink) .5px,transparent .5px);background-size:4px 4px}.card{background:var(--paper-warm);border:1px solid var(--paper-shade);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.bench-crumb>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto}.bench-crumb>:last-child{flex-shrink:0}.bench-crumb>[data-keep]{flex-shrink:0}.bi-gutter{color:var(--ink-soft);transition:color var(--t-fast) var(--ease-out)}.bi-row[data-focused]{box-shadow:inset 2px 0 0 var(--wonder)}.bi-row[data-focused] .bi-gutter{color:var(--wonder-deep);font-weight:700}.bi-row[data-bi-row=en]>:is(input,textarea){scroll-margin-top:40px}.bi-row[data-bi-row=ar]>:is(input,textarea){scroll-margin-top:80px}.pill-press{transition:transform var(--t-fast) var(--ease-out),filter var(--t-ui) var(--ease-out)}.pill-press:active{transform:scale(.97)}@media(hover:hover){.pill-press:hover{filter:brightness(.97)}}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:3px 10px;font-size:var(--fs-small);white-space:nowrap;font-variant-numeric:tabular-nums}.stitched{border:2px dashed var(--ink-faint)}.chip{font:500 var(--fs-micro) var(--font-ui);font-variant-numeric:tabular-nums;color:var(--ink-soft);background:var(--paper-shade);border-radius:var(--r-input);padding:2px 7px;white-space:nowrap}.chip-mono{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--ink-soft);background:var(--paper-shade);border-radius:var(--r-input);padding:2px 6px;white-space:nowrap}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 12px;border-radius:var(--r-input);border:1px solid var(--paper-shade);background:var(--paper);color:var(--ink);font:500 13px var(--font-ui);line-height:1.3;cursor:pointer;white-space:nowrap;text-decoration:none;transition-property:transform,background-color,border-color,box-shadow,color;transition-duration:var(--t-fast);transition-timing-function:var(--ease-out)}.btn:active:not(:disabled),.btn-ghost:active:not(:disabled){transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn:hover:not(:disabled),.btn-ghost:hover:not(:disabled){background:var(--paper-warm);border-color:var(--ink-faint)}}.btn:disabled,.btn-ghost:disabled{background:var(--paper-shade);border-color:var(--paper-shade);color:var(--ink-mute);cursor:default;transform:none}.btn-primary{background:var(--wonder-deep);border-color:var(--wonder-deep);color:#fff;font-weight:600}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled){background:#3a27c4;border-color:#3a27c4}}.btn-ghost{color:var(--ink-soft)}.btn-ghost.ink,.btn-ghost.hdr,.btn-ghost.lg{color:var(--ink)}.btn-ghost.hdr{border-color:var(--ink-soft)}.btn-seal{background:var(--seal);border-color:var(--seal);color:#fff;font-weight:600}@media(hover:hover)and (pointer:fine){.btn-seal:hover:not(:disabled){background:#e8451d;border-color:#e8451d}}.btn-icon{width:32px;height:32px;min-height:0;padding:0;justify-content:center}.btn-icon:active:not(:disabled){transform:scale(.94)}.btn-icon.sm{width:24px;height:24px}.btn-icon.md{width:28px;height:28px}.btn-bare{border-color:transparent;background:transparent}@media(hover:hover)and (pointer:fine){.btn-bare:hover:not(:disabled){background:var(--wonder-tint);border-color:transparent}}.btn.lg{min-height:40px;padding:8px 16px;font-size:14px}.btn.compact{min-height:26px;padding:3px 10px;font-size:12px}.btn-link{display:inline;padding:0;min-height:0;border:none;background:none;color:var(--wonder-deep);text-decoration:underline;text-underline-offset:2px;font:inherit;cursor:pointer}.btn-link:active{opacity:.7}.link{color:var(--wonder-deep);text-decoration:underline;text-underline-offset:2px}.input{height:40px;padding:0 12px;border:1px solid var(--paper-shade);border-radius:var(--r-input);font-size:14px;font-family:var(--font-ui);background:var(--paper);color:var(--ink);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.password-field{position:relative;display:flex}.password-field>.input{flex:1;min-width:0;width:100%;padding-inline-end:58px}.password-show{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);height:30px;padding:0 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--wonder-deep);font:600 var(--fs-small) var(--font-ui);cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}.password-show:active{transform:translateY(-50%) scale(.97)}.password-show:focus-visible{outline:2px solid var(--wonder);outline-offset:1px}@media(hover:hover){.password-show:hover{background:var(--wonder-tint)}}.input.sm{height:32px;padding:0 10px;font-size:13px}select.input{accent-color:var(--wonder-deep)}textarea.input{height:auto;padding:8px 12px}.label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-small);color:var(--ink-soft)}.label.lg{margin-bottom:10px}.check{accent-color:var(--wonder-deep);width:14px;height:14px;margin:0}.seg{display:flex;gap:2px;padding:2px;background:var(--paper-shade);border-radius:var(--r-md);position:relative}.seg.col{flex-direction:column}.seg-thumb{position:absolute;left:2px;top:2px;width:calc(100% - 4px);height:28px;background:var(--paper);box-shadow:var(--shadow-1);border-radius:var(--r-input);transition:transform var(--t-fast) var(--ease-out);pointer-events:none}.seg-item{position:relative;z-index:1;height:28px;min-width:0;border:none;background:transparent;border-radius:var(--r-input);cursor:pointer;font:600 11px var(--font-mono);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;transition:color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.seg-item:active{transform:scale(.96)}.seg-item[aria-pressed=true],.seg-item[aria-checked=true]{color:var(--wonder-deep)}.seg-chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r-input);font:500 12px var(--font-ui);color:var(--ink-soft);cursor:pointer;transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.seg-chip:has(input:checked){background:var(--paper);box-shadow:var(--shadow-1);color:var(--wonder-deep)}.seg-chip:has(input:focus-visible){outline:2px solid var(--wonder);outline-offset:2px}.seg-chip input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.role-pick{flex:1 1 100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border:0;padding:0;margin:2px 0 0;min-width:0}.role-pick>legend{padding:0;margin-bottom:4px;flex-direction:row;align-items:baseline}.role-next-hint{margin-inline-start:8px;color:var(--wonder-deep);font-weight:600}.role-chip{flex:none;padding:1px 8px;font-size:var(--fs-micro);font-weight:600;box-shadow:inset 0 0 0 1px #1e157514}.role-chip[data-role=viewer]{background:var(--paper-shade);color:var(--ink-soft)}.role-chip[data-role=editor]{background:var(--wonder-pale);color:var(--wonder-deep)}.role-chip[data-role=publisher]{background:var(--leaf-pale);color:var(--ink)}.role-chip[data-role=admin]{background:var(--seal-pale);color:var(--seal-ink)}.role-opt{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:8px;row-gap:1px;align-items:center;padding:8px 10px;border:1px solid var(--paper-shade);border-radius:var(--r-input);background:var(--paper);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.role-opt:active{transform:scale(.97)}.role-opt:has(input:checked){border-color:var(--wonder);background:var(--wonder-pale)}.role-opt:has(input:focus-visible){outline:2px solid var(--wonder);outline-offset:2px}.role-opt input{margin:0;accent-color:var(--wonder-deep)}.role-opt-name{font-weight:600;font-size:var(--fs-small);color:var(--ink)}.role-opt-does{grid-column:2;font-size:var(--fs-micro);color:var(--ink-soft);line-height:1.35}@media(hover:hover){.role-opt:hover{border-color:var(--wonder)}}@media(prefers-reduced-motion:reduce){.role-opt:active{transform:none}}.spread-hint{margin-top:1px;font-family:var(--font-editorial);font-size:13px;line-height:1.3;color:var(--ink-soft);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word}.card-link{transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.card-link:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}}.card-link:active{transform:scale(.985)}.spread-card{transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.spread-card:has(.spread-open:hover){transform:translateY(-1px);box-shadow:var(--shadow-2)}.spread-title:hover{text-decoration:underline;text-underline-offset:2px}}.spread-card:has(.spread-open:active){transform:scale(.985)}.spread-card:focus,.removed-spreads:focus{outline:none}.spread-card[data-landed],.removed-spreads[data-landed]{outline:3px solid var(--wonder-deep);outline-offset:2px}.rail-link{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;width:100%;border-radius:var(--r-md);text-decoration:none;color:var(--ink-soft);font-size:var(--fs-micro);transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.rail-link:hover{background:var(--wonder-tint)}}.rail-link:active{transform:scale(.96)}.rail-link.is-active{background:var(--wonder-pale);color:var(--wonder-deep)}.rail-find{border:1px solid var(--paper-shade);background:var(--paper);cursor:pointer;font-family:var(--font-ui);margin-bottom:10px;box-shadow:inset 0 1px 2px #1410400f}.rail-link,.rail-help{flex-shrink:0}.rail-find:focus-visible{outline:2px solid var(--wonder);outline-offset:2px}.rail-help{width:40px;height:40px;border-radius:50%;border:1px solid var(--paper-shade);background:transparent;color:var(--ink-soft);cursor:pointer;font:700 16px var(--font-ui);transition:background-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.rail-help:hover{background:var(--wonder-pale);color:var(--wonder-deep)}}.rail-help:active{transform:scale(.94)}.rail-row{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:6px 8px;border-radius:var(--r-md);cursor:pointer;border:none;background:transparent;color:var(--ink);font:400 12px var(--font-ui);transition:background-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.rail-row:hover{background:#fff9f2b3}}.rail-row:active{transform:scale(.98)}.rail-row[aria-current=true]{background:var(--paper);box-shadow:inset 3px 0 0 var(--tint, var(--wonder)),var(--shadow-1)}.glyph-link{display:inline-flex;align-items:center;gap:3px;padding:3px 4px;min-height:24px;border-radius:var(--r-sm);font-size:13px;box-shadow:inset 0 -2px 0 var(--tint, currentColor);transition:background-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}@media(hover:hover)and (pointer:fine){.glyph-link:hover{background:var(--paper)}}.glyph-link:active{transform:scale(.96)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14104059;transition:opacity var(--t-ui) var(--ease-out)}@starting-style{.scrim{opacity:0}}.scrim[data-closing]{opacity:0;transition-duration:var(--t-fast)}.scrim.clear{background:transparent}.sheet{transform-origin:center;transition:transform var(--t-ui) var(--ease-out),opacity var(--t-ui) var(--ease-out);display:flex;flex-direction:column}@starting-style{.sheet{opacity:0;transform:scale(.97) translateY(6px)}}.sheet[data-closing]{opacity:0;transform:scale(.98);transition-duration:var(--t-fast)}.sheet-body{overflow:auto;flex:1;min-height:0}.pop{transform-origin:var(--origin, top left);transition:transform var(--t-ui) var(--ease-out),opacity var(--t-fast) var(--ease-out)}@starting-style{.pop{opacity:0;transform:scale(.96) translateY(-4px)}}.pop[data-closing]{opacity:0;transform:scale(.97);transition-duration:var(--t-fast)}.scroll-shade{background:linear-gradient(var(--shade-bg, var(--paper)) 30%,transparent) top / 100% 24px no-repeat local,linear-gradient(transparent,var(--shade-bg, var(--paper)) 70%) bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,var(--shade-ink, rgba(67, 46, 220, .12)),transparent) top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,var(--shade-ink, rgba(67, 46, 220, .12)),transparent) bottom / 100% 10px no-repeat scroll,var(--shade-bg, var(--paper))}.drawer{transition:transform var(--t-ui) var(--ease-out),opacity var(--t-ui) var(--ease-out)}@starting-style{.drawer{transform:translate(100%)}}.drawer[data-closing]{transform:translate(100%);transition-duration:var(--t-fast)}.scrim[data-instant],.sheet[data-instant],.pop[data-instant],.drawer[data-instant]{transition:none!important}.screen-enter{animation:screenIn var(--t-fast) var(--ease-out)}@keyframes screenIn{0%{opacity:0}to{opacity:1}}.screen-wrap{height:100%}.rise{transition:opacity var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}@starting-style{.rise{opacity:0;transform:translateY(-2px)}}.rise.up{transition-duration:var(--t-ui)}@starting-style{.rise.up{opacity:0;transform:translateY(4px)}}.collapse{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--t-ui) var(--ease-out),opacity var(--t-fast) var(--ease-out)}.collapse>*{min-height:0;overflow:hidden}.collapse[data-closing]{grid-template-rows:0fr;opacity:0}@starting-style{.collapse.grow{grid-template-rows:0fr;opacity:0}}.disclose{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--t-ui) var(--ease-out)}.disclose>*{min-height:0;overflow:hidden}@starting-style{.disclose{grid-template-rows:0fr}}.chev{transition:transform var(--t-fast) var(--ease-out)}.chev[data-closed]{transform:rotate(-90deg)}.list-row .mini-btns{opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.list-row:focus-within .mini-btns{opacity:1}@media(hover:hover)and (pointer:fine){.list-row:hover .mini-btns{opacity:1}}@media(hover:none){.list-row .mini-btns{opacity:1}}.mini-btn{width:24px;height:22px;min-height:0;padding:0;font-size:11px;line-height:1;border-radius:var(--r-sm)}.card-tool{height:28px;min-height:0;min-width:28px;padding:0 4px;gap:2px;font-size:12px;line-height:1;border-radius:var(--r-sm)}.card-tool.worded{padding-right:8px}.card-glyph{display:inline-grid;place-items:center;width:20px;height:20px;font-size:14px}@media(hover:hover)and (pointer:fine){.card-tool.danger:hover:not(:disabled){color:var(--seal)}}@media(hover:hover)and (pointer:fine){.mini-btn.danger:hover:not(:disabled){color:var(--seal)}}.note-row{border-left:2px solid var(--seal);padding-left:8px}.stage-edit[data-guides=off]>[data-testid^=zone-]:not(.tap-area){border-color:transparent!important}.stage-edit[data-guides=off]>.tap-area{border:1.5px dashed rgba(255,255,255,.75)!important}.tap-tack{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);display:grid;place-items:center;z-index:3;pointer-events:auto;touch-action:none;opacity:0;transition:opacity var(--t-fast) var(--ease-out)}.tap-tack>span{width:10px;height:10px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 2px var(--wonder-deep)}@media(hover:hover){.tap-area:hover>.tap-tack{opacity:1}}.box-name{position:absolute;z-index:2;margin:0;padding:1px 6px;border-radius:var(--r-sm);pointer-events:none;font:600 clamp(8px,1.3cqw,11px)/1.3 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#141040b8;color:var(--starlight);box-sizing:border-box}.box-name[data-primary]{background:var(--wonder);color:#fff}.stage-edit[data-guides=off]>.box-name:not(.tap-area-line){display:none}.ring-handle{position:absolute;z-index:3;width:24px;height:24px;margin:0;padding:0;border:0;background:none;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:auto;cursor:grab;touch-action:none}.ring-handle>span{width:12px;height:12px;border-radius:50%;border:2px solid var(--starlight);background:#1410408c;box-shadow:0 0 0 1px var(--night);transition:transform var(--t-fast) var(--ease-out)}.ring-handle:active>span{transform:scale(.9)}@media(hover:hover){.ring-handle:hover>span{transform:scale(1.15)}}.ring-handle:focus-visible{outline:2px solid var(--wonder);outline-offset:2px;border-radius:50%}.guides-note{position:absolute;right:8px;top:8px;z-index:1;transition:transform var(--t-fast) var(--ease-out);display:flex;align-items:center;gap:8px;padding:3px 4px 3px 10px;border-radius:var(--r-pill);background:#141040b8;color:#fff;font:500 clamp(9px,1.5cqw,12px) var(--font-ui);pointer-events:auto}.guides-note[data-on="0"]{padding-left:4px}[data-testid=twin-canvas]:has(>[data-testid=film-play]) .guides-note{top:44px}.guides-note button{border:none;border-radius:var(--r-pill);padding:2px 10px;background:#ffffff29;color:#fff;font:inherit;cursor:pointer;transition:transform var(--t-fast) var(--ease-out),background-color var(--t-fast) var(--ease-out)}.guides-note button:active{transform:scale(.97)}.guides-note button:focus-visible{outline:2px solid var(--starlight);outline-offset:2px}@media(hover:hover)and (pointer:fine){.guides-note button:hover{background:#ffffff42}}.focus-target{border-radius:var(--r-input);outline:2px solid var(--wonder);outline-offset:3px}.safety-line{font-size:var(--fs-micro);color:var(--ink-soft)}.safety-line b{color:var(--wonder-deep);font-family:var(--font-mono);font-weight:600}@keyframes stitchFlash{0%{color:var(--leaf);transform:scale(1.04)}to{color:var(--ink-soft);transform:scale(1)}}.stitch-flash{animation:stitchFlash .3s var(--ease-out);display:inline-flex}@keyframes march{to{transform:translate(3px);opacity:.4}}.stitch-march{display:inline-block;animation:march .6s linear infinite alternate}@keyframes pop{50%{transform:scale(1.15)}}.gate-glyph{display:inline-block;transition:color var(--t-ui) var(--ease-out)}.gate-glyph[data-just-ok]{animation:pop var(--t-ui) var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;flex:0 0 auto}.spinner.ink{border-color:#1e157533;border-top-color:var(--wonder-deep)}.login-card{transition:opacity var(--t-ui) var(--ease-out),transform var(--t-ui) var(--ease-out)}@starting-style{.login-card{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes pulse{0%{box-shadow:0 0 #3fa47a99}70%{box-shadow:0 0 0 7px #3fa47a00}to{box-shadow:0 0 #3fa47a00}}.skeleton{position:relative;overflow:hidden;background:var(--paper-shade);border-radius:var(--r-card)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translate(-100%);animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.skeleton:after{animation:none}}.toaster{position:fixed;left:50%;top:14px;transform:translate(-50%);z-index:300;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:10px;min-width:260px;max-width:460px;padding:10px 14px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.4;border-radius:var(--r-card);box-shadow:var(--shadow-2);border:1px solid var(--paper-shade);transition:transform var(--t-ui) var(--ease-out),opacity var(--t-ui) var(--ease-out)}.toast:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--wonder)}@starting-style{.toast{transform:translateY(-12px) scale(.97);opacity:0}}.toast[data-closing]{transform:translateY(-8px);opacity:0;transition-duration:var(--t-fast)}@media(prefers-reduced-motion:reduce){@starting-style{.toast{transform:none}}.toast[data-closing]{transform:none}}.toast[data-tone=leaf]:before{background:var(--leaf)}.toast[data-tone=seal]:before{background:var(--seal)}.toast[data-tone=wonder]:before{background:var(--wonder)}.toaster.in-sheet{position:static;left:auto;bottom:auto;transform:none;z-index:auto;flex-direction:column;width:100%;margin-top:12px}.toaster.in-sheet .toast{min-width:0;max-width:100%;width:100%;box-shadow:none;background:var(--paper-warm)}.palette-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;border:none;border-radius:var(--r-md);padding:9px 12px;font-size:14px;color:var(--ink);background:transparent;font-family:var(--font-ui)}.palette-row[data-selected]{background:var(--wonder-pale)}.tour-spot{position:absolute;left:0;top:0;border-radius:var(--r-card);box-shadow:0 0 0 9999px #141040a8;border:2px solid var(--starlight);pointer-events:none;transition:transform var(--t-ui) var(--ease-in-out),width var(--t-ui) var(--ease-in-out),height var(--t-ui) var(--ease-in-out)}.tour-card{position:absolute;left:0;top:0;width:320px;transition:transform var(--t-ui) var(--ease-in-out),opacity var(--t-ui) var(--ease-out)}@starting-style{.tour-card{opacity:0}}.for-engineers{margin-top:28px;padding-top:10px;border-top:1px solid var(--paper-shade);font-size:12px;color:var(--ink-soft)}.for-engineers>summary{cursor:pointer;width:fit-content;border-radius:var(--r-sm)}.for-engineers>summary:focus-visible{outline:2px solid var(--wonder);outline-offset:2px}.manuscript-body{margin-top:8px;max-height:240px;overflow:auto;padding:8px 10px;white-space:pre-wrap;background:var(--night);color:#cfd3ee;border-radius:var(--r-input);font-family:var(--font-mono);font-size:var(--fs-micro);transition:opacity var(--t-fast) var(--ease-out)}@starting-style{.manuscript-body{opacity:0}}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-cut{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-open{display:grid;grid-template-columns:84px 150px;gap:12px;align-items:center;color:var(--ink);border-radius:var(--r-input);padding:2px;margin:-2px;transition:background-color var(--t-ui) var(--ease-out),transform var(--t-fast) var(--ease-out)}.row-open:active{transform:scale(.98)}.row-open:focus-visible{outline:2px solid var(--wonder);outline-offset:2px}.open-cue{font-size:11px;font-weight:600;color:var(--wonder-deep);opacity:0;transition:opacity var(--t-ui) var(--ease-out)}.row-open:focus-visible .open-cue{opacity:1}@media(hover:hover){.row-open:hover{background:var(--paper-warm)}.row-open:hover .open-cue{opacity:1}}@media(hover:none){.open-cue{opacity:1}}.stretch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.stretch:focus-visible{outline:none}.card:has(.stretch:focus-visible){outline:2px solid var(--wonder);outline-offset:2px}.pill-link{position:relative;z-index:1;text-decoration:underline;text-underline-offset:2px;transition:transform var(--t-fast) var(--ease-out),filter var(--t-ui) var(--ease-out)}.pill-link:active{transform:scale(.97)}@media(hover:hover){.pill-link:hover{filter:brightness(.96)}}.pill-btn{all:unset;cursor:pointer;font-weight:600;border-radius:var(--r-pill);padding:0 4px;margin:0 -4px;transition:background-color var(--t-ui) var(--ease-out),transform var(--t-fast) var(--ease-out)}.pill-btn:active{transform:scale(.97)}.pill-btn:focus-visible{outline:2px solid var(--wonder);outline-offset:1px}@media(hover:hover){.pill-btn:hover{background:color-mix(in srgb,var(--wonder) 14%,transparent)}}.menu-item{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 10px;border-radius:var(--r-input);cursor:pointer;color:var(--ink);font-size:13px;transition:background-color var(--t-ui) var(--ease-out),transform var(--t-fast) var(--ease-out)}.menu-item span{font-size:12px;color:var(--ink-soft)}.menu-item:active{transform:scale(.98)}.menu-item:focus-visible{outline:2px solid var(--wonder);outline-offset:-2px}@media(hover:hover){.menu-item:hover{background:var(--wonder-pale)}}.still-needed{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1.3;color:var(--ink-soft)}.still-needed:before{content:"";width:6px;height:6px;border-radius:var(--r-sm);background:var(--warn);flex:0 0 auto}.rail-avatar{flex-shrink:0;margin-top:10px;width:32px;height:32px;border-radius:50%;border:0;padding:0;cursor:pointer;background:var(--wonder-deep);color:#fff;display:grid;place-items:center;font:700 13px var(--font-ui);transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.rail-avatar:active{transform:scale(.94)}.rail-avatar[aria-expanded=true]{box-shadow:0 0 0 3px var(--wonder-pale)}.rail-avatar:focus-visible{outline:2px solid var(--wonder);outline-offset:2px}@media(hover:hover)and (pointer:fine){.rail-avatar:hover{box-shadow:0 0 0 3px var(--wonder-pale)}}fieldset:disabled :is(input,textarea,select){cursor:default}:is(button,[role=button],a.btn):is(:disabled,[aria-disabled=true]){color:var(--disabled-ink)!important;cursor:default!important;box-shadow:none!important;transform:none!important}:is(button,[role=button],a.btn):is(:disabled,[aria-disabled=true]) *{color:inherit!important}.btn:not(.btn-bare):is(:disabled,[aria-disabled=true]){background:var(--disabled-fill)!important;border-color:var(--disabled-fill)!important;border-style:solid!important}[data-tour=preview]{-webkit-user-select:none;user-select:none}[data-tour=preview] :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text}fieldset:disabled :is(input,textarea,select){background:var(--paper-warm);color:var(--ink-soft)}fieldset:disabled .bi-box{background:var(--paper-warm)!important;border-style:dashed!important}fieldset:disabled .bi-box .bi-row{background:transparent!important}.app-ring circle{animation:1.03s linear infinite}.app-ring .app-ring-line{animation-name:appRing}.app-ring .app-ring-halo{animation-name:appRingHalo}@keyframes appRing{0%,27%{r:.045px;stroke-width:.06px;opacity:0}32.8%{r:.0545px;stroke-width:.0552px;opacity:.355}38.6%{r:.064px;stroke-width:.0504px;opacity:.676}46%{r:.07611px;stroke-width:.04428px;opacity:.985}56%{r:.0925px;stroke-width:.036px;opacity:1}66%{r:.10889px;stroke-width:.02772px;opacity:.985}73.4%{r:.121px;stroke-width:.0216px;opacity:.676}79.2%{r:.1305px;stroke-width:.0168px;opacity:.355}85%,to{r:.14px;stroke-width:.012px;opacity:0}}@keyframes appRingHalo{0%,27%{r:.045px;stroke-width:.0675px;opacity:0}32.8%{r:.0545px;stroke-width:.0627px;opacity:.057}38.6%{r:.064px;stroke-width:.0579px;opacity:.108}46%{r:.07611px;stroke-width:.05178px;opacity:.158}56%{r:.0925px;stroke-width:.0435px;opacity:.16}66%{r:.10889px;stroke-width:.03522px;opacity:.158}73.4%{r:.121px;stroke-width:.0291px;opacity:.108}79.2%{r:.1305px;stroke-width:.0243px;opacity:.057}85%,to{r:.14px;stroke-width:.0195px;opacity:0}}@media(prefers-reduced-motion:reduce){.app-ring .app-ring-line{animation-name:appRingStill}.app-ring .app-ring-halo{animation-name:appRingStill;stroke-opacity:.16}}@keyframes appRingStill{0%,to{opacity:.35}50%{opacity:1}}[data-testid=twin-canvas]:not(:has(>.stage-edit[data-guides=on])) .twin-zone{border-color:transparent!important;background:transparent!important}[data-testid=twin-canvas]:not(:has(>.stage-edit[data-guides=on])) .twin-zone-name{visibility:hidden}[data-ghost]:after{content:attr(data-ghost)}[data-testid=device-preview][lang=ar] [data-testid=arabic-missing-gloss]{display:none}[data-testid=test-confirm]>div:last-child{flex-wrap:wrap}[data-bench-pin],[data-testid=app-head]{background:var(--paper)}