.MorphBar_bar{position:relative;height:84px;border-radius:42px;background:linear-gradient(180deg,var(--bar-from) 0%,var(--bar-to) 100%);box-shadow:inset 0 1px 0 var(--bar-sheen),0 0 0 .5px var(--bar-edge),0 1px 2px rgba(0,0,0,calc(.05 * var(--bar-lift, 1))),0 5px 12px rgba(0,0,0,calc(.09 * var(--bar-lift, 1))),0 9px 20px rgba(0,0,0,calc(.06 * var(--bar-lift, 1)));overflow:hidden;--ease-settle: cubic-bezier(.22, .9, .16, 1);transition:width .52s var(--ease-settle),height .52s var(--ease-settle),border-radius .44s var(--ease-settle),translate .54s var(--ease-settle),scale .54s var(--ease-settle),transform .54s var(--ease-settle)}.MorphBar_bar.MorphBar_collapsed{width:84px;scale:.667;transform-origin:var(--fold-origin, center);min-width:0;overflow:hidden;clip-path:none;cursor:pointer}.MorphBar_bar.MorphBar_vertical.MorphBar_collapsed{width:66px;height:66px;scale:.848}.MorphBar_bar.MorphBar_collapsed .MorphBar_panel,.MorphBar_bar.MorphBar_collapsed .MorphBar_collapsedContent{pointer-events:none}.MorphBar_bar.MorphBar_collapsed .MorphBar_panel{transition:opacity .3s ease-out,filter .26s ease-out,transform .3s ease-out;filter:blur(9px);transform:scale(.94)}.MorphBar_expandHit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.MorphBar_collapsedContent{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-start;justify-content:center;padding-top:7px;opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .2s ease-out,filter .2s ease-out}.MorphBar_collapsedContent[data-shown]{opacity:1;filter:blur(0);transition:opacity .14s ease-in,filter .32s var(--ease-smooth)}.MorphBar_clip{position:absolute;top:0;right:0;bottom:0;left:0}.MorphBar_panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:.125rem;padding:0 2rem;width:max-content;transition:opacity .26s var(--ease-smooth),filter .34s var(--ease-smooth),transform .52s var(--ease-settle);opacity:0;filter:blur(8px);transform:scale(.86);pointer-events:none}.MorphBar_panel[data-active]{opacity:1;filter:blur(0);transform:scale(1);pointer-events:auto;transition-delay:60ms,60ms,0ms}.MorphBar_vertical{width:66px;height:auto;border-radius:33px;overflow:visible}.MorphBar_vertical[data-side=left] .MorphBar_clip,.MorphBar_vertical[data-side=left] .MorphBar_collapsedContent{clip-path:inset(0 -160px 0 0)}.MorphBar_vertical[data-side=right] .MorphBar_clip,.MorphBar_vertical[data-side=right] .MorphBar_collapsedContent{clip-path:inset(0 0 0 -160px)}.MorphBar_vertical .MorphBar_panel{width:66px;height:max-content;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.25rem 0}.MorphBar_centered{align-items:center;gap:.5rem}.BarSlider_field{display:flex;flex-direction:column;gap:.375rem;width:var(--field-w, 148px);flex:none}.BarSlider_head{display:flex;align-items:baseline;justify-content:space-between;font-size:.6875rem;font-weight:500;letter-spacing:-.003rem}.BarSlider_label{color:var(--ink-faint)}.BarSlider_value{color:var(--ink);font-variant-numeric:tabular-nums}.BarSlider_track{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.BarSlider_groove{position:absolute;top:2px;right:0;bottom:2px;left:0;border-radius:6px;background:var(--sunk);overflow:hidden}.BarSlider_track:before{content:"";position:absolute;top:-10px;right:-4px;bottom:-10px;left:-4px}.BarSlider_checker{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-conic-gradient(rgba(0,0,0,.1) 0% 25%,transparent 0% 50%) 50% / 8px 8px}.BarSlider_fill{position:absolute;left:0;top:0;bottom:0;border-radius:6px;transition:width .34s var(--ease-smooth)}.BarSlider_track[data-dragging=true] .BarSlider_fill{transition:none}.BarSlider_knob{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--raised);box-shadow:0 0 0 .5px #00000029,0 1px 4px #00000038;translate:-50% -50%;transition:left .34s var(--ease-smooth),transform .16s var(--ease-smooth);pointer-events:none}.BarSlider_track:hover .BarSlider_knob,.BarSlider_track[data-dragging=true] .BarSlider_knob{transform:scale(1.14)}.BarSlider_track[data-dragging=true] .BarSlider_knob{transition:transform .16s var(--ease-smooth)}.BarSlider_fieldVertical{width:auto;align-items:center;gap:.5rem}.BarSlider_fieldVertical .BarSlider_head{flex-direction:column;align-items:center;gap:2px}.BarSlider_trackVertical{width:16px;height:120px}.BarSlider_trackVertical:before{top:-4px;right:-10px;bottom:-4px;left:-10px}.BarSlider_trackVertical .BarSlider_groove{top:0;right:2px;bottom:0;left:2px}.BarSlider_trackVertical .BarSlider_fill{top:auto;bottom:0;left:0;right:0;width:auto;transition:height .34s var(--ease-smooth)}.BarSlider_trackVertical[data-dragging=true] .BarSlider_fill{transition:none}.BarSlider_trackVertical .BarSlider_knob{top:auto;left:50%;transition:bottom .34s var(--ease-smooth),transform .16s var(--ease-smooth);translate:-50% 50%}.BarSlider_trackVertical[data-dragging=true] .BarSlider_knob{transition:transform .16s var(--ease-smooth)}.Toolbar_row{display:flex;align-items:center;gap:.5rem;height:100%}.Toolbar_seated{display:flex;align-items:center;height:100%;padding-bottom:0;flex:none}.Toolbar_round{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--ink-soft);background:transparent;transition:background-color .16s var(--ease-smooth),color .16s var(--ease-smooth),transform .14s var(--ease-smooth),opacity .2s var(--ease-smooth)}.Toolbar_round:active:not(:disabled){transform:scale(.9)}.Toolbar_round:disabled{opacity:.28}.Toolbar_divider{flex:none;width:1px;height:22px;align-self:center;background:var(--hairline);margin:0 .625rem}.Toolbar_tool{position:relative;flex:none;display:block;width:34px;margin-bottom:-20px;transform:translateY(6px);transition:transform .38s var(--ease-snappy),filter .38s var(--ease-snappy);filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.Toolbar_tool[data-active]{transform:translateY(-12px);filter:drop-shadow(0 4px 6px rgba(0,0,0,.18))}.Toolbar_wheel{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:conic-gradient(#ff383c,#ff8d28,#fc0,#34c759,#00c3d0,#08f,#6155f5,#d6336c,#ff383c);box-shadow:0 0 0 .5px #0000001f,inset 0 0 0 1px #ffffff80}.Toolbar_wheelInk{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 3px var(--bar-from),0 0 0 3.5px var(--hairline);transition:background-color .24s var(--ease-smooth)}.Toolbar_brushDot{border-radius:50%;transition:width .26s var(--ease-smooth),height .26s var(--ease-smooth),background-color .24s var(--ease-smooth),opacity .24s var(--ease-smooth)}.Toolbar_row[data-open-end]{padding-right:.75rem}.Toolbar_vertical .Toolbar_row[data-open-end]{padding-right:.5rem}.Toolbar_vertical .Toolbar_row.Toolbar_inkRow{padding-bottom:.75rem}.Toolbar_swatches{display:flex;align-items:center;gap:.3125rem;flex:none}.Toolbar_chip{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;flex:none;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.Toolbar_chip[data-active]{transform:scale(1.08) translateY(-1px);box-shadow:inset 0 0 0 1px #00000024,0 3px 8px #0000003d}.Toolbar_tick{width:16px;height:16px;opacity:0;transform:scale(.5);transition:opacity .14s ease-out,transform .24s var(--ease-snappy);pointer-events:none}.Toolbar_chip[data-active] .Toolbar_tick{opacity:1;transform:scale(1)}.Toolbar_custom{position:relative;flex:none;width:26px;height:26px;border-radius:8px;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001f;transition:transform .22s var(--ease-snappy)}.Toolbar_custom span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;box-shadow:inset 0 0 0 4px var(--bar-from);background-image:conic-gradient(#ff383c,#fc0,#34c759,#08f,#6155f5,#ff383c)}@media(pointer:coarse){.Toolbar_round{width:42px;height:42px}.Toolbar_tool{width:38px}.Toolbar_chip,.Toolbar_custom{width:30px;height:30px}}.Toolbar_preview{flex:none;width:26px;height:26px;border-radius:8px;box-shadow:inset 0 0 0 1px #00000024,0 1px 3px #00000029;transition:background-color .12s linear}.Toolbar_row>.Toolbar_round:first-child,.Toolbar_seated:first-child{margin-left:-7px}.Toolbar_row>.Toolbar_round:last-child,.Toolbar_seated:last-child{margin-right:-7px}.Toolbar_vertical .Toolbar_row>.Toolbar_round:first-child,.Toolbar_vertical .Toolbar_seated:first-child,.Toolbar_vertical .Toolbar_row>.Toolbar_round:last-child,.Toolbar_vertical .Toolbar_seated:last-child{margin-left:0;margin-right:0}.Toolbar_peek{display:block;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16))}.Toolbar_vertical .Toolbar_peek{position:absolute;top:50%;left:50%;transform-origin:center;width:max-content}.Toolbar_vertical .Toolbar_peek svg{width:33px;height:auto}.Toolbar_left .Toolbar_peek{transform:translate(-50%,-50%) rotate(90deg) translateY(21%);filter:drop-shadow(1px 0 2px rgba(0,0,0,.16))}.Toolbar_right .Toolbar_peek{transform:translate(-50%,-50%) rotate(-90deg) translateY(21%);filter:drop-shadow(-1px 0 2px rgba(0,0,0,.16))}.Toolbar_vertical .Toolbar_tool,.Toolbar_vertical .Toolbar_tool:hover,.Toolbar_vertical .Toolbar_tool[data-active]{filter:none;width:34px;height:34px;margin:0;transform:none;display:flex;align-items:center;justify-content:center;overflow:visible}.Toolbar_vertical .Toolbar_tool svg{transform-origin:center;transition:transform .38s var(--ease-snappy),filter .38s var(--ease-snappy)}.Toolbar_left .Toolbar_tool svg{transform:rotate(90deg) translateY(30px);filter:drop-shadow(1px 0 1px rgba(0,0,0,.12))}.Toolbar_left .Toolbar_tool[data-active] svg{transform:rotate(90deg) translateY(14px);filter:drop-shadow(4px 0 6px rgba(0,0,0,.18))}.Toolbar_right .Toolbar_tool svg{transform:rotate(-90deg) translateY(30px);filter:drop-shadow(-1px 0 1px rgba(0,0,0,.12))}.Toolbar_right .Toolbar_tool[data-active] svg{transform:rotate(-90deg) translateY(14px);filter:drop-shadow(-4px 0 6px rgba(0,0,0,.18))}.Toolbar_vertical .Toolbar_divider{width:22px;height:1px;margin:.375rem 0}.Toolbar_vertical .Toolbar_seated{height:auto;margin:0}.Toolbar_vertical .Toolbar_row{flex-direction:column;height:auto;gap:.625rem}.Toolbar_vertical .Toolbar_swatches{display:flex;flex-direction:column;gap:.3125rem}.Toolbar_vertical .Toolbar_row{padding:0 .5rem}.Toolbar_hex{position:relative;display:inline-flex;align-items:center;gap:0;height:28px;padding:0 9px;border-radius:8px;background:color-mix(in srgb,var(--sunk) 42%,transparent);color:var(--ink-2);font-family:inherit;font-size:12px;font-weight:450;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:.01em;transition:background .18s var(--ease-snappy)}.Toolbar_hex:focus-within{background:color-mix(in srgb,var(--sunk) 70%,transparent)}.Toolbar_hex:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent) 45%,transparent);opacity:0;transform:scale(.96);transition:opacity .16s var(--ease-snappy),transform .22s var(--ease-snappy);pointer-events:none}.Toolbar_hex:focus-within:after{opacity:1;transform:scale(1)}.Toolbar_hex input{width:6.35ch;min-width:6.35ch;text-align:left;border:0;padding:0;background:none;color:color-mix(in srgb,var(--ink-1) 82%,transparent);font:inherit;letter-spacing:inherit;text-transform:uppercase;outline:none}.Toolbar_hex input::selection{background:color-mix(in srgb,var(--accent, #4263eb) 28%,transparent)}.Toolbar_brushDot,.Toolbar_preview{box-shadow:inset 0 0 0 1px #00000038}.sd[data-theme=dark] .Toolbar_brushDot,.sd[data-theme=dark] .Toolbar_preview{box-shadow:inset 0 0 0 1px #ffffff47}.Toolbar_wheelInk{box-shadow:0 0 0 3px var(--bar-from),0 0 0 3.5px var(--hairline)}.Toolbar_tail{padding-right:7px}.sd[data-placement=left] .Toolbar_tail,.sd[data-placement=right] .Toolbar_tail{padding-bottom:7px}@media(hover:hover){.Toolbar_round:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.Toolbar_round[data-tone=danger]:hover:not(:disabled){background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.Toolbar_tool:not([data-active]):hover{transform:translateY(-1px)}.Toolbar_chip:hover{transform:scale(1.1)}.Toolbar_custom:hover{transform:scale(1.14)}.Toolbar_left .Toolbar_tool:not([data-active]):hover svg{transform:rotate(90deg) translateY(26px)}.Toolbar_right .Toolbar_tool:not([data-active]):hover svg{transform:rotate(-90deg) translateY(26px)}}.ToolMenu_menu{position:fixed;z-index:2147482000;transform:translate(-50%,-100%);--field-w: 196px;padding:13px 15px 14px;border-radius:20px;background:linear-gradient(180deg,var(--bar-from) 0%,var(--bar-to) 100%);box-shadow:inset 0 1px 0 var(--bar-sheen),0 0 0 .5px var(--bar-edge),0 2px 6px #00000012,0 10px 28px #00000024;font-family:var(--font);color:var(--ink);animation:ToolMenu_rise .22s cubic-bezier(.2,1.1,.36,1) both}.ToolMenu_menu[data-closing]{animation:ToolMenu_sink .15s cubic-bezier(.4,0,.9,.5) both}.ToolMenu_rows{display:flex;flex-direction:column;gap:13px}.ToolMenu_beak{position:absolute;left:var(--beak-x, 50%);bottom:-8px;width:20px;height:9px;translate:-50% 0;background:var(--bar-to);clip-path:polygon(0 0,100% 0,50% 100%)}@keyframes ToolMenu_rise{0%{opacity:0;transform:translate(-50%,-100%) scale(.9) translateY(8px)}to{opacity:1;transform:translate(-50%,-100%) scale(1) translateY(0)}}@keyframes ToolMenu_sink{0%{opacity:1;transform:translate(-50%,-100%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-100%) scale(.92) translateY(6px)}}@media(prefers-reduced-motion:reduce){.ToolMenu_menu{animation-duration:.1s;animation-timing-function:linear}}.Tooltip_anchor{position:fixed;top:0;left:0;z-index:2147483000;pointer-events:none;will-change:transform;transition:transform .28s cubic-bezier(.33,.94,.24,1)}.Tooltip_tip{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;padding:7px 12px 8px;border-radius:999px;background:#26262b;color:#fff;white-space:nowrap;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-synthesis:none;transform-origin:50% calc(100% + 4px);transform:translate(-50%,-100%);box-shadow:0 2px 4px #00000024,0 8px 20px #00000038;animation:Tooltip_pop .32s cubic-bezier(.2,1.5,.4,1) both;transition:width .28s cubic-bezier(.33,.94,.24,1);overflow:hidden;perspective:190px;perspective-origin:50% 50%}.Tooltip_tip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff17,#ffffff0d 34%,#0000 60%,#0000001a)}.Tooltip_tip[data-at=right]{transform:translateY(-50%);transform-origin:-4px 50%;animation-name:Tooltip_popRight}.Tooltip_tip[data-at=left]{transform:translate(-100%,-50%);transform-origin:calc(100% + 4px) 50%;animation-name:Tooltip_popLeft}.Tooltip_tip[data-closing]{animation:Tooltip_popOut .17s cubic-bezier(.4,0,.9,.5) both}.Tooltip_tip[data-at=right][data-closing]{animation-name:Tooltip_popOutRight}.Tooltip_tip[data-at=left][data-closing]{animation-name:Tooltip_popOutLeft}.Tooltip_face{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transform-style:preserve-3d;backface-visibility:hidden;animation:Tooltip_rollIn .3s cubic-bezier(.33,.94,.24,1) both}.Tooltip_face[data-leaving]{position:absolute;top:50%;left:50%;animation:Tooltip_rollOut .3s cubic-bezier(.33,.94,.24,1) both}@keyframes Tooltip_rollIn{0%{opacity:0;transform:translateY(112%) rotateX(-78deg)}55%{opacity:1}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes Tooltip_rollOut{0%{opacity:1;transform:translate(-50%,-50%) rotateX(0)}45%{opacity:.75}to{opacity:0;transform:translate(-50%,-162%) rotateX(78deg)}}.Tooltip_label{font-size:12.5px;font-weight:620;letter-spacing:.005em;line-height:1}.Tooltip_hint{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:5px;background:#ffffff29;color:#fff;font-family:inherit;font-size:10.5px;font-weight:700;line-height:1;text-transform:uppercase}@keyframes Tooltip_pop{0%{opacity:0;transform:translate(-50%,-100%) scale(.72) translateY(5px)}to{opacity:1;transform:translate(-50%,-100%) scale(1) translateY(0)}}@keyframes Tooltip_popOut{0%{opacity:1;transform:translate(-50%,-100%) scale(1) translateY(0)}to{opacity:0;transform:translate(-50%,-100%) scale(.82) translateY(4px)}}@keyframes Tooltip_popOutRight{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.82) translate(-4px)}}@keyframes Tooltip_popOutLeft{0%{opacity:1;transform:translate(-100%,-50%) scale(1)}to{opacity:0;transform:translate(-100%,-50%) scale(.82) translate(4px)}}@keyframes Tooltip_popRight{0%{opacity:0;transform:translateY(-50%) scale(.72) translate(-5px)}to{opacity:1;transform:translateY(-50%) scale(1) translate(0)}}@keyframes Tooltip_popLeft{0%{opacity:0;transform:translate(-100%,-50%) scale(.72) translate(5px)}to{opacity:1;transform:translate(-100%,-50%) scale(1) translate(0)}}@media(prefers-reduced-motion:reduce){.Tooltip_anchor{transition:none}.Tooltip_face,.Tooltip_face[data-leaving]{animation-duration:.1s;animation-timing-function:linear}.Tooltip_tip{animation:Tooltip_fade .12s linear both}@keyframes Tooltip_fade{0%{opacity:0}to{opacity:1}}}@media(prefers-color-scheme:dark){.Tooltip_tip{background:#f2f2f4;color:#1a1a1e}.Tooltip_hint{background:#0000001f;color:#1a1a1e}}.TrashIcon_icon{overflow:visible}.TrashIcon_lid{transform-origin:3.6px 5.6px;transform-box:view-box;transition:transform .36s var(--ease-snappy)}button:hover:not(:disabled) .TrashIcon_lid{transform:rotate(-24deg) translate(.6px,-1.1px)}button:active:not(:disabled) .TrashIcon_lid{transform:rotate(-12deg) translate(.3px,-.5px)}@media(prefers-reduced-motion:reduce){.TrashIcon_lid{transition:none}}.Draw_root{position:relative;width:100%;height:100%;overflow:hidden;background:var(--workspace);border-radius:inherit}.Draw_root[data-background=none]{background:transparent}.Draw_surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.Draw_toolbar{position:absolute;z-index:30;animation:Draw_sdBarRise .52s var(--ease-snappy) backwards,Draw_sdBarFade .42s ease-out backwards}.Draw_toolbar{--sd-inset: 1.25rem;--sd-room: calc(100% - var(--sd-inset) * 2)}.Draw_toolbar[data-placement=bottom]{bottom:var(--sd-inset);max-width:var(--sd-room)}.Draw_toolbar[data-placement=bottom][data-align=center]{left:50%;translate:-50% 0}.Draw_toolbar[data-placement=bottom][data-align=start]{left:var(--sd-inset)}.Draw_toolbar[data-placement=bottom][data-align=end]{right:var(--sd-inset)}.Draw_toolbar[data-placement=left]{left:var(--sd-inset);max-height:var(--sd-room)}.Draw_toolbar[data-placement=right]{right:var(--sd-inset);max-height:var(--sd-room)}.Draw_toolbar[data-placement=left][data-align=center],.Draw_toolbar[data-placement=right][data-align=center]{top:50%;translate:0 -50%}.Draw_toolbar[data-placement=left][data-align=start],.Draw_toolbar[data-placement=right][data-align=start]{top:var(--sd-inset)}.Draw_toolbar[data-placement=left][data-align=end],.Draw_toolbar[data-placement=right][data-align=end]{bottom:var(--sd-inset)}@keyframes Draw_sdBarRise{0%{transform:translateY(18px)}to{transform:translateY(0)}}@keyframes Draw_sdBarFade{0%{opacity:0}to{opacity:1}}.Draw_toolbar[data-draggable]{transition:rotate .26s var(--ease-snappy),scale .26s var(--ease-snappy),filter .26s var(--ease-snappy)}.Draw_toolbar[data-draggable]:active,.Draw_toolbar[data-held]{cursor:grabbing}.Draw_toolbar[data-held]{rotate:-1.4deg;scale:1.035;filter:drop-shadow(0 8px 14px rgba(0,0,0,.09));transition:rotate .22s var(--ease-snappy),scale .22s var(--ease-snappy),filter .22s var(--ease-snappy)}.Draw_toolbar[data-held] *{cursor:grabbing}@media(prefers-reduced-motion:reduce){.Draw_toolbar[data-draggable],.Draw_toolbar[data-held]{rotate:none;scale:1;transition:none}}.sd{--font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--workspace: #edebe7;--ink: #111111;--ink-soft: #8a8a8e;--ink-faint: rgba(0, 0, 0, .28);--hairline: rgba(0, 0, 0, .1);--pill-bg: #1a1a1a;--accent: #0088ff;--red: #ff383c;--ease-smooth: cubic-bezier(.19, 1, .22, 1);--ease-snappy: cubic-bezier(.175, .885, .32, 1.1);--tool-1: #c6c4bf;--tool-2: #eeedea;--tool-3: #ffffff;--tool-4: #f3f2ef;--tool-5: #dedcd7;--tool-6: #c4c2bd;--metal-1: #6f6d68;--metal-2: #bab8b3;--metal-3: #e4e2de;--metal-4: #a6a49f;--metal-5: #6a6863;--smetal-1: #7d7a74;--smetal-2: #cbc7c0;--smetal-3: #fdfdfc;--smetal-4: #e2dfd9;--smetal-5: #b8b4ad;--smetal-6: #8d8a84;--smetal-7: #6e6b66;--smetal-8: #a5a29b;--pfacet-1: #ece8e2;--pfacet-2: #f8f6f2;--pfacet-3: #fdfcfa;--pfacet-4: #f8f5f1;--pfacet-5: #ebe7e0;--pfacet-6: #dad5cd;--studio-1: #dcd8d2;--studio-2: #f6f4f1;--studio-3: #ffffff;--studio-4: #fdfcfb;--studio-5: #f8f6f3;--studio-6: #eceae5;--studio-7: #dcd8d1;--studio-8: #e6e2dc;--tool-collar: #413e3a;--bar-from: #fbfaf9;--bar-to: #f1efec;--bar-edge: rgba(0, 0, 0, .07);--bar-sheen: rgba(255, 255, 255, .9);--sunk: rgba(0, 0, 0, .055);--raised: #ffffff}@supports (color: color(display-p3 1 1 1)){.sd{--accent: color(display-p3 0 .53 1);--red: color(display-p3 1 .22 .24)}}.sd[data-theme=dark],.sd[data-theme=auto]{color-scheme:dark}@media(prefers-color-scheme:dark){.sd[data-theme=auto]{--workspace: #131315;--ink: #f4f3f1;--ink-soft: #b4b4bb;--ink-faint: rgba(255, 255, 255, .45);--hairline: rgba(255, 255, 255, .16);--bar-from: #35353b;--bar-to: #26262b;--bar-edge: rgba(0, 0, 0, .6);--bar-sheen: rgba(255, 255, 255, .11);--sunk: rgba(0, 0, 0, .34);--raised: #e9e8e6;--tool-1: #232327;--tool-2: #34343a;--tool-3: #47474f;--tool-4: #3a3a41;--tool-5: #2a2a2f;--tool-6: #1f1f23;--metal-1: #34343a;--metal-2: #63636d;--metal-3: #83838e;--metal-4: #51515a;--metal-5: #2e2e34;--smetal-1: #2b2b30;--smetal-2: #6e6e78;--smetal-3: #a9a9b4;--smetal-4: #85858f;--smetal-5: #63636d;--smetal-6: #45454d;--smetal-7: #2e2e34;--smetal-8: #56565f;--pfacet-1: #32323a;--pfacet-2: #3f3f48;--pfacet-3: #45454e;--pfacet-4: #414149;--pfacet-5: #37373f;--pfacet-6: #2b2b32;--studio-1: #202024;--studio-2: #45454e;--studio-3: #5a5a65;--studio-4: #4e4e57;--studio-5: #43434b;--studio-6: #33333a;--studio-7: #26262b;--studio-8: #35353c;--tool-collar: #101013;--accent: #3d9bff}}.sd[data-theme=dark]{--workspace: #131315;--ink: #f4f3f1;--ink-soft: #b4b4bb;--ink-faint: rgba(255, 255, 255, .45);--hairline: rgba(255, 255, 255, .16);--bar-from: #35353b;--bar-to: #26262b;--bar-edge: rgba(0, 0, 0, .6);--bar-sheen: rgba(255, 255, 255, .11);--sunk: rgba(0, 0, 0, .34);--raised: #e9e8e6;--tool-1: #232327;--tool-2: #34343a;--tool-3: #47474f;--tool-4: #3a3a41;--tool-5: #2a2a2f;--tool-6: #1f1f23;--metal-1: #34343a;--metal-2: #63636d;--metal-3: #83838e;--metal-4: #51515a;--metal-5: #2e2e34;--smetal-1: #2b2b30;--smetal-2: #6e6e78;--smetal-3: #a9a9b4;--smetal-4: #85858f;--smetal-5: #63636d;--smetal-6: #45454d;--smetal-7: #2e2e34;--smetal-8: #56565f;--pfacet-1: #32323a;--pfacet-2: #3f3f48;--pfacet-3: #45454e;--pfacet-4: #414149;--pfacet-5: #37373f;--pfacet-6: #2b2b32;--studio-1: #202024;--studio-2: #45454e;--studio-3: #5a5a65;--studio-4: #4e4e57;--studio-5: #43434b;--studio-6: #33333a;--studio-7: #26262b;--studio-8: #35353c;--tool-collar: #101013;--accent: #3d9bff}:where(.sd),:where(.sd) *,:where(.sd) *:before,:where(.sd) *:after{box-sizing:border-box}:where(.sd) :where(button){margin:0;padding:0;border:0;font:inherit;color:inherit;background:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}:where(.sd) :where(button:disabled){cursor:not-allowed}.sd{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.sd[data-depth=flat]{--bar-lift: 0;--bar-to: var(--bar-from);--bar-sheen: transparent}.sd[data-depth=soft]{--bar-lift: .5}.sd[data-depth=regular]{--bar-lift: 1}.sd[data-depth=strong]{--bar-lift: 1.28}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/comic-neue-latin-400-normal-BdhG8RSD.woff2) format("woff2"),url(/assets/comic-neue-latin-400-normal-CU7kPFAv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Comic Neue;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/comic-neue-latin-700-normal-NE4Vcoll.woff2) format("woff2"),url(/assets/comic-neue-latin-700-normal-yR9qu__P.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-vietnamese-800-normal-CLIxpULc.woff2) format("woff2"),url(/assets/grandstander-vietnamese-800-normal-CMv8GGy-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-latin-ext-800-normal-DXxZD3HK.woff2) format("woff2"),url(/assets/grandstander-latin-ext-800-normal-CMK0XiP1.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/grandstander-latin-800-normal-C5RZ1tt5.woff2) format("woff2"),url(/assets/grandstander-latin-800-normal-CCyNXI-Z.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f2ee;color:#1f2937;overscroll-behavior:none;touch-action:manipulation}.page{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}.topbar h1{font-size:14px;font-weight:600;letter-spacing:.02em;color:#6b7280;margin:0}.board-wrap{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 18px 18px;min-height:0}.board-area{flex:1 1 auto;min-width:0;display:grid;place-items:center;position:relative}.board-area-gutters{grid-template-columns:1fr var(--gutter-right, 224px);column-gap:14px;align-items:start}.board-area-gutters-left{grid-template-columns:var(--gutter-left, 320px) 1fr var(--gutter-right, 224px)}.board-area-gutters-tutor{--gutter-right: 132px}.board-area-gutters>.board{align-self:center}.board-gutter{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;justify-content:flex-start;padding:6px 0;max-height:min(800px,calc(100vh - 120px))}.board-gutter .toolsov{position:static;width:100%;min-width:0;max-height:none;min-height:0;flex:0 1 auto;overflow-y:auto}.board-gutter .toolsov-undo{position:static;align-self:flex-end}.board-gutter .values-toggle{position:static;align-self:flex-start}@media(max-width:1180px){.board-area-gutters{grid-template-columns:1fr}.board-area-gutters>.board-gutter{position:absolute;top:8px;z-index:24;max-height:calc(100% - 16px);overflow-y:auto}.board-area-gutters>.board-gutter-left{left:10px;width:min(46%,340px)}.board-area-gutters>.board-gutter-right{right:10px;width:min(38%,220px)}.board-area-gutters-tutor>.board-gutter-right{width:auto}}.board{position:relative;width:min(1200px,100%,calc((100vh - 120px)*1.5));aspect-ratio:1200 / 800;border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 8px 28px #00000012}@media(max-width:900px){.topbar{padding:6px 10px}.board-wrap{padding:0 8px 8px;flex-direction:column;align-items:stretch;overflow-y:auto}.board{width:100%}}.paper{background-color:#fffdf8;background-image:linear-gradient(rgba(120,110,90,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,110,90,.07) 1px,transparent 1px);background-size:28px 28px}.board-stack{position:absolute;top:0;right:0;bottom:0;left:0}.board-stack canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pill{position:absolute;display:flex;align-items:center;gap:6px;background:#232326;color:#f5f5f4;border:none;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000040;transition:transform .15s ease,opacity .15s ease}.run-btn{position:static;flex:none;padding:7px 16px;cursor:pointer;white-space:nowrap}.run-btn:hover:not(:disabled){transform:translateY(-1px)}.run-btn:disabled{opacity:.45;cursor:default}.board-open{overflow:visible;width:min(1200px,100%,calc((100vh - 240px)*1.5))}.board-open [class*=Draw_root]{overflow:visible}.board-area:has(.board-open){align-content:start;padding-top:8px}.run-progress{position:relative;width:116px;height:32px;border-radius:999px;background:#232326;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 6px 18px #00000040}.run-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left center;background:linear-gradient(90deg,#f59f00,#f76707);transition:transform .45s cubic-bezier(.22,1,.36,1)}.run-progress-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.38) 50%,transparent 80%);animation:run-sheen 1.15s linear infinite}@keyframes run-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.run-progress-sheen{animation:none}}.simbar{left:50%;transform:translate(-50%);bottom:20px;z-index:20;padding:8px 12px}.pill-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:4px 10px;border-radius:999px}.pill-btn:hover:not(:disabled){background:#ffffff17}.pill-btn:disabled{opacity:.45;cursor:default}.pill-btn-replay{font-size:22px;line-height:1;padding:7px 15px;background:#ffffff1a}.pill-btn-replay:hover:not(:disabled){background:#fff3}.pill-btn-play,.pill-btn-play:hover:not(:disabled){background:#16a34a;color:#fff;display:inline-flex;align-items:center}.pill-sep{width:1px;align-self:stretch;background:#ffffff24}.simbar-label{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:#f5f5f4bf;padding-left:4px}.chips{display:flex;gap:4px}.chip{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;color:inherit;font:inherit;font-size:12.5px;padding:4px 10px;border-radius:999px;cursor:pointer;white-space:nowrap}.chip:hover{background:#ffffff17}.chip-on{border-color:#ffffff59;background:#ffffff1f}.chip-queued{opacity:.6;border-color:#ffffff2e;border-style:dashed;max-width:160px;overflow:hidden;text-overflow:ellipsis}.chip-queued:hover{opacity:1}.simbar-icon{width:17px;height:17px;flex:none;margin-left:2px}.simbar-hint{font-size:12.5px;color:#f5f5f499;font-style:italic}.chip-dot{width:10px;height:10px;border-radius:999px;flex:none;box-shadow:inset 0 0 0 1px #00000040}.overlay-canvas{touch-action:none;cursor:crosshair}.readout{position:absolute;top:14px;left:14px;display:flex;gap:14px;background:#232326d9;color:#f5f5f4;font-size:12.5px;padding:6px 12px;border-radius:8px;pointer-events:none;font-family:var(--font-coach)}.valbadges{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;font-family:var(--font-coach)}.valbadge{position:absolute;display:flex;align-items:center;gap:6px;padding:3px 8px;border-radius:8px;background:#fffdf8d1;color:#111;font-size:13px;line-height:1.2;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #00000014;pointer-events:none;transform:translate(-50%,calc(-100% - var(--slot, 0) * 26px));transition:opacity .12s ease;will-change:left,top}.valbadge-collapsible{padding:0;background:transparent;box-shadow:none;pointer-events:auto;cursor:help}.valbadge-collapsible:hover{padding:3px 8px;background:#fffdf8d1;box-shadow:0 1px 2px #00000014}.valbadge-q{display:none;width:27px;height:27px;flex:none}.valbadge-collapsible .valbadge-q{display:block}.valbadge-collapsible .valbadge-body,.valbadge-collapsible:hover .valbadge-q{display:none}.valbadge-collapsible:hover .valbadge-body{display:inline-flex;align-items:center;gap:6px}.valbadge-icon{width:16px;height:16px;flex:none}.valbadge-trace.valbadge-group{transform:translate(-50%,-50%);z-index:2}.valbadge-group-body{flex-direction:column;align-items:flex-start;gap:4px}.valbadge-collapsible:hover .valbadge-group-body{display:flex;flex-direction:column;align-items:flex-start}.valbadge-row{display:inline-flex;align-items:center;gap:6px}.valbadge-dot{position:relative;flex:none;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #26262a}.valbadge-dot .stray-dot-icon{position:absolute;top:3px;right:3px;bottom:3px;left:3px}.valbadge-value{font-variant-numeric:tabular-nums;font-weight:700}.valbadge-default{opacity:.7}.valbadge-gone{opacity:0}.valbadge-global{transform:translate(-50%,calc(var(--slot, 0) * 26px))}.valbadge-cursor{transform:translate(14px,14px)}.valbadge-trace{transform:translate(-50%,calc(var(--slot, 0) * 26px))}.valbadge-trace-up{transform:translate(-50%,calc(-100% - var(--slot, 0) * 26px))}.valbadge-chrono{transform:translate(-100%,6px)}.values-toggle{display:flex;align-items:center;gap:6px;border:none;background:#fffdf8;border-radius:12px;padding:9px 14px;font-family:var(--font-coach);font-size:14px;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000001f;cursor:pointer;white-space:nowrap}.values-toggle-float{position:absolute;top:2%;right:1.5%;z-index:24;pointer-events:auto}.MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]{position:absolute;z-index:2}.MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]:before{content:"";position:absolute;z-index:-1;background:#26262a;border-radius:999px;box-shadow:0 1px 2px #0000002e,0 8px 24px #0000004d}.MorphBar_bar:not(.MorphBar_vertical) .MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]{left:calc(100% + 30px);top:50%;transform:translateY(-50%)}.MorphBar_bar:not(.MorphBar_vertical) .MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]:before{top:0;right:-14px;bottom:0;left:-14px}.MorphBar_vertical .MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]{top:calc(100% + 30px);left:50%;transform:translate(-50%)}.MorphBar_vertical .MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]:before{top:-14px;right:0;bottom:-14px;left:0}.mission{position:absolute;top:52px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#232326d9;color:#f5f5f4;font-size:12.5px;padding:6px 12px;border-radius:8px;pointer-events:none;max-width:60%;font-family:var(--font-coach)}.mission-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-state{color:#cfcfcd;white-space:nowrap}.mission-solved{background:#1f5c32eb;animation:mission-pulse .9s ease-out 2}.mission-solved .mission-state{color:#d9f7e2}@keyframes mission-pulse{0%{transform:translate(-50%) scale(1)}35%{transform:translate(-50%) scale(1.08)}to{transform:translate(-50%) scale(1)}}.pipeline-error{color:#b91c1c;font-size:12.5px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-stage{color:#6b7280;font-size:12.5px}.pipeline-flat{color:#6b7280;font-size:12.5px;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--font-coach: "Comic Neue", "Chalkboard SE", "Comic Sans MS", "Arial Rounded MT Bold", ui-rounded, sans-serif}.coachov{position:absolute;z-index:24;display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:30%;pointer-events:none;font-family:var(--font-coach)}.coachov-left{align-items:flex-start}.coachov-bubble{background:#fffdf8;border-radius:14px;padding:10px 14px;font-size:13.5px;line-height:1.45;color:#1f2937;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000001f;position:relative}.coachov-bubble:after{content:"";position:absolute;bottom:-9px;right:26%;border:10px solid transparent;border-top-color:#fffdf8;border-bottom:none}.coachov-left .coachov-bubble:after{right:auto;left:26%}.coachov-bubble,.coachov-variants,.coachov-hint,.coachov-next{pointer-events:auto;cursor:grab;touch-action:none}.coachov-bubble:active,.coachov-variants:active,.coachov-next:active{cursor:grabbing}.coachov-variants{display:flex;flex-direction:column;gap:4px;min-width:210px}.coachov-variant{display:flex;align-items:center;gap:8px;background:#fffdf8;border:1px solid rgba(120,110,90,.22);border-radius:10px;padding:5px 9px;font:inherit;font-size:12.5px;color:#1f2937;cursor:pointer;text-align:left;pointer-events:auto;box-shadow:0 1px 2px #0000000f}.coachov-variant:hover{border-color:#23232680}.coachov-variant-on{border-color:#232326;background:#2323260f;font-weight:500}.coachov-variant-icon{width:18px;height:18px;flex:none}.coachov-variant-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coachov-hint{margin:0;font-size:12px;color:#6b7280;font-style:italic;background:#fffdf8d9;border-radius:8px;padding:4px 8px}.coachov-ok{background:#232326;color:#f5f5f4;border:none;border-radius:999px;padding:8px 18px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.03em;cursor:pointer;pointer-events:auto}.coachov-ok:hover:not(:disabled){transform:translateY(-1px)}.coachov-ok:disabled{opacity:.45;cursor:default}.coachov-next{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.coachov-left .coachov-next{align-items:flex-start}.coachov-next-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#9ca3af}.coachov-next-item{background:#fffdf8e6;border:1px dashed rgba(120,110,90,.35);border-radius:999px;padding:5px 10px;font:inherit;font-size:12px;color:#6b7280;cursor:pointer;text-align:left;pointer-events:auto}.coachov-next-item:hover{color:#1f2937;border-style:solid}@media(max-width:900px){.coachov-bubble{font-size:11.5px;padding:7px 10px}.coachov-variants{min-width:0}.coachov-variant{font-size:11px;padding:3px 7px}.coachov-hint{font-size:10.5px}.coachov-ok{padding:6px 14px;font-size:12px}}.confused-options{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 14px}.confused-option{padding:10px 16px;border:1.5px solid #1c7ed6;border-radius:10px;background:#fff;color:#1c7ed6;font-size:14px;font-weight:600;cursor:pointer}.confused-option:hover{background:#e7f1fb}.confused-dismiss{padding:8px 14px;border:none;border-radius:10px;background:#23232614;color:#444;font-size:13px;cursor:pointer}.confused-dismiss:hover{background:#23232624}.clarify-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#1e1c1859;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.clarify-card{background:#fffdf8;border-radius:14px;padding:20px 22px;max-width:min(680px,92%);box-shadow:0 12px 40px #00000038}.clarify-card h2{margin:0 0 4px;font-size:16px;font-weight:600}.clarify-why{margin:0 0 14px;font-size:13px;color:#6b7280}.clarify-options{display:flex;gap:12px;flex-wrap:wrap}.clarify-option{display:flex;flex-direction:column;gap:6px;align-items:stretch;background:#fff;border:1px solid #e5e2dc;border-radius:10px;padding:8px;cursor:pointer;font:inherit;text-align:left;max-width:200px;transition:border-color .12s ease,transform .12s ease}.clarify-option:hover{border-color:#9ca3af;transform:translateY(-1px)}.clarify-thumb{width:100%;height:auto;border-radius:6px;background-color:#fffdf8;background-image:linear-gradient(rgba(120,110,90,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(120,110,90,.07) 1px,transparent 1px);background-size:14px 14px}.clarify-option-label{font-size:12.5px;line-height:1.3}.clarify-outcome{font-size:11.5px;color:#6b7280}.recorder{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.recorder select,.recorder input,.recorder button{flex:none}.recorder select,.recorder input{padding:4px 8px;border:1px solid #d6d3cd;border-radius:6px;font:inherit;background:#fff}.recorder select{max-width:200px}.recorder input{width:110px}.recorder button{padding:4px 10px;border:1px solid #d6d3cd;border-radius:6px;background:#fff;cursor:pointer;font:inherit}.recorder button:disabled{opacity:.4;cursor:default}.recorder-status{color:#6b7280;flex:0 1 auto;min-width:0;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-setup{display:grid;place-items:center;min-height:100vh}.session-setup-card{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 44px;border-radius:18px;background:#fff;box-shadow:0 10px 34px #0000001f;font-family:Comic Neue,Comic Sans MS,cursive}.session-setup-card h1{margin:0;font-size:26px}.session-setup-hint{margin:0;color:#6b7280;font-size:15px;text-align:center;max-width:340px}.session-setup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.session-pid{position:static;justify-content:center;padding:8px 0;min-width:64px;cursor:pointer;background:#e5e7eb;color:#374151;box-shadow:none}.session-pid-on{background:#232326;color:#f5f5f4}.session-setup-testrow{grid-template-columns:repeat(5,1fr);padding-top:10px;border-top:1px dashed #d1d5db}.session-pid-test{background:#f3f4f6;color:#9ca3af;font-size:12px;min-width:52px}.session-pid-test.session-pid-on{background:#232326;color:#f5f5f4}.session-setup-selects{display:flex;flex-direction:column;gap:10px;width:100%}.session-setup-select{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;color:#374151}.session-setup-select select{font-family:inherit;font-size:14px;padding:6px 10px;border-radius:10px;border:1px solid #d1d5db;background:#f9fafb;color:#232326;min-width:190px}.session-start{font-size:16px;padding:10px 26px}.session-gate-row{display:flex;gap:10px}.session-gate-row .pill{position:static;cursor:pointer}.session-danger{background:#b91c1c}.session-next{position:static;flex:none;padding:7px 16px;cursor:pointer;white-space:nowrap}.session-next:hover{transform:translateY(-1px)}.session-confirm{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;white-space:nowrap}.session-confirm .pill{position:static;flex:none;padding:6px 14px;cursor:pointer}.session-chip-wrap{position:fixed;left:12px;bottom:12px;z-index:40;display:flex;align-items:center;gap:6px}.session-chip{display:flex;align-items:center;gap:8px;border:none;border-radius:999px;padding:6px 12px;background:#232326d1;color:#e5e7eb;font-size:12.5px;cursor:default;user-select:none;-webkit-user-select:none}.session-clock{font-variant-numeric:tabular-nums;opacity:.85}.session-phase-name{font-weight:600}.session-dot{width:6px;height:6px;border-radius:999px;background:#34d399}.session-dot-warn{background:#f59e0b}.session-reset{border:none;border-radius:999px;width:26px;height:26px;background:#2323268c;color:#e5e7eb;font-size:14px;line-height:1;cursor:pointer;opacity:.65}.session-reset:hover{opacity:1}.toolsov{position:absolute;z-index:24;top:2%;right:1.5%;width:22%;min-width:190px;max-height:92%;overflow-y:auto;background:#fffdf8;border-radius:14px;padding:10px 12px 12px;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000001f;font-family:var(--font-coach);color:#1f2937}.toolsov-head{font-size:15px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.toolsov-undo{position:absolute;z-index:24;top:2%;right:calc(1.5% + max(22%,190px) + 10px);display:flex;align-items:center;gap:6px;border:none;background:#fffdf8;border-radius:12px;padding:9px 14px;font-family:var(--font-coach);font-size:14px;font-weight:600;color:#374151;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000001f;cursor:pointer}.toolsov-undo:disabled{opacity:.35;cursor:default}.toolsov-section{padding:6px 0 2px;border-top:1px solid rgba(0,0,0,.07)}.toolsov-title{font-size:12.5px;font-weight:700;color:#4b5563;margin-bottom:6px}.toolsov-section-on .toolsov-title{color:#111827}.toolsov-values{display:flex;flex-wrap:wrap;gap:6px}.toolsov-value{display:flex;flex-direction:column;align-items:center;gap:4px;width:72px;padding:6px 4px;border:2px solid transparent;border-radius:10px;background:#00000009;cursor:pointer;font:inherit}.toolsov-value:hover{background:#00000012}.toolsov-value-on{border-color:#2f9e44;background:#ebfbee}.toolsov-more{justify-content:center}.toolsov-more-glyph{font-size:26px;line-height:1;color:#6b7280}.toolsov-folded{pointer-events:none}.toolsov-folded .toolsov-head{margin-bottom:0}.toolsov-thumb,.toolsov-mask{width:40px;height:40px;display:block}.toolsov-thumb{border-radius:999px;object-fit:cover;box-shadow:inset 0 0 0 1px #0000001f}.toolsov-label{font-size:10.5px;line-height:1.2;text-align:center;color:#374151;overflow-wrap:anywhere}.tutor-answers{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;pointer-events:auto;max-width:100%}.coachov-left .tutor-answers{justify-content:flex-start}.tutor-answer{background:#fffdf8;border:1.5px solid #232326;border-radius:999px;padding:6px 12px;font:inherit;font-size:12.5px;color:#1f2937;cursor:pointer;box-shadow:0 1px 2px #0000000f}.tutor-answer:hover{background:#2323260f;transform:translateY(-1px)}.tutor-input{display:flex;gap:4px;width:100%}.tutor-input input{flex:1;min-width:0;font:inherit;font-size:12.5px;padding:6px 10px;border:1px solid rgba(120,110,90,.35);border-radius:999px;background:#fffdf8}.tutor-input button{font:inherit;border:none;border-radius:999px;padding:0 12px;background:#232326;color:#f5f5f4;cursor:pointer}.tutor-input button:disabled{opacity:.4;cursor:default}.board-stack canvas{transition:filter .25s ease}.board-dim canvas{filter:saturate(.3) opacity(.75)}.board-locked .overlay-canvas{pointer-events:none;cursor:default!important}.board-dim .valbadges{opacity:.55}.board-lock-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,#fffdf840,#fffdf88c);transition:opacity .25s ease}.replay-row{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:20;display:flex;gap:10px;align-items:center}.replay-btn{display:flex;align-items:center;gap:9px;padding:10px 18px;border:none;border-radius:999px;background:#fffdf8;color:#1f2937;font-family:var(--font-coach);font-size:15px;font-weight:700;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000001f;cursor:pointer}.replay-btn:hover{background:#fff7d6}.stop-btn{color:#b91c1c}.play-btn:disabled{opacity:.45;cursor:default}.replay-row .run-progress{width:104px;height:40px}.play-btn{background:#16a34a;color:#fff;box-shadow:0 1px 2px #0000000d,0 8px 28px #16a34a4d}.play-btn:hover{background:#15803d}.play-pill{position:relative;overflow:hidden;min-width:132px;justify-content:center;isolation:isolate}.play-pill-read,.play-pill-read:hover{background:#0f6b35;color:#fff;box-shadow:0 1px 2px #0000000d,0 8px 28px #0f6b3559}.play-pill-fill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transform-origin:left center;background:#1b8640;transition:transform .35s cubic-bezier(.22,1,.36,1)}.play-pill:not(.play-pill-read) .play-pill-fill{display:none}.play-pill-filling{cursor:progress}.play-pill-icon,.play-pill-clock{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center}.play-pill-clock{width:15px;height:15px;margin-right:-5px;visibility:hidden}.play-pill-clock-on{visibility:visible}.play-pill-label{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.play-pill-fill{transition:none}}.board-area-gutters-tutor>.board-gutter-right{align-self:stretch;max-height:none}.board-files{position:absolute;left:calc(100% + 14px);bottom:6px;display:flex}@media(max-width:1180px){.board-files{left:auto;right:10px;bottom:10px;z-index:24}}.restart-btn{margin-top:auto;align-self:flex-start}.gutter-bottom{margin-top:auto;align-self:flex-start;display:flex;flex-direction:column;align-items:stretch;gap:8px}.gutter-note{font-family:var(--font-coach);font-size:12px;color:#b91c1c;text-align:center}.gutter-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border:none;border-radius:12px;background:#dc2626;color:#fff;font-family:var(--font-coach);font-size:14px;font-weight:700;box-shadow:0 1px 2px #0000000d,0 8px 28px #dc262640;cursor:pointer;white-space:nowrap}.gutter-btn:disabled{opacity:.45;cursor:default}.gutter-btn-green{background:#16a34a;box-shadow:0 1px 2px #0000000d,0 8px 28px #16a34a40}.gutter-btn-green:hover{background:#15803d}.gutter-btn-blue{background:#2563eb;box-shadow:0 1px 2px #0000000d,0 8px 28px #2563eb40}.gutter-btn-blue:hover{background:#1d4ed8}.gutter-btn-red:hover{background:#b91c1c}.tutor-answer-on{border-color:#2f9e44;background:#ebfbee}.tutor-answer-yes{border-color:#2f9e44;background:#ebfbee;color:#1b6e2e}.tutor-answer-yes:hover{background:#d3f9d8}.tutor-answer-no{border-color:#dc2626;background:#fef2f2;color:#991b1b}.tutor-answer-no:hover{background:#fee2e2}.tutor-form{align-items:flex-start}.tutor-confidence{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}.tutor-conf,.tutor-chip-iconed{display:inline-flex;align-items:center;gap:6px}.tutor-answer-icon{width:16px;height:16px;flex:none;display:inline-block}.tutor-answer-icon-same{display:inline-flex;color:#6b7280;line-height:0}.tutor-conf-icon{display:inline-flex;line-height:0}.tutor-confidence-title{font-size:12px;color:#6b7280;width:100%}.tutor-ok{align-self:flex-end}.tutor-combine{gap:10px}.tutor-combine-row{display:flex;flex-direction:column;gap:4px;width:100%}.tutor-combine-title{font-size:12px;font-weight:700;color:#e5e7eb}.tutor-hint-button{background:none;border:1px dashed rgba(255,255,255,.5);border-radius:8px;color:#e5e7eb;padding:6px 10px;cursor:pointer;font-family:var(--font-coach);font-size:12.5px;text-align:left}.coachov-variant-done{position:relative}.coachov-variant-done:after{content:"✓";position:absolute;top:2px;right:6px;font-size:12px;font-weight:700;color:#2f9e44}.tutor-typing{display:inline-flex;gap:4px;align-items:center;height:1.2em}.tutor-typing-inline{margin-left:8px}.tutor-typing i{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:tutor-dot 1.1s infinite ease-in-out}.tutor-typing i:nth-child(2){animation-delay:.18s}.tutor-typing i:nth-child(3){animation-delay:.36s}@keyframes tutor-dot{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}.coachov-variant-hint{animation:tutor-ring 1.2s infinite ease-in-out;border-color:#d97706!important}@keyframes tutor-ring{0%,to{box-shadow:0 0 #d977068c}50%{box-shadow:0 0 0 6px #d9770600}}.board-gutter .tutor-dock{position:static;width:100%;max-width:none;transform:none;align-items:stretch;pointer-events:auto;min-height:0;flex:0 1 auto;overflow-y:auto}.tutor-dock .coachov-bubble{cursor:default;font-size:15px}.tutor-dock .coachov-bubble:after{display:none}.tutor-dock .tutor-answers,.tutor-dock .coachov-next{justify-content:flex-start;align-items:flex-start}.tutor-dock .coachov-variants,.tutor-dock .coachov-next{cursor:default}.tutor-try{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box;padding:10px 12px 12px;border-radius:14px;background:linear-gradient(160deg,#2b2b30,#1c1c20);box-shadow:0 1px 2px #0003,0 10px 30px #00000040;pointer-events:auto}.tutor-try-title{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#f5f5f4}.tutor-try .coachov-variants{min-width:0;width:100%}.tutor-try .coachov-variant{background:#fffdf8;border-color:transparent}.tutor-try .coachov-variant-on{border-color:#fbbf24;background:#fff7dc}.tutor-try .coachov-hint{background:#fffdf81f;color:#e5e7eb}.tutor-try .coachov-ok{align-self:flex-start;background:#fbbf24;color:#1c1c20}.sim-layer{overflow:hidden;border-radius:inherit}.board[data-input=ink] .sim-layer .overlay-canvas,.board[data-input=sim] .Draw_root{pointer-events:none}.board[data-input=sim] .Draw_toolbar{pointer-events:auto}.board[data-input=sim] .MorphBar_panel>.Toolbar_tool[data-active]:not([aria-label=Highlighter]){transform:translateY(6px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}.Draw_toolbar[data-placement=bottom][data-align=center]{translate:calc(-50% - var(--stray-w, 0px) / 2) 0!important}.stray{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);height:84px;min-width:136px;display:flex;align-items:flex-end;justify-content:center;gap:.125rem;padding:0 32px;font-family:var(--font-coach)}.stray:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:999px;background:#26262a;box-shadow:0 1px 2px #0000002e,0 8px 24px #0000004d}.stray button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0;margin:0;color:inherit;cursor:pointer;font:inherit}.stray-item{position:relative;display:flex;align-items:flex-end;height:84px}.stray-clip{height:84px;clip-path:inset(0);display:flex;align-items:flex-end}.stray .Toolbar_tool{display:block;margin-bottom:-20px}.stray .stray-tool-brush{margin-bottom:-14px}.stray-tool{position:relative}.stray-badge{position:absolute;left:15px;top:47px;width:15px;height:15px;transform:translate(-50%,-50%);pointer-events:none}.stray-badge-icon{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.page-one .board-wrap{align-items:flex-start;padding-bottom:0}.page-one .board-area:has(.board-open){padding-top:0}.page-one .topbar{padding-top:6px;padding-bottom:4px}.page-one .board-open{width:min(1200px,100%,calc((100vh - 160px)*1.5))}.page-one .MorphBar_panel>.Toolbar_tool[aria-label=Highlighter]{display:none}.bucket-handle{transform-box:view-box;transform-origin:15px 11px;transform:scaleY(-1);transition:transform .36s cubic-bezier(.22,.9,.16,1)}.stray-tool:hover .bucket-handle,.stray-tool[data-active] .bucket-handle{transform:scaleY(1)}.stray .stray-highlighter{transform:translateY(0)}.stray .stray-highlighter:not([data-active]):hover{transform:translateY(-7px)}.stray .stray-highlighter[data-active]{transform:translateY(-18px)}.stray-tool-bucket{--ink-w: 34px;--ink-x: -2px;width:calc(var(--ink-w) + 14px)}.stray-tool-bucket svg{margin-left:calc(5px - var(--ink-x))}.stray-tool-stage{--ink-w: 57.1px;--ink-x: -17.3px;--badge-x: 37.3px}.stray-tool-bucket .stray-badge{left:var(--badge-x, calc(5px + var(--ink-w) / 2));top:41px}.stray .stray-tool-roller{margin-bottom:-14px}.stray-tool-roller .stray-badge{top:47px}.roller-trail{transform-box:view-box;transform-origin:15px 4px;opacity:0;transform:translateY(5px) scaleX(.72);transition:opacity .3s ease,transform .36s cubic-bezier(.22,.9,.16,1)}.stray-tool:hover .roller-trail,.stray-tool[data-active] .roller-trail{opacity:.92;transform:none}.stray-tool-stage .stray-badge{top:41px}.stage-curtain-l,.stage-curtain-r{transform-box:view-box;transition:transform .38s cubic-bezier(.22,.9,.16,1)}.stage-curtain-l{transform-origin:-5px 0}.stage-curtain-r{transform-origin:35px 0}.stray-tool:hover .stage-curtain-l,.stray-tool[data-active] .stage-curtain-l,.stray-tool:hover .stage-curtain-r,.stray-tool[data-active] .stage-curtain-r{transform:scaleX(.44)}.stage-back{transform-box:view-box;transform-origin:15px 42px;transition:transform .38s cubic-bezier(.22,.9,.16,1)}.stray-tool:hover .stage-back-far,.stray-tool[data-active] .stage-back-far{transform:rotate(-3.2deg) translate(-1.2px,-.6px)}.stray-tool:hover .stage-back-near,.stray-tool[data-active] .stage-back-near{transform:rotate(-1.6deg) translate(-.6px,-.3px)}.stray-round{flex:none;width:34px;height:34px;align-self:center;border-radius:50%;background:#ffffff14!important;display:grid;place-items:center;transition:background .16s ease,transform .16s ease}.stray .stray-round{margin-left:7px;margin-right:-7px}.stray-round:hover{background:#ffffff29!important}.stray-round[data-active]{background:#ffffff38!important;box-shadow:0 0 0 1.5px #f2f1ef;transform:translateY(-2px)}.stray-sil{display:block;width:20px;height:20px}.stray-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);min-width:150px;padding:8px;border-radius:14px;background:#26262a;color:#f2f1ef;font-size:13px;display:flex;flex-direction:column;gap:3px;box-shadow:0 1px 2px #0000002e,0 10px 28px #00000059}.stray-menu:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:7px solid transparent;border-top-color:#26262a}.stray-menu-title{padding:2px 8px 5px;font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#f2f1efb3;white-space:nowrap}.stray .stray-value{display:flex;align-items:center;gap:9px;padding:3px 12px 3px 3px;border-radius:999px;text-align:left;white-space:nowrap;line-height:1.2}.stray-value:hover{background:#ffffff14!important}.stray-value-on{background:#ffffff24!important;box-shadow:inset 0 0 0 1.5px #f2f1ef}.stray-dot{position:relative;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040}.stray-dot-icon{position:absolute;top:4px;right:4px;bottom:4px;left:4px}.stray-vertical{left:50%;top:calc(100% + 12px);transform:translate(-50%);height:auto;width:66px;flex-direction:column;align-items:center;padding:14px 0;gap:8px}.stray-vertical .stray-item,.stray-vertical .stray-clip{height:66px}.stray-vertical .stray-menu{bottom:auto;left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.stray-vertical .stray-menu:after{display:none}.page-one .board-area-gutters{grid-template-columns:var(--gutter-right, 224px) 1fr var(--gutter-right, 224px)}.page-one .board-area-gutters>.board{grid-column:2}.page-one .board-area-gutters>.board-gutter-journal{grid-column:3}.board-gutter-journal{max-height:calc(100vh - 160px);align-self:start}.gutter-files{flex:none}.gutter-files .gutter-bottom{margin-top:0;align-self:stretch;flex-direction:row;gap:6px}.gutter-files .gutter-btn{flex:1 1 0;flex-direction:row;justify-content:center;gap:6px;padding:6px 8px;border-radius:9px;font-size:12px;box-shadow:0 1px 2px #00000014}.gutter-files .gutter-btn svg{width:14px;height:14px}.journal{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1 1 auto;overflow-y:auto;padding:2px 4px 8px 2px;font-family:var(--font-coach)}.journal-head{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;padding:2px 4px}.journal-empty{font-size:12px;color:#9aa0a6;padding:2px 4px}.journal-entry{flex:none;background:#fff;border-radius:12px;border-left:4px solid #999;padding:7px 8px 8px;box-shadow:0 1px 2px #0000000f,0 6px 18px #00000012}.journal-values{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:6px;font-size:11.5px;color:#333}.journal-value{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.journal-value-icon{display:inline-block;width:13px;height:13px;flex:none}.journal-dot{position:relative;flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 2px #26262a}.journal-dot .stray-dot-icon{top:3px;right:3px;bottom:3px;left:3px}.journal-stopped{font-size:10.5px;font-weight:600;color:#b42318;background:#b423181a;border-radius:999px;padding:1px 6px}.journal-thumb{display:block;width:100%;aspect-ratio:3 / 2;border-radius:8px;border:1px solid rgba(0,0,0,.08);object-fit:cover}.pushbox-sticker{transform-box:view-box;transform:translate(0);transition:transform .32s cubic-bezier(.22,.9,.16,1)}.stray-tool:hover .pushbox-sticker-2,.stray-tool[data-active] .pushbox-sticker-2{transform:translate(3.5px,-6px)}.stray-tool:hover .pushbox-sticker-1,.stray-tool[data-active] .pushbox-sticker-1{transform:translate(-4.5px,-4px) rotate(-6deg)}.stray-tool:hover .pushbox-sticker-0,.stray-tool[data-active] .pushbox-sticker-0{transform:translate(1px,-7.5px) rotate(7deg)}[data-prop=linear_damping] .stray-badge{width:13px;height:13px}[data-prop=spring_stiffness] .stray-badge-icon{transform:scaleX(1.95)}.stray-tool-toolbox .stray-badge{top:66px}.stray .stray-tool-toolbox,.stray .stray-tool-toolbox:not([data-active]):hover,.stray .stray-tool-toolbox[data-active]{transform:translateY(-19px);transition:transform .32s cubic-bezier(.22,.9,.16,1)}.stray .stray-tool-toolbox:not([data-active]):hover,.stray .stray-tool-toolbox[data-active]{transform:translateY(-24px)}.stray-menu-arrows{min-width:190px}.stray .stray-arrow{gap:10px;padding:4px 12px 4px 6px;cursor:grab;touch-action:none}.stray .stray-arrow:active{cursor:grabbing}.stray-arrow-svg{display:block;flex:none}.stray-ghost{position:fixed;z-index:1000;pointer-events:none;transform:translate(-17px,-15px);opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.Tooltip_hint{display:none}.page-one-compact .board-area-gutters{grid-template-columns:1fr}.page-one-compact .board-area-gutters>.board{grid-column:1;justify-self:center}.journal-tab{position:fixed;right:0;top:50%;z-index:40;transform:translateY(-50%);writing-mode:vertical-rl;display:inline-flex;align-items:center;gap:8px;padding:12px 7px;border:1px solid rgba(0,0,0,.1);border-right:none;border-radius:10px 0 0 10px;background:#26262a;color:#f2f1ef;font:600 12px/1 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 14px #0000002e}.journal-tab-count{writing-mode:horizontal-tb;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e03131;color:#fff;font-size:11px;line-height:18px;text-align:center}.page-one-compact .board-area-gutters>.journal-drawer{position:fixed;top:64px;right:0;bottom:24px;left:auto;z-index:39;width:248px;height:calc(100vh - 88px);max-height:none;padding:12px 34px 12px 12px;box-sizing:border-box;background:#fbfaf7;border-left:1px solid rgba(0,0,0,.08);box-shadow:none;overflow-y:auto;transform:translate(100%);transition:transform .26s cubic-bezier(.22,.9,.16,1)}.page-one-compact .board-area-gutters>.journal-drawer[data-open]{transform:translate(0);box-shadow:-8px 0 28px #00000024}.board[data-input=erase] .Draw_surface,.board[data-input=erase] .sim-layer .overlay-canvas{pointer-events:none}.eraser-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:19;touch-action:none;cursor:none}.journal-entry{cursor:pointer}.journal-entry:focus-visible{outline:2px solid #2f9e44;outline-offset:2px}.journal-entry[data-open]{box-shadow:0 1px 2px #00000014,0 8px 22px #0000001f}.journal-detail{margin-top:8px;cursor:default;font-size:11.5px;color:#333}.journal-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.journal-line{display:flex;align-items:center;gap:6px}.journal-line-word{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-line-num{flex:none;font-variant-numeric:tabular-nums;color:#1f2937;font-weight:600}.journal-line-derived .journal-line-word,.journal-line-outcome .journal-line-word{color:#6b7280;padding-left:19px}.journal-line-outcome .journal-line-num{color:#7048e8}.journal-formula{margin-top:8px;padding:7px 8px;border-radius:8px;background:#f6f4ee}.journal-relation{font-family:"STIX Two Math","Cambria Math",Georgia,serif;font-size:17px;line-height:1.3;color:#1f2937;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1px}.journal-sym{font:inherit;border:0;background:transparent;padding:0 3px;margin:0;border-radius:4px;color:inherit;cursor:pointer;text-decoration:underline dotted rgba(0,0,0,.35);text-underline-offset:3px}.journal-sym:hover,.journal-sym:focus-visible{background:#2f9e442e;outline:none}.journal-sym-parameter{color:#1c7ed6}.journal-sym-derived{color:#2f9e44}.journal-sym-outcome{color:#7048e8}.journal-sym-scene{color:#6b7280;cursor:default;text-decoration:none}.journal-substituted{margin-top:4px;font-family:"STIX Two Math","Cambria Math",Georgia,serif;font-size:13px;color:#374151;font-variant-numeric:tabular-nums}.journal-legend{list-style:none;margin:6px 0 0;padding:0;font-size:10.5px;color:#6b7280;display:flex;flex-direction:column;gap:1px}.journal-legend b{font-family:"STIX Two Math","Cambria Math",Georgia,serif;font-weight:600;color:#374151}.journal-absent{color:#b45309}.journal-pick{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:#6b7280;border:1px solid rgba(0,0,0,.14);border-radius:999px;padding:1px 7px 1px 5px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff}.journal-pick input{margin:0;width:11px;height:11px;accent-color:#2f9e44;cursor:pointer}.journal-pick:hover,.journal-pick[data-on]{color:#1f7a33;border-color:#2f9e44;background:#2f9e441a}.journal-entry[data-picked]{outline:2px solid rgba(47,158,68,.55);outline-offset:1px}.journal-hint{font-size:11px;color:#1f7a33;background:#2f9e441a;border-radius:8px;padding:5px 8px}.journal-compare{flex:none;background:#fff;border-radius:12px;padding:8px 8px 9px;font-size:11.5px;color:#333;box-shadow:0 1px 2px #00000014,0 8px 22px #0000001f}.journal-compare-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.journal-compare-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1f7a33}.journal-compare-close{font:inherit;font-size:16px;line-height:1;border:0;background:transparent;color:#6b7280;cursor:pointer;padding:0 4px;border-radius:4px}.journal-compare-close:hover{background:#0000000f;color:#1f2937}.journal-compare-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.journal-compare-thumb{display:block;width:100%;aspect-ratio:3 / 2;border-radius:6px;border:2px solid #999;object-fit:cover}.journal-compare-line{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:6px;align-items:start;padding:3px 4px;border-radius:6px;color:#9aa0a6}.journal-compare-line .journal-line-num,.journal-compare-line .journal-line-word{color:inherit}.journal-compare-line .journal-line-word,.journal-cell-word{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}.journal-compare-line[data-changed]{color:#1f2937;background:#fcc41938}.journal-compare-line.journal-line-outcome[data-changed]{background:#7048e81f;color:#5f3dc4}.journal-compare-line.journal-line-derived .journal-line-word,.journal-compare-line.journal-line-outcome .journal-line-word{padding-left:0}.journal-compare-prop{display:flex;align-items:center;gap:5px;min-width:0}.journal-cell{display:flex;flex-direction:column;min-width:0}.journal-cell-word{font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-cell-num{font-variant-numeric:tabular-nums;font-weight:600}.journal-cell-empty{color:#c4c8cd}.journal-contrast{margin:8px 0 0;font-size:12px;line-height:1.4;color:#1f2937}.journal-rule{margin:4px 0 0;font-size:11px;line-height:1.4;color:#6b7280}.journal-substituted-pair{display:flex;align-items:baseline;gap:6px}.journal-take-swatch{flex:none;width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000040;transform:translateY(-1px)}.journal-legend li[data-changed]{color:#374151;font-weight:600}.page:has(.topbar-brand){background:radial-gradient(ellipse 90% 60% at 50% -18%,#fffaf0,#fffaf000 70%),#f2eee6}.topbar-brand{min-height:60px;padding:10px 22px 8px!important;gap:18px}.brand{display:flex;align-items:center;gap:12px;flex:none;-webkit-user-select:none;user-select:none}.brand-mark{flex:none;transform:rotate(-4deg);filter:drop-shadow(0 2px 3px rgba(70,50,20,.14));transition:transform .35s cubic-bezier(.22,.9,.16,1.2)}.brand:hover .brand-mark{transform:rotate(3deg) scale(1.06)}.brand-text{display:flex;flex-direction:column;line-height:1}.brand-word{font-family:"Grandstander",var(--font-coach);font-weight:800;font-size:27px;letter-spacing:-.01em;white-space:nowrap}.brand-physics{color:#26262b}.brand-painter{position:relative;display:inline-block;isolation:isolate;margin-left:1px;color:#e8590c}.brand-swash{position:absolute;left:-3px;bottom:-3px;width:calc(100% + 6px);height:11px;z-index:-1;opacity:.9}.demo-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 15px 8px 12px;border:1.6px solid #2b2b2f;border-radius:999px;background:#fffdf8;color:#26262b;font-family:var(--font-coach);font-size:14px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px #2b2b2f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;white-space:nowrap}.demo-btn:hover:not(:disabled){background:#fff3c4;transform:translateY(-1px);box-shadow:0 3px #2b2b2f}.demo-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #2b2b2f}.demo-btn:disabled{opacity:.5;cursor:default}.demo-btn:focus-visible{outline:2px solid #e8590c;outline-offset:3px}.page:has(.topbar-brand) .board{box-shadow:0 0 0 1px #3c301e12,0 2px 4px #4632140d,0 16px 40px #4632141a}.page-one:has(.topbar-brand) .board-open{width:min(1200px,100%,calc((100vh - 184px)*1.5))}.page-one:has(.topbar-brand) .board-gutter-journal{max-height:calc(100vh - 184px)}.page-one:has(.topbar-brand) .board-area-gutters>.board{align-self:start}.board-welcome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 14% 6%;text-align:center;pointer-events:none;animation:board-welcome-in .5s ease both}@keyframes board-welcome-in{0%{opacity:0;transform:translateY(6px)}}.board-welcome-title{margin:0;font-family:var(--font-coach);font-size:clamp(22px,2.7vw,36px);font-weight:700;color:#3a3631}.board-welcome-text{margin:0;max-width:520px;font-size:clamp(13px,1.25vw,16px);line-height:1.45;color:#8a8378}.demo-btn-welcome{margin-top:10px;pointer-events:auto}.page:has(.topbar-brand) .gutter-files .gutter-btn{flex:1;flex-direction:row;justify-content:center;gap:6px;padding:7px 10px;border:1.4px solid rgba(43,43,47,.22);border-radius:999px;background:#fffdf8;color:#3a3631;font-size:13px;box-shadow:none}.page:has(.topbar-brand) .gutter-files .gutter-btn:hover:not(:disabled){background:#fff3c4;border-color:#2b2b2f66}.page:has(.topbar-brand) .journal-head{font-size:14px;letter-spacing:.08em;color:#6f685d}.page:has(.topbar-brand) .journal-empty{padding:10px 12px;border:1.5px dashed rgba(60,48,30,.18);border-radius:12px;font-size:12.5px;line-height:1.4;color:#8a8378}@media(max-width:900px){.page-one:has(.topbar-brand) .board-wrap{align-items:stretch}.topbar-brand{min-height:52px;padding:8px 12px 6px!important}.brand-word{font-size:23px}.brand-mark{width:34px;height:34px}}.run-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.run-progress-caption{padding:4px 11px;border-radius:999px;background:#fffdf8eb;box-shadow:0 2px 10px #4632141a;font-family:var(--font-coach);font-size:13.5px;font-weight:700;color:#5b554b;white-space:nowrap;animation:run-caption-pulse 1.6s ease-in-out infinite}@keyframes run-caption-pulse{50%{opacity:.65}}@media(max-width:600px){.board-welcome{padding:0 8% 4% 22%;gap:6px}.board-welcome-text{display:none}.board-welcome-title{font-size:19px}.topbar-brand .demo-btn{padding:7px 12px 7px 10px;font-size:13px}}@media(prefers-reduced-motion:reduce){.board-welcome,.run-progress-caption{animation:none}}.feedback-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:21;pointer-events:none;overflow:visible}.lit-host-halo{fill:none;stroke:currentColor;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;opacity:.32;animation:lit-breathe 1.6s ease-in-out infinite}.lit-host-core{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;opacity:.5}@keyframes lit-breathe{50%{opacity:.55}}.reading-box rect{fill:none;stroke:#5b554b;stroke-width:2.5;stroke-dasharray:8 6;opacity:.75}.reading-mover rect{stroke:#1d4ed8}.reading-provisional rect{opacity:.45}.reading-word{font-family:var(--font-coach);font-size:16px;font-weight:700;fill:#5b554b;paint-order:stroke fill;stroke:#fffdf8;stroke-width:4;stroke-linejoin:round}.reading-mover .reading-word{fill:#1d4ed8}.feedback-hint text{font-family:var(--font-coach);font-size:15px;font-weight:700;fill:#6b7280;paint-order:stroke fill;stroke:#fffdf8;stroke-width:4;stroke-linejoin:round}.reading-chips{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-coach);font-size:13.5px;font-weight:700;color:#5b554b}.reading-chip{padding:6px 12px;border:2px solid #2f9e44;border-radius:999px;background:#fffdf8;color:#1f2937;font:inherit;cursor:pointer}.reading-chip:hover{background:#e9f7ec}.reading-chip-dismiss{border-color:#cfcbc3;color:#5b554b}@media(prefers-reduced-motion:reduce){.lit-host-halo{animation:none}}.element-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;pointer-events:none;overflow:visible;font-family:var(--font-coach)}.element-box{position:absolute;box-sizing:border-box;border:2px dashed rgba(34,197,94,.55);border-radius:12px;animation:element-pulse 1.3s ease-in-out infinite}.element-tag{position:absolute;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:13.5px;font-weight:700;line-height:1.25;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #00000024;transform:translateY(calc(-100% - 6px));transition:background-color .18s ease,color .18s ease,border-color .18s ease}.element-tag-below{transform:translateY(6px)}.element-tag-right{transform:translate(-100%,calc(-100% - 6px))}.element-tag-right.element-tag-below{transform:translate(-100%,6px)}.element-tag-scanning{background:#fffdf8f0;color:#6b7280;border:1.5px dashed #9ca3af}.element-tag-sure{background:#22c55e;color:#fff;border:1.5px solid #16a34a}.element-tag-unsure{background:#c9f5d6;color:#166534;border:1.5px solid #86efac}.element-tag-q{opacity:.85}.element-tag-dots{display:inline-flex;align-items:center;gap:3px;height:1em}.element-tag-dots i{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;animation:element-dot 1s ease-in-out infinite}.element-tag-dots i:nth-child(2){animation-delay:.15s}.element-tag-dots i:nth-child(3){animation-delay:.3s}@keyframes element-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes element-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.element-tag-dots i,.element-box{animation:none}}.element-list{position:absolute;top:4px;right:calc(100% + 18px);width:220px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:none}.element-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:5px 13px 5px 10px;border-radius:999px;font-size:15.5px;font-weight:700;line-height:1.25;white-space:nowrap;box-shadow:0 1px 3px #00000029;cursor:pointer;pointer-events:auto;transform-origin:0 0;-webkit-user-select:none;user-select:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .16s ease}.element-chip .element-tag-name{overflow:hidden;text-overflow:ellipsis}.element-chip:hover,.element-chip:focus-visible{box-shadow:0 0 0 3px #22c55e47,0 1px 3px #00000029;outline:none}.element-mic{flex:none;opacity:.9}.element-tag-recording{background:#fde047;color:#422006;border:1.5px solid #eab308;box-shadow:0 0 0 4px #facc1559,0 1px 3px #00000029}.element-tag-recording .element-mic{animation:element-mic-pulse 1s ease-in-out infinite}.element-stop{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:-6px;padding:0;border:none;border-radius:50%;background:#422006;cursor:pointer}.element-stop span{width:8px;height:8px;border-radius:1.5px;background:#fde047}.element-chip-failed{animation:element-shake .35s ease-in-out}.element-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}.element-row{display:inline-flex;align-items:center;gap:8px;max-width:100%}.element-burger{flex:none;display:inline-grid;place-content:center;gap:3px;width:30px;height:30px;padding:0;border:none;border-radius:9px;background:#fff;box-shadow:0 1px 3px #00000029;cursor:pointer;pointer-events:auto;transition:box-shadow .16s ease,background-color .16s ease}.element-burger span{display:block;width:14px;height:2.5px;border-radius:2px;background:#1f2937;transition:transform .18s ease,opacity .18s ease}.element-burger:hover,.element-burger:focus-visible{box-shadow:0 0 0 3px #22c55e47,0 1px 3px #00000029;outline:none}.element-burger[aria-expanded=true] span:nth-child(1){transform:translateY(5.5px) rotate(45deg) scaleX(.6);transform-origin:right center}.element-burger[aria-expanded=true] span:nth-child(2){opacity:0}.element-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg) scaleX(.6);transform-origin:left center}.element-group-box{padding:5px 6px 7px 8px;border-radius:20px;background:#22c55e17;box-shadow:inset 0 0 0 1.5px #16a34a47;transition:background-color .14s ease,box-shadow .14s ease}.element-group-drop{background:#22c55e38;box-shadow:inset 0 0 0 2.5px #16a34a}.element-list-drop{outline:2px dashed rgba(22,163,74,.5);outline-offset:8px;border-radius:24px}.element-chip[draggable=true]{cursor:grab}.element-chip-dragging{opacity:.45}.element-chip-part{font-size:14px;padding:4px 12px 4px 9px;animation:element-part-in .18s ease-out}@keyframes element-part-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.element-link{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.element-link-path{fill:none;stroke:#16a34a;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:element-link-draw .26s ease-out forwards}.element-link-dot{fill:#16a34a;opacity:0;animation:element-link-fade .16s .2s ease-out forwards}.element-link-box{fill:#22c55e12;stroke:#16a34a;stroke-width:2;stroke-dasharray:7 5;opacity:0;animation:element-link-fade .18s .16s ease-out forwards}@keyframes element-link-draw{to{stroke-dashoffset:0}}@keyframes element-link-fade{to{opacity:1}}@keyframes element-mic-pulse{50%{transform:scale(1.18)}}@keyframes element-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:1180px){.element-list{right:auto;left:8px;top:8px;width:auto;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.element-link-path,.element-link-dot,.element-link-box,.element-tag-recording .element-mic,.element-chip-failed{animation:none;stroke-dashoffset:0;opacity:1}}