*,:before,:after{box-sizing:border-box}html,body{color:#1c2540;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#f9fafb;height:100%;margin:0;padding:0}#app{width:100vw;height:100vh}button{font-family:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ol-panel-bleed:40px;--ol-bar-h:60px;--ol-bottom-h:62px;--ol-tool-w:44px;--ol-rail-w:74px;--ol-bg:#f9fafb;--ol-accent:#2b4182;--ol-accent-strong:#1f3164;--ol-accent-soft:#e8ecf7;--ol-accent-grad-a:#1447e6;--ol-accent-grad-b:#1b398e;--ol-accent-grad:linear-gradient(135deg, var(--ol-accent-grad-a), var(--ol-accent-grad-b));--ol-accent-on:#1b398e;--ol-fg:#1c274c;--ol-fg-heading:#101828;--ol-fg-dim:#6b7280;--ol-fg-tertiary:#99a1af;--ol-glass:#fff;--ol-glass-hover:#f3f4f6;--ol-glass-sel:#eef6ff;--ol-glass-sunken:#f3f4f6;--ol-glass-border:#e5e7eb;--ol-glass-blur:none;--ol-glass-inset:inset 0 0 0 0 transparent;--ol-glass-drop:0 8px 24px #0f172d14;--ol-glass-panel:#fff;--ol-glass-panel-blur:none;--ol-glass-shadow:var(--ol-glass-drop);--ol-panel:#fff;--ol-panel-border:#e5e7eb;--ol-panel-border-strong:#d1d5db;--ol-bar-fg:var(--ol-accent);--ol-bar-fg-dim:#6b7693;--ol-bar-gap:12px;--ol-brand-accent:#5bc0eb;--ol-radius:12px;--ol-shadow:0 10px 34px #18213e29;--ol-z-stage:1;--ol-z-labels:5;--ol-z-pen:10;--ol-z-popup:20;--ol-z-bar:30;--ol-z-panel:40;--ol-z-overlay:60}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-400-vi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-400-la.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-500-vi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-500-la.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-600-vi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-600-la.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-700-vi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro/BeVietnamPro-700-la.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.ol-root{background:var(--ol-bg);width:100%;height:100%;color:var(--ol-fg);flex-direction:column;font:14px/1.5 Be Vietnam Pro,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.ol-stage{min-width:0;min-height:0;z-index:var(--ol-z-stage);flex:auto;position:relative}.ol-stage>canvas{touch-action:none;width:100%;height:100%;display:block}.ol-stagerow{flex-direction:row;flex:auto;min-height:0;display:flex;position:relative}.ol-whiteboard-resizer{z-index:1;cursor:col-resize;touch-action:none;background:0 0;flex:none;width:6px;margin:0 -3px;display:none}.ol-stagerow.is-wb-open .ol-whiteboard-resizer{display:flex}.ol-whiteboard-resizer:hover,.ol-whiteboard-resizer.is-dragging{background:var(--ol-accent);opacity:.35}.ol-whiteboard{background:var(--ol-panel);border-left:0 solid var(--ol-panel-border);width:0;box-shadow:var(--ol-glass-drop);flex-direction:column;flex:none;transition:width .32s cubic-bezier(.4,0,.2,1),border-left-width .32s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.ol-stagerow.is-wb-open .ol-whiteboard{border-left-width:1px}.ol-whiteboard.is-resizing{transition:none}.ol-whiteboard__head{border-bottom:1px solid var(--ol-panel-border);height:44px;color:var(--ol-fg-heading);flex:none;align-items:center;gap:8px;padding:0 12px;font-weight:600;display:flex}.ol-whiteboard__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.ol-whiteboard__close,.ol-whiteboard__iconbtn{appearance:none;width:28px;height:28px;color:var(--ol-fg-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.ol-whiteboard__close:hover,.ol-whiteboard__iconbtn:hover:not(:disabled){background:var(--ol-glass-hover);color:var(--ol-fg)}.ol-whiteboard__iconbtn:disabled{opacity:.35;cursor:not-allowed}.ol-whiteboard__close .ol-icon svg,.ol-whiteboard__iconbtn .ol-icon svg{width:16px;height:16px}.ol-whiteboard__toolbar{border-bottom:1px solid var(--ol-panel-border);flex-wrap:wrap;flex:none;align-items:center;gap:6px 8px;padding:8px 12px;display:flex}.ol-whiteboard__toolbar .ol-whiteboard__iconbtn:last-child{margin-left:auto}.ol-whiteboard__canvas{background-color:#fbfbfc;background-image:radial-gradient(circle,#d7d9e0 1px,#0000 1.5px);background-size:22px 22px;flex:auto;min-height:0;position:relative;overflow:hidden}.ol-whiteboard__ink{cursor:crosshair;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.ol-header,.ol-stepbar,.ol-toolgroup,.ol-zoom{transition:opacity .62s,transform .62s cubic-bezier(.22,1,.36,1)}.ol-stepbar{transition-delay:.62s}.ol-toolgroup{transition-delay:.34s}.ol-zoom{transition-delay:.52s}.ol-root.is-booting .ol-header{opacity:0;transform:translateY(-16px)}.ol-root.is-booting .ol-stepbar{opacity:0;transform:translateY(16px)}.ol-root.is-booting .ol-toolgroup{opacity:0;transform:translate(18px)}.ol-root.is-booting .ol-zoom{opacity:0}.ol-root.is-booting .ol-zoombar{transform:translate(-18px)}.ol-stage>canvas,.ol-labels{transition:opacity .6s 1.2s}.ol-root.is-booting .ol-stage>canvas,.ol-root.is-booting .ol-labels{opacity:0}.ol-header{height:var(--ol-bar-h);background:var(--ol-panel);border-bottom:1px solid var(--ol-panel-border);color:var(--ol-fg);z-index:var(--ol-z-bar);flex:none;align-items:center;gap:14px;padding:0 20px;display:flex;position:relative}.ol-header__back{appearance:none;border:1px solid var(--ol-panel-border);background:var(--ol-panel);color:#475569;height:36px;font:inherit;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px 0 10px;font-size:13.5px;font-weight:600;transition:background .15s;display:inline-flex}.ol-header__back:hover{background:var(--ol-glass-hover)}.ol-header__back .ol-icon,.ol-header__back .ol-icon>svg{width:17px;height:17px}.ol-header__titlewrap{flex:auto;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.ol-header__title{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;min-width:0;color:var(--ol-fg-heading);flex:0 auto;font-size:17px;font-weight:700;overflow:hidden}.ol-header__pill{background:var(--ol-glass-sel);color:var(--ol-accent-on);white-space:nowrap;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.ol-header__pill[hidden]{display:none}.ol-header__pen-slot{flex:none}.ol-header__pen-slot[hidden]{display:none}.ol-header__actions{flex:none;align-items:center;gap:10px;display:flex}.ol-header__action{appearance:none;border:1px solid var(--ol-panel-border);color:#475569;height:38px;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;align-items:center;gap:7px;padding:0 16px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ol-header__action:hover:not(.is-active){background:var(--ol-glass-hover);color:#0f172a}.ol-header__action.is-active{background:var(--ol-accent-on);color:#fff;border-color:var(--ol-accent-on);font-weight:600}.ol-header__action.is-active:hover{background:var(--ol-accent-on);color:#fff;box-shadow:none}.ol-header__action.is-active:active{background:var(--ol-accent-strong)}.ol-header__action .ol-icon,.ol-header__action .ol-icon>svg{width:16px;height:16px}.ol-stepbar{height:var(--ol-bottom-h);background:var(--ol-panel);border-top:1px solid var(--ol-panel-border);color:var(--ol-bar-fg);z-index:var(--ol-z-bar);flex:none;align-items:center;gap:16px;padding:6px 20px;display:flex;position:relative}.ol-stepbar.is-empty{display:none}.ol-stepbar.is-busy .ol-steps{opacity:.45;pointer-events:none;transition:opacity .18s}.ol-steps{transition:opacity .3s}.ol-stepbar__logo{object-fit:contain;object-position:right center;-webkit-user-select:none;user-select:none;flex:none;width:auto;max-width:10%;height:28px;margin-left:auto}.ol-stepbar.is-compact .ol-stepbar__logo{max-width:none;height:26px}.ol-steps{scrollbar-width:none;scroll-snap-type:x proximity;flex:auto;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.ol-steps::-webkit-scrollbar{display:none}.ol-step{appearance:none;color:inherit;font:inherit;cursor:pointer;scroll-snap-align:start;z-index:0;background:0 0;border:0;border-radius:14px;flex:1 0 192px;align-items:center;gap:12px;min-width:0;max-width:216px;min-height:44px;padding:8px 16px;transition:background-color .26s,color .34s;display:inline-flex;position:relative}.ol-step:before{content:"";z-index:-1;border-radius:inherit;background:var(--ol-accent-on);opacity:0;transition:opacity .44s cubic-bezier(.22,1,.36,1),background-color .15s;position:absolute;inset:0}.ol-step.is-active:before{opacity:1}.ol-step.is-active:active:before{background:var(--ol-accent-strong)}.ol-step:hover:not(.is-active){background-color:var(--ol-glass-sunken)}.ol-step.is-active{color:#fff}.ol-step__num{font-variant-numeric:tabular-nums;border:1px solid var(--ol-panel-border-strong);width:28px;height:28px;color:var(--ol-accent);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:background .34s,border-color .34s,color .34s;display:inline-flex}.ol-step.is-active .ol-step__num{color:#fff;background:#fff3;border-color:#0000}.ol-step__text{flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.25;display:flex}.ol-step__title,.ol-step__sub{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ol-step__title{color:var(--ol-fg-heading);font-size:.94em;font-weight:700;transition:color .34s}.ol-step.is-active .ol-step__title{color:#fff}.ol-step__sub{color:var(--ol-fg-dim);font-size:11.5px;font-weight:500;transition:color .34s}.ol-step.is-active .ol-step__sub{color:#ffffffbf}.ol-stepbar.is-compact .ol-step{flex:none;gap:7px;max-width:none;min-height:44px;padding:6px 10px 6px 5px}.ol-stepbar.is-compact .ol-step__title{text-overflow:clip;overflow:visible}.ol-stepbar.is-compact .ol-step__num{width:25px;height:25px;font-size:11px}.ol-stepbar.is-compact .ol-step__title{font-size:12.5px}.ol-stepbar.is-compact .ol-step__sub{display:none}.ol-toolrail{top:0;bottom:0;right:var(--ol-bar-gap);z-index:var(--ol-z-bar);pointer-events:none;align-items:center;display:flex;position:absolute}.ol-toolrail>*{pointer-events:auto}.ol-toolrail.is-empty{display:none}.ol-toolgroup{max-height:calc(100vh - var(--ol-bar-h) - var(--ol-bottom-h) - var(--ol-bar-gap) * 2);scrollbar-width:none;background:#fff;border:1px solid #e6eaf0;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;padding:8px;display:inline-flex;overflow-y:auto;box-shadow:0 10px 30px #0f172a1a}.ol-toolgroup::-webkit-scrollbar{display:none}.ol-tool__sep{background:#eaeef4;height:1px;margin:4px 8px}.ol-tool{appearance:none;box-shadow:none;color:#64748b;cursor:pointer;font:inherit;width:var(--ol-tool-w);height:var(--ol-tool-w);background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.ol-tool:hover:not(:disabled):not(.is-active){background:var(--ol-glass-hover)}.ol-tool:disabled{opacity:.4;cursor:default}.ol-tool.is-active{background:var(--ol-accent-on);color:#fff}.ol-tool.is-active:active{background:var(--ol-accent-strong)}.ol-tool .ol-icon,.ol-tool .ol-icon>svg{width:20px;height:20px}.ol-step:focus-visible,.ol-tool:focus-visible{outline:2px solid var(--ol-accent);outline-offset:2px}.ol-toolrail .ol-slider{background:var(--ol-glass-sunken);height:32px;color:var(--ol-bar-fg-dim);border:0;border-radius:999px;gap:8px;margin-right:4px;padding:0 12px}.ol-toolrail .ol-slider .ol-icon,.ol-toolrail .ol-slider .ol-icon>svg{width:18px;height:18px}.ol-toolrail .ol-range{width:110px;accent-color:var(--ol-accent)}.ol-toolrail.is-compact .ol-range{width:64px}.ol-btn{appearance:none;color:var(--ol-fg);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;transition:background .15s,border-color .15s;display:inline-flex}.ol-btn:hover:not(:disabled){background:var(--ol-glass-hover)}.ol-btn:disabled{opacity:.4;cursor:default}.ol-btn--icon{padding:7px}.ol-btn.is-active{background:var(--ol-accent-soft);border-color:var(--ol-accent);color:var(--ol-accent)}.ol-icon,.ol-icon>svg{width:20px;height:20px;display:block}.ol-slider{align-items:center;gap:6px;padding:0 6px;display:inline-flex}.ol-range{width:90px;accent-color:var(--ol-accent)}.ol-zoom{pointer-events:none;z-index:var(--ol-z-bar);position:absolute;inset:0}.ol-zoombar{pointer-events:auto;flex-direction:column;align-items:center;gap:7px;transition:opacity .62s .52s,transform .62s cubic-bezier(.22,1,.36,1) .52s;display:flex;position:absolute;top:14px;bottom:14px;left:14px}.ol-zoombar__track{background:var(--ol-zoom-off);opacity:0;border-radius:999px;flex:1;width:4px;transition:opacity .5s;position:relative}.ol-zoombar.is-live .ol-zoombar__track,.ol-zoombar:hover .ol-zoombar__track,.ol-zoombar:focus-within .ol-zoombar__track{opacity:1;transition-duration:.12s}.ol-zoombar__thumb{--ol-zoom-thumb-h:20%;height:var(--ol-zoom-thumb-h);left:0;right:0;bottom:calc((100% - var(--ol-zoom-thumb-h)) * var(--ol-zoom-pos,0));background:var(--ol-zoom-on);border-radius:999px;transition:bottom .1s linear;position:absolute}.ol-zoombar__dot{background:var(--ol-zoom-on);border-radius:999px;flex:none;width:10px;height:10px;position:relative}.ol-zoombar__dot:before{content:"";background:radial-gradient(circle, var(--ol-zoom-glow) 0%, transparent 70%);pointer-events:none;border-radius:999px;position:absolute;inset:-11px}:root{--ol-zoom-on:#fff;--ol-zoom-off:#ffffff3d;--ol-zoom-glow:#fff6}.ol-zoombar__range{writing-mode:vertical-lr;-webkit-appearance:slider-vertical;appearance:none;opacity:0;cursor:ns-resize;touch-action:none;direction:rtl;width:auto;height:100%;margin:0;position:absolute;inset:0 -22px}.ol-zoombar:has(.ol-zoombar__range:focus-visible){outline:2px solid var(--ol-zoom-on);outline-offset:4px;border-radius:6px}.ol-labels{pointer-events:none;z-index:var(--ol-z-labels);position:absolute;inset:0}.ol-label{--bg:#fff;--text:var(--ol-fg);--border:var(--ol-glass-border);background:var(--bg);color:var(--text);border:1px solid var(--border);white-space:nowrap;box-shadow:var(--ol-glass-shadow);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;transform:translate(-50%,-50%)}.ol-label--dim{--bg:#eef1f8;--text:var(--ol-fg-dim)}.ol-label--accent{--bg:var(--ol-accent);--text:#fff;--border:transparent}.ol-label--anno{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ol-anno{font-size:clamp(11px,.42vw + 8px,17px);display:inline-block;position:relative;transform:translateY(-50%)}.ol-anno__chip{overflow-wrap:break-word;color:#fff;max-width:9.9em;font:inherit;text-align:center;white-space:normal;cursor:default;pointer-events:auto;-webkit-user-select:none;user-select:none;background:#565656cc;border:0;border-radius:.4em;padding:.53em .87em;font-size:1em;font-weight:500;line-height:1.25;transition:box-shadow .45s,background-color .25s;animation:.5s ease-out backwards ol-anno-in;display:inline-block;box-shadow:0 2px 8px #00000042}@keyframes ol-anno-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.ol-anno__chip--has-desc{cursor:pointer}.ol-anno__chip--has-desc:hover{background:#424242db}.ol-anno__chip--open{background:#464646db;box-shadow:0 0 0 1.5px #ffffff94,0 2px 10px #0000004d}.ol-anno__star{color:#ffffffeb;text-shadow:0 1px 2px #00000073;pointer-events:none;font-size:.87em;line-height:1;position:absolute;top:50%;left:calc(100% + .53em);transform:translateY(-50%)}.ol-anno__desc{color:#17395e;text-align:left;white-space:normal;pointer-events:auto;background:#e9f1fb;border:1px solid #6f9fd8;border-radius:5px;width:max-content;max-width:24em;padding:.8em 1.07em;font-size:14px;font-weight:500;line-height:1.55;animation:.35s ease-out ol-anno-desc-in;position:absolute;top:calc(100% + .53em);left:0;box-shadow:0 3px 12px #00000029}@keyframes ol-anno-desc-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.ol-anno__desc[hidden]{display:none}.ol-pen{width:100%;height:100%;z-index:var(--ol-z-pen);pointer-events:none;touch-action:none;position:absolute;inset:0}.ol-pen.is-active{pointer-events:auto;cursor:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSczMCcgaGVpZ2h0PSczMCcgdmlld0JveD0nMCAwIDMwIDMwJz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSg0NSAxNSAxNSknPjxyZWN0IHg9JzEzJyB5PScyJyB3aWR0aD0nNicgaGVpZ2h0PScxOScgcng9JzEuNScgZmlsbD0nIzFjMjc0Yycgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScxLjQnLz48cmVjdCB4PScxMycgeT0nMicgd2lkdGg9JzYnIGhlaWdodD0nNScgcng9JzEuNScgZmlsbD0nI2Y0YjQwMCcgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScxLjQnLz48cGF0aCBkPSdNMTMgMjEgTDE5IDIxIEwxNiAyNyBaJyBmaWxsPScjMWMyNzRjJyBzdHJva2U9J3doaXRlJyBzdHJva2Utd2lkdGg9JzEuNCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcvPjwvZz48L3N2Zz4=) 7 24,crosshair}.ol-pen-palette{border:1px solid var(--ol-panel-border);background:#fff;border-radius:999px;align-items:center;gap:8px;height:32px;padding:0 10px 0 12px;display:none}.ol-pen-palette.is-open{display:flex}.ol-pen-palette__swatches{align-items:center;gap:6px;display:flex}.ol-pen-swatch{appearance:none;cursor:pointer;border:2px solid #0000;border-radius:999px;width:22px;height:22px;padding:0}.ol-pen-swatch.is-on{box-shadow:0 0 0 1px var(--ol-panel-border), 0 1px 3px #18213e59;border-color:#fff}.ol-pen-swatch--custom{background:conic-gradient(from 90deg,#ef4444,#eab308,#22c55e,#3b82f6,#a855f7,#ef4444);display:inline-flex;position:relative;overflow:hidden}.ol-pen-swatch__input{appearance:none;cursor:pointer;background:0 0;border:0;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.ol-pen-swatch__input::-webkit-color-swatch-wrapper{padding:0}.ol-pen-swatch__input::-webkit-color-swatch{border:0}.ol-pen-palette__sep{background:var(--ol-panel-border);flex:none;width:1px;height:20px}.ol-pen-palette__clear{appearance:none;color:var(--ol-fg-dim);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:12px;font-weight:600}.ol-pen-palette__clear:hover{background:var(--ol-glass-hover);color:var(--ol-fg)}.ol-panelhost{top:calc(var(--ol-bar-gap) - var(--ol-panel-bleed));bottom:calc(var(--ol-bar-gap) - var(--ol-panel-bleed));right:var(--ol-rail-w);width:min(calc(360px + var(--ol-bar-gap) + var(--ol-panel-bleed)), calc(100% - var(--ol-rail-w) - var(--ol-bar-gap)));pointer-events:none;z-index:var(--ol-z-panel);position:absolute;overflow:hidden}.ol-info,.ol-settings,.ol-exercise{top:var(--ol-panel-bleed);bottom:var(--ol-panel-bleed);left:var(--ol-panel-bleed);right:var(--ol-bar-gap);pointer-events:auto;background:var(--ol-glass-panel);border:1px solid var(--ol-glass-border);box-shadow:var(--ol-glass-shadow);-webkit-backdrop-filter:var(--ol-glass-panel-blur);transform:translateX(calc(100% + var(--ol-bar-gap) + 32px));border-radius:16px;flex-direction:column;transition:transform .24s cubic-bezier(.22,1,.36,1);display:flex;position:absolute}.ol-info.is-open,.ol-settings.is-open,.ol-exercise.is-open{transform:translate(0)}.ol-info__head,.ol-settings__head,.ol-exercise__head{border-bottom:1px solid var(--ol-panel-border);align-items:center;gap:8px;padding:10px 8px 10px 14px;font-weight:600;display:flex}.ol-info__head,.ol-settings__head{justify-content:space-between}.ol-exercise__close{margin-left:auto}.ol-info__body,.ol-settings__body,.ol-exercise__body{padding:12px 14px 18px;overflow:auto}.ol-scroll,.ol-info__body,.ol-settings__body,.ol-exercise__body,.ol-popup,.ol-fallback{scrollbar-width:thin;scrollbar-color:var(--ol-panel-border-strong) transparent}.ol-scroll::-webkit-scrollbar{width:10px;height:10px}.ol-info__body::-webkit-scrollbar{width:10px;height:10px}.ol-settings__body::-webkit-scrollbar{width:10px;height:10px}.ol-exercise__body::-webkit-scrollbar{width:10px;height:10px}.ol-popup::-webkit-scrollbar{width:10px;height:10px}.ol-fallback::-webkit-scrollbar{width:10px;height:10px}.ol-scroll::-webkit-scrollbar-track{background:0 0}.ol-info__body::-webkit-scrollbar-track{background:0 0}.ol-settings__body::-webkit-scrollbar-track{background:0 0}.ol-exercise__body::-webkit-scrollbar-track{background:0 0}.ol-popup::-webkit-scrollbar-track{background:0 0}.ol-fallback::-webkit-scrollbar-track{background:0 0}.ol-scroll::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-info__body::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-settings__body::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-exercise__body::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-popup::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-fallback::-webkit-scrollbar-thumb{background:var(--ol-panel-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}.ol-scroll::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-info__body::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-settings__body::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-exercise__body::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-popup::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-fallback::-webkit-scrollbar-thumb:hover{background:var(--ol-fg-tertiary);background-clip:content-box}.ol-exercise__body{flex:auto;min-height:0}.ol-info__body h3{margin:0 0 8px;font-size:16px}.ol-info__body h4{color:var(--ol-bar-accent);margin:14px 0 4px;font-size:13px}.ol-info__body p,.ol-info__body li{color:var(--ol-fg);margin:0 0 8px}.ol-info__ref{font-size:12px;font-style:italic;color:var(--ol-fg-dim)!important}.ol-exercise__msg{color:var(--ol-fg-dim);margin:8px 0;font-size:13px}.ol-exercise__retry{appearance:none;border:1px solid var(--ol-panel-border);background:var(--ol-panel);font:inherit;cursor:pointer;border-radius:8px;padding:6px 14px;font-weight:600}.ol-exercise__progress{color:var(--ol-fg-dim);margin:0 0 6px;font-size:12px;font-weight:600}.ol-exercise__question{color:var(--ol-fg-heading);margin:0 0 14px;font-size:15px;line-height:1.4}.ol-exercise__options{flex-direction:column;gap:10px;display:flex}.ol-exercise__option{appearance:none;text-align:left;border:1px solid var(--ol-panel-border);background:var(--ol-panel);width:100%;color:var(--ol-fg);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.ol-exercise__option:hover{background:var(--ol-glass-hover)}.ol-exercise__option-badge{background:var(--ol-glass-hover);border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.ol-exercise__option.is-selected{border-color:var(--ol-accent)}.ol-exercise__option.is-selected .ol-exercise__option-badge{background:var(--ol-accent);color:#fff}.ol-exercise__option.is-correct{background:#f0fdf4;border-color:#16a34a}.ol-exercise__option.is-correct .ol-exercise__option-badge{color:#fff;background:#16a34a}.ol-exercise__option.is-wrong{background:#fef2f2;border-color:#dc2626}.ol-exercise__option.is-wrong .ol-exercise__option-badge{color:#fff;background:#dc2626}.ol-exercise__foot{border-top:1px solid var(--ol-panel-border);flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.ol-exercise__nav{appearance:none;border:1px solid var(--ol-panel-border);background:var(--ol-panel);font:inherit;color:var(--ol-fg);cursor:pointer;border-radius:8px;padding:7px 12px;font-weight:600}.ol-exercise__reveal{appearance:none;color:#fff;font:inherit;cursor:pointer;background:#f59e0b;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:600;display:flex}.ol-exercise__reveal .ol-icon svg{width:15px;height:15px}.ol-exercise__reveal.is-on{background:#b45309}.ol-exercise__nav:disabled,.ol-exercise__reveal:disabled{opacity:.4;cursor:not-allowed}.ol-set__section{flex-direction:column;gap:8px;display:flex}.ol-set__section-title{letter-spacing:.07em;text-transform:uppercase;color:var(--ol-fg-tertiary);font-size:11px;font-weight:700}.ol-set__divider{background:var(--ol-panel-border);height:1px;margin:6px 0}.ol-set__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ol-set__label{color:var(--ol-fg)}.ol-set__range{align-items:center;gap:10px;display:inline-flex}.ol-set__range .ol-range{width:108px;accent-color:var(--ol-accent)}.ol-set__value{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;color:var(--ol-fg-dim);font-size:13px}.ol-set__row.is-disabled{opacity:.45}.ol-set__row.is-disabled .ol-range{cursor:default}.ol-switch{appearance:none;border:1px solid var(--ol-glass-border);background:var(--ol-glass-sunken);cursor:pointer;width:46px;height:27px;font:inherit;border-radius:999px;flex:none;padding:0;transition:background .18s,border-color .18s;position:relative}.ol-switch:after{content:"";background:#fff;border-radius:999px;width:21px;height:21px;transition:translate .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #18213e47}.ol-switch:hover{border-color:var(--ol-accent)}.ol-switch.is-on{background:var(--ol-accent);border-color:var(--ol-accent)}.ol-switch.is-on:after{translate:19px}.ol-switch:focus-visible{outline:2px solid var(--ol-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ol-switch,.ol-switch:after{transition:none}}.ol-select{background:var(--ol-glass);color:var(--ol-fg);border:1px solid var(--ol-glass-border);font:inherit;border-radius:8px;padding:5px 8px}.ol-select option{color:var(--ol-fg);background:#fff}.ol-swatches{background:var(--ol-glass-sunken);border:1px solid var(--ol-glass-border);border-radius:999px;align-items:center;gap:6px;padding:4px;display:flex}.ol-swatch{cursor:pointer;appearance:none;border:1px solid #1c254047;border-radius:999px;flex:none;width:26px;height:26px;padding:0}.ol-swatch.is-on{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--ol-accent);border-color:#fff}.ol-swatch--pick{background:0 0;overflow:hidden}.ol-swatch--pick::-webkit-color-swatch-wrapper{padding:0}.ol-swatch--pick::-webkit-color-swatch{border:0;border-radius:999px}.ol-swatch--pick::-moz-color-swatch{border:0;border-radius:999px}.ol-popup{left:calc(var(--ol-bar-gap) + 48px);top:calc(var(--ol-bar-h) + 12px);max-height:calc(100% - var(--ol-bar-h) - var(--ol-bottom-h) - 24px);background:var(--ol-glass-panel);border:1px solid var(--ol-glass-border);min-width:220px;box-shadow:var(--ol-glass-shadow);-webkit-backdrop-filter:var(--ol-glass-panel-blur);z-index:var(--ol-z-popup);border-radius:14px;position:absolute;overflow:hidden}.ol-popup.is-hidden{display:none}.ol-popup.is-dragging{opacity:.92}.ol-popup__head{border-bottom:1px solid var(--ol-panel-border);cursor:grab;align-items:center;gap:8px;padding:8px 6px 8px 12px;font-weight:600;display:flex}.ol-popup__title{flex:1}.ol-popup__close{appearance:none;color:var(--ol-bar-fg-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px}.ol-popup__close:hover{background:var(--ol-glass-hover);color:var(--ol-bar-fg)}.ol-popup__items{flex-direction:column;gap:2px;padding:4px;display:flex}.ol-popup__item{appearance:none;color:var(--ol-bar-fg-dim);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;padding:9px 12px;transition:background .15s,color .15s}.ol-popup__item:hover:not(.is-active){background:var(--ol-glass-hover);color:var(--ol-bar-fg)}.ol-popup__item.is-active{background:var(--ol-glass-sel);color:var(--ol-bar-fg)}.ol-loading{color:#fff;opacity:0;visibility:hidden;z-index:var(--ol-z-overlay);background:#0d1526;place-items:center;transition:opacity .6s,visibility .6s;display:grid;position:absolute;inset:0}.ol-loading.is-visible{opacity:1;visibility:visible}.ol-loading__bg{filter:blur(6px)brightness(.45);opacity:0;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0}.ol-loading__bg.is-loaded{opacity:1}.ol-loading__box{text-align:center;max-width:420px;padding:24px;position:relative}.ol-loading__logo{object-fit:contain;background:#ffffffeb;border-radius:20px;width:96px;height:96px;margin:0 auto 16px;padding:10px;display:block;box-shadow:0 8px 24px #00000059}.ol-loading__logo.is-missing{display:none}.ol-loading__title{margin-bottom:6px;font-size:20px;font-weight:700}.ol-loading__subtitle,.ol-loading__status{color:#ffffffb8;font-size:13px}.ol-loading__bar{background:#ffffff24;border-radius:999px;height:4px;margin:14px 0 8px;overflow:hidden}.ol-loading__bar>i{background:#fff;width:0;height:100%;transition:width .25s;display:block}.ol-error{color:#fff;z-index:var(--ol-z-overlay);background:#0a101af0;place-items:center;display:grid;position:absolute;inset:0}.ol-error__box{text-align:center;max-width:420px;padding:24px}.ol-error__msg{margin-bottom:8px;font-size:16px}.ol-error__code{color:#fff9;margin-bottom:14px;font:12px/1.4 ui-monospace,monospace}.ol-error__retry{color:#fff;background:#ffffff1f;border-color:#ffffff4d}.ol-error__retry:hover:not(:disabled){background:#fff3}.ol-fallback{flex-direction:column;height:100%;display:flex;overflow:auto}.ol-fallback__poster{object-fit:cover;width:100%;max-height:46%}.ol-fallback__body{padding:18px 20px 28px}.ol-fallback__body h1{margin:0 0 10px;font-size:20px}.ol-fallback__desc{color:var(--ol-fg-dim)}.ol-fallback__warn{color:#7a5600;background:#fff8e6;border:1px solid #f0d38a;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:13px}.ol-toasts{z-index:var(--ol-z-overlay);pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.ol-toast{background:var(--ol-glass-panel);border:1px solid var(--ol-glass-border);box-shadow:var(--ol-glass-shadow);-webkit-backdrop-filter:var(--ol-glass-panel-blur);color:var(--ol-bar-fg);border-radius:999px;padding:8px 16px;font-size:13px}.ol-toast--warn{color:#7a5600;background:#fff8e6;border-color:#f0d38a}.ol-debug{top:calc(var(--ol-bar-h) + 8px);z-index:var(--ol-z-overlay);border:1px solid var(--ol-panel-border);color:#b8f0c8;pointer-events:auto;background:#060a0ee0;border-radius:8px;min-width:210px;padding:8px 10px;font:11px/1.6 ui-monospace,SFMono-Regular,monospace;position:absolute;left:8px}.ol-debug__row{justify-content:space-between;gap:12px;display:flex}.ol-debug__row.is-bad{color:#ff9d9d}.ol-debug__title{color:var(--ol-accent);margin-bottom:4px;font-weight:700}.ol-debug__actions{gap:6px;margin-top:6px;display:flex}.ol-debug__actions button{font:inherit;cursor:pointer;color:var(--ol-fg);border:1px solid var(--ol-panel-border);background:#ffffff14;border-radius:6px;padding:3px 7px}@media (max-width:720px){:root{--ol-bar-h:52px;--ol-bottom-h:68px;--ol-bar-gap:6px;--ol-rail-w:68px;--ol-panel-bleed:14px}.ol-header__action[data-action=pen],.ol-header__action[data-action=whiteboard]{display:none}.ol-header{gap:10px;padding:0 12px}.ol-header__back{justify-content:center;width:34px;height:34px;padding:0}.ol-header__back-label{display:none}.ol-header__actions{gap:6px}.ol-header__action{gap:0;padding:0 10px}.ol-header__label,.ol-header__pill{display:none}.ol-toolgroup{border-radius:13px;gap:3px;padding:5px}.ol-tool .ol-icon,.ol-tool .ol-icon>svg{width:18px;height:18px}.ol-tool__sep{margin:3px 6px}.ol-stepbar.is-compact .ol-stepbar__logo{max-width:22%;height:20px}}@media (prefers-reduced-motion:reduce){.ol-btn,.ol-step,.ol-tool{transition:none}.ol-loading{transition:opacity .25s,visibility .25s}.ol-step:before{transition:none}.ol-stepbar,.ol-toolgroup,.ol-zoom{transition:opacity .2s}.ol-root.is-booting .ol-stepbar,.ol-root.is-booting .ol-toolgroup,.ol-root.is-booting .ol-zoombar{transform:none}}.ol-animbar{left:50%;bottom:var(--ol-bar-gap);z-index:var(--ol-z-bar);width:min(330px, calc(100% - 2 * var(--ol-rail-w)));background:var(--ol-panel);border:1px solid var(--ol-panel-border);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;animation:.24s ease-out backwards ol-animbar-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 14px #0f172d1a}.ol-animbar[hidden]{display:none}@keyframes ol-animbar-in{0%{opacity:0;transform:translate(-50%,5px)}}.ol-animbar__btn{background:var(--ol-accent-on);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;transition:background .15s;display:grid}.ol-animbar__btn:hover{background:var(--ol-accent-strong)}.ol-animbar__btn .ol-icon,.ol-animbar__btn .ol-icon>svg{width:14px;height:14px;display:block}.ol-animbar__track{cursor:pointer;touch-action:none;flex:auto;height:16px;position:relative}.ol-animbar__track:before{content:"";background:var(--ol-glass-sunken);border-radius:999px;position:absolute;inset:6.5px 0}.ol-animbar__fill{background:var(--ol-accent-on);border-radius:999px;width:0;position:absolute;inset:6.5px auto 6.5px 0}.ol-animbar__knob{top:50%;left:calc(var(--ol-anim-k,0) * (100% - 10px) + 5px);border:2px solid var(--ol-accent-on);pointer-events:none;background:#fff;border-radius:50%;width:10px;height:10px;margin-top:-5px;margin-left:-5px;position:absolute}.ol-animbar__time{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--ol-fg-dim);flex:none;font-size:11px}.ol-animbar__btn--prev,.ol-animbar__btn--next{background:var(--ol-glass-sunken);width:24px;height:24px;color:var(--ol-accent-on);display:none}.ol-animbar__btn--prev:hover,.ol-animbar__btn--next:hover{background:var(--ol-accent-soft)}.ol-animbar__btn--prev .ol-icon,.ol-animbar__btn--prev .ol-icon>svg,.ol-animbar__btn--next .ol-icon,.ol-animbar__btn--next .ol-icon>svg{width:13px;height:13px}.ol-animbar.is-stages .ol-animbar__btn--play{display:none}.ol-animbar.is-stages .ol-animbar__btn--prev,.ol-animbar.is-stages .ol-animbar__btn--next{display:grid}.ol-animbar.is-stages{gap:8px;padding-left:8px}.ol-animbar__ticks{pointer-events:none;position:absolute;inset:0}.ol-animbar__tick{background:var(--ol-panel-border-strong);border-radius:1px;width:2px;height:8px;margin-left:-1px;position:absolute;top:4px}.ol-animbar.is-stages .ol-animbar__time{min-width:26px;color:var(--ol-accent-on);font-weight:600}