.kn-customize-launch{z-index:60;top:max(64px,calc(env(safe-area-inset-top) + 64px));right:max(12px,env(safe-area-inset-right));border:1px solid var(--color-line);background:var(--color-panel);width:44px;height:44px;color:var(--color-ink);border-radius:12px;place-items:center;display:grid;position:fixed}.kn-layout-editor{z-index:150;color:var(--color-ink);isolation:isolate;position:fixed;inset:0}.kn-layout-shield{touch-action:none;background:#11182735;position:absolute;inset:0}.kn-layout-target{touch-action:none;cursor:move;color:#fff;background:#3b82f610;border:1px dashed #55a4ed;border-radius:10px;min-width:24px;min-height:24px;position:fixed}.kn-layout-target.is-selected{z-index:2;background:#38bdf828;border:2px solid #38bdf8}.kn-layout-target.is-hidden{opacity:.5;border-style:dotted}.kn-layout-target span{white-space:nowrap;pointer-events:none;background:#0c4a6e;border-radius:5px;max-width:200px;padding:3px 6px;font-size:11px;position:absolute;top:-24px;left:0}.kn-layout-settings{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:5;overscroll-behavior:contain;border:1px solid var(--color-line);background:var(--color-panel);border-radius:16px;width:320px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:14px;font-size:13px;position:absolute;overflow:auto;box-shadow:0 15px 60px #0006}.kn-layout-settings header{justify-content:space-between;align-items:center;gap:12px;display:flex}.kn-layout-settings p{color:var(--color-muted);margin:8px 0 12px;font-size:12px}.kn-layout-settings button{border:1px solid var(--color-line);border-radius:9px;min-height:44px;padding:8px 12px}.kn-layout-settings header button{place-items:center;width:44px;padding:10px;display:grid}.kn-layout-settings header svg{width:18px;height:18px}.kn-layout-settings label{gap:6px;margin:12px 0;display:grid}.kn-layout-settings input:not([type=checkbox]):not([type=range]),.kn-layout-settings select{border:1px solid var(--color-line);background:var(--color-base);width:100%;min-height:44px;color:var(--color-ink);border-radius:9px;padding:8px}.kn-layout-settings .kn-layout-check{align-items:center;gap:10px;min-height:44px;display:flex}.kn-layout-settings .kn-layout-size{align-items:center;gap:8px;display:flex}.kn-layout-size input{flex:1;min-width:0;min-height:44px}.kn-layout-settings fieldset{border-top:1px solid var(--color-line);margin-top:12px;padding-top:12px}.kn-layout-settings legend{font-weight:600}.kn-layout-row,.kn-layout-settings footer{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.kn-layout-settings footer{justify-content:flex-end;padding-top:8px}.kn-layout-settings .kn-layout-apply{background:var(--color-brand);color:#fff}.kn-layout-settings button:disabled{opacity:.4}[data-layout-hidden]{visibility:hidden!important;pointer-events:none!important}.board-toolbar[data-layout-custom],.menu-dock[data-layout-custom],.page-toolbar[data-layout-custom]{overflow:visible!important}:is(.kn-main-tools:has(>button[data-layout-custom]),.kn-main-tools:has(>div>button[data-layout-custom])){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.kn-main-tools button[data-layout-custom],.kn-dock button[data-layout-custom],.kn-page-navigation button[data-layout-custom]{z-index:3;background:var(--color-panel);position:relative}@media (max-width:600px){.kn-layout-settings{width:260px;max-height:55dvh;font-size:12px}.kn-layout-settings p{margin:6px 0}.kn-layout-settings label{margin:8px 0}.kn-layout-target span{font-size:10px}.kn-layout-settings input:not([type=range]){font-size:16px}}.kn-main-tools button[data-layout-custom][aria-pressed=true],.kn-dock button[data-layout-custom][aria-expanded=true]{background:var(--color-brand);color:#fff}[data-layout-custom]{transition:none!important}.direct-instrument .geometry-surface{filter:none;overflow:visible}.direct-instrument .instrument-grip{pointer-events:all;touch-action:none;cursor:grab;outline:none}.direct-instrument .instrument-hit{fill:#0000;stroke:none}.direct-instrument .instrument-grip-disc{fill:var(--color-panel,#fff);stroke:var(--guide-ink,#153848);stroke-opacity:.6;stroke-width:1px}.direct-instrument .instrument-grip path{fill:none;stroke:var(--guide-ink,#153848);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.direct-instrument .instrument-grip:hover .instrument-grip-disc,.direct-instrument .instrument-grip:focus-visible .instrument-grip-disc,.direct-instrument .instrument-grip.is-active .instrument-grip-disc{fill:color-mix(in srgb, var(--color-brand,#5b62e8) 25%, var(--color-panel,#fff));stroke:var(--color-brand,#5b62e8);stroke-opacity:1;stroke-width:2px}.direct-instrument .instrument-grip.is-active{cursor:grabbing}.direct-instrument .instrument-close{cursor:pointer}.direct-instrument .instrument-measure{pointer-events:none;paint-order:stroke;stroke:var(--color-panel,#fff);stroke-width:2px;stroke-linejoin:round}.direct-instrument .instrument-arc-preview{fill:none;stroke:var(--color-brand,#5b62e8);stroke-width:3px;pointer-events:none}.live-comments{color:var(--color-ink);gap:12px;font-size:13px;display:grid}.live-comments-form{gap:10px;display:grid}.live-comments-form label{gap:5px;font-weight:600;display:grid}.live-comments-form input,.live-comments-form select{border:1px solid var(--color-line);background:var(--color-panel-2);width:100%;min-width:0;color:var(--color-ink);font:inherit;border-radius:9px;padding:9px 10px;font-weight:400}.live-comments-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-comments-actions button,.live-comments-actions a,.live-comments-source button{border:1px solid var(--color-line);background:var(--color-panel-2);min-height:38px;color:var(--color-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:7px 10px;font-size:12px;display:inline-flex}.live-comments-actions .live-comments-primary{background:var(--color-brand);color:#fff}.live-comments-actions button:disabled{opacity:.45;cursor:default}.live-comments-hint{color:var(--color-muted);font-size:12px;line-height:1.5}.live-comments-error{color:#b02a35;background:#b02a3510;border:1px solid #b02a3540;border-radius:8px;padding:9px;font-size:12px;line-height:1.5}.live-comments-connected{border-top:1px solid var(--color-line);gap:10px;padding-top:12px;display:grid}.live-comments-source{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-comments-source strong{overflow-wrap:anywhere;font-size:12px}.live-comments-frame{border:1px solid var(--color-line);background:#fff;border-radius:10px;width:100%;max-height:60dvh;display:block}.live-comments-height{color:var(--color-muted);align-items:center;gap:12px;font-size:12px;display:flex}.live-comments-height input{min-width:60px;accent-color:var(--color-brand);flex:1}@media (max-width:480px){.live-comments-actions{gap:6px}.live-comments-actions button,.live-comments-actions a{min-height:42px;padding:8px}.live-comments-frame{max-height:45dvh}}.periodic-tool{color:var(--color-ink);gap:12px;font-size:13px;display:grid}.periodic-search{gap:6px;font-weight:600;display:grid}.periodic-search input{border:1px solid var(--color-line);background:var(--color-panel-2);border-radius:10px;width:100%;padding:10px 12px;font-weight:400}.periodic-scroll{overscroll-behavior:contain;padding:3px 2px 8px;overflow-x:auto}.periodic-grid{grid-template-rows:20px repeat(7,62px) 8px repeat(2,62px);grid-template-columns:repeat(18,minmax(40px,1fr));gap:3px;min-width:800px;display:grid}.periodic-group{text-align:center;color:var(--color-muted);font-size:10px}.periodic-cell{background:var(--element-color);color:#172532;cursor:pointer;border:1px solid #17253220;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-width:0;transition:opacity .12s;display:flex}.periodic-cell small{align-self:flex-start;margin-left:4px;font-size:9px}.periodic-cell strong{font-size:21px;line-height:1.2}.periodic-cell span{text-overflow:ellipsis;max-width:100%;font-size:7px;overflow:hidden}.periodic-cell[aria-pressed=true]{outline:3px solid var(--color-brand);outline-offset:-2px}.periodic-dim{opacity:.3}.periodic-series{text-align:center;border:1px dashed var(--color-line);border-radius:5px;place-content:center;font-size:9px;display:grid}.periodic-series-label{color:var(--color-muted);justify-content:flex-end;align-items:center;padding-right:8px;font-size:11px;display:flex}.periodic-detail{border:1px solid var(--color-line);background:var(--color-panel-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px;display:flex}.periodic-symbol{background:var(--element-color);color:#172532;border-radius:10px;place-items:center;width:64px;height:64px;font-size:32px;font-weight:700;display:grid}.periodic-detail h3{font-size:18px;font-weight:700}.periodic-detail p{margin-top:3px;font-size:12px}.periodic-insert{background:var(--color-brand);color:#fff;cursor:pointer;border-radius:9px;margin-left:auto;padding:10px 12px}.periodic-insert:disabled{opacity:.5}.periodic-results>div{flex-wrap:wrap;gap:6px;max-height:112px;margin-top:6px;display:flex;overflow:auto}.periodic-results button{border:1px solid var(--color-line);background:var(--color-panel-2);border-radius:7px;padding:6px 9px}.periodic-legend summary{cursor:pointer;color:var(--color-muted)}.periodic-legend>div{flex-wrap:wrap;gap:8px 14px;margin:10px 0;display:flex}.periodic-legend span{align-items:center;gap:5px;font-size:11px;display:flex}.periodic-legend i{border-radius:3px;width:12px;height:12px}.periodic-legend p{color:var(--color-muted);font-size:11px;line-height:1.5}@media (max-width:600px){.periodic-detail{gap:10px}.periodic-detail>div:nth-child(2){flex:1}.periodic-insert{width:100%}.periodic-grid{min-width:820px}}.classroom-tools{color:var(--color-ink);gap:18px;font-size:13px;display:grid}.classroom-tools section+section{border-top:1px solid var(--color-line);padding-top:16px}.classroom-tools h3{margin-bottom:10px;font-size:16px;font-weight:650}.classroom-label{gap:6px;display:grid}.classroom-label textarea{resize:vertical;border:1px solid var(--color-line);background:var(--color-panel-2);width:100%;min-height:100px;max-height:260px;color:var(--color-ink);border-radius:9px;padding:10px;line-height:1.5}.classroom-hint{color:var(--color-muted);margin:8px 0;font-size:12px;line-height:1.5}.classroom-check{align-items:center;gap:8px;min-height:36px;margin:10px 0;display:flex}.classroom-check input{accent-color:var(--color-brand);width:18px;height:18px}.classroom-actions{flex-wrap:wrap;gap:8px;display:flex}.classroom-tools button{border:1px solid var(--color-line);background:var(--color-panel-2);cursor:pointer;border-radius:9px;min-height:44px;padding:9px 14px}.classroom-tools button.classroom-primary{background:var(--color-brand);color:#fff}.classroom-tools button:disabled{opacity:.45;cursor:default}.classroom-winner{overflow-wrap:anywhere;border:1px solid var(--color-line);text-align:center;border-radius:10px;min-height:65px;padding:14px;font-size:25px;font-weight:650;line-height:1.35}.classroom-winner small{color:var(--color-muted);margin-top:8px;font-size:12px;font-weight:400;display:block}.classroom-dice-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.classroom-dice-controls label{flex:1;gap:5px;display:grid}.classroom-dice-controls select{border:1px solid var(--color-line);background:var(--color-panel-2);min-height:44px;color:var(--color-ink);border-radius:9px;padding:8px}.classroom-dice{text-align:center;margin-top:14px}.classroom-dice>div{justify-content:center;gap:12px;display:flex}.classroom-die{aspect-ratio:1;width:min(84px,25%);height:auto}.classroom-dice p[role=status]{margin-top:8px;font-size:20px;font-weight:600}.classroom-error{color:#b02a35;font-size:12px}.screen-curtain{z-index:29;pointer-events:none;position:fixed;left:0;right:0}.screen-curtain-shade{pointer-events:auto;background:#20272d;position:absolute;inset:0}.screen-curtain-controls{color:#fff;pointer-events:auto;background:#10171c;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:6px 10px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 3px 12px #0004}.screen-curtain-controls button{white-space:nowrap;border:1px solid #ffffff60;border-radius:7px;min-width:44px;min-height:44px;padding:7px 12px;font-size:12px}.screen-curtain-controls label{flex:1;gap:2px;min-width:60px;max-width:320px;font-size:11px;display:grid}.screen-curtain-controls input{accent-color:#91bdd9;width:100%;height:26px}.screen-curtain-grip{cursor:ns-resize;touch-action:none;place-items:center;display:grid}.screen-curtain-controls button:focus-visible{outline-offset:2px;outline:3px solid #91bdd9}@media (max-width:480px){.screen-curtain-controls{gap:5px;padding:6px}.screen-curtain-controls button{padding:6px;font-size:11px}}@media (prefers-reduced-motion:reduce){.screen-curtain,.classroom-tools{transition:none;animation:none}}.kn-shape-palette{border:1px solid var(--color-line);background:var(--color-panel);width:min(360px,100vw - 24px);max-height:calc(100dvh - 140px);color:var(--color-ink);pointer-events:auto;border-radius:18px;padding:14px;position:absolute;bottom:3.8rem;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 14px 48px #0005}.kn-shape-palette header{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.kn-shape-palette header button{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.kn-shape-palette header button svg{width:18px;height:18px}.kn-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.kn-shape-grid button{border:1px solid var(--color-line);min-height:61px;color:var(--color-ink);background:var(--color-panel-2);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 2px;display:flex}.kn-shape-grid button svg{flex-shrink:0;width:25px;height:25px}.kn-shape-grid button span{text-align:center;font-size:10px;line-height:1.1}.kn-shape-grid button.is-active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.kn-shape-grid button:hover{outline:2px solid var(--color-brand);outline-offset:-2px}.kn-shape-properties{border-top:1px solid var(--color-line);grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;padding-top:12px;display:grid}.kn-shape-properties label{align-items:center;gap:7px;font-size:12px;display:flex}.kn-shape-properties input[type=color]{border:1px solid var(--color-line);background:0 0;border-radius:6px;width:30px;height:28px;padding:2px}.kn-shape-properties input:disabled{opacity:.35}.kn-shape-properties input[type=checkbox]{accent-color:var(--color-brand)}.kn-shape-properties .kn-shape-width{grid-column:1/-1}.kn-shape-width input{min-width:50px;accent-color:var(--color-brand);flex:1}.kn-shape-width output{font-variant-numeric:tabular-nums;min-width:30px}.kn-shape-properties select{border:1px solid var(--color-line);background:var(--color-panel-2);max-width:130px;color:var(--color-ink);border-radius:7px;padding:4px 8px}.kn-shape-palette footer{color:var(--color-muted);margin-top:12px;font-size:11px;line-height:1.4}.kn-board .kn-shape-grid button{width:100%;height:auto;min-height:64px}.kn-board .kn-shape-palette header button{width:32px;height:32px}@media (max-height:560px){.kn-shape-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.kn-shape-grid button{min-height:47px}.kn-shape-palette{padding:10px}}.kn-page-navigation{color:#203344;background:#f2f4f6;border:1px solid #aab4be;border-radius:14px;align-items:center;gap:3px;padding:5px;display:flex;box-shadow:0 5px 20px #0002}.kn-page-navigation button{border-radius:9px;justify-content:center;align-items:center;gap:4px;min-width:40px;min-height:44px;padding:5px 8px;font-size:11px;font-weight:650;display:flex}.kn-page-navigation svg{flex-shrink:0;width:21px;height:21px}.kn-page-navigation button:hover:not(:disabled){background:#dbe3e9}.kn-page-navigation button:disabled{opacity:.4}.kn-page-navigation .kn-page-counter{flex-direction:column;gap:0;min-width:65px}.kn-page-counter strong{font-variant-numeric:tabular-nums;font-size:14px}.kn-page-navigation .kn-page-add{color:#fff;background:#526677}.kn-slides-panel{z-index:45;color:#203344;background:#f8fafb;border:1px solid #b8c3cd;border-radius:16px;flex-direction:column;width:240px;max-width:calc(100vw - 24px);display:flex;position:fixed;top:84px;bottom:90px;left:12px;overflow:hidden;box-shadow:0 12px 36px #0003}.kn-slides-panel header{border-bottom:1px solid #dbe3e9;justify-content:space-between;align-items:center;padding:14px;display:flex}.kn-slides-panel header div{align-items:baseline;gap:8px;display:flex}.kn-slides-panel header span{color:#62778a;font-size:11px}.kn-slides-panel header button{border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.kn-slides-panel header svg{width:18px;height:18px}.kn-slides-hint{color:#62778a;margin:0;padding:10px 14px;font-size:11px;line-height:1.4}.kn-slides-list{overscroll-behavior:contain;flex:1;min-height:0;padding:0 8px 8px;overflow-y:auto}.kn-slide-row{touch-action:none;border:2px solid #0000;border-radius:10px;align-items:center;margin-bottom:8px;padding:3px;transition:border-color .15s,background .15s;display:flex}.kn-slide-row.is-active{background:#e4ecf2;border-color:#526677}.kn-slide-row.is-dragging{background:#d8eaff;border-color:#2685c7;box-shadow:0 5px 12px #0002}.kn-slide-handle{color:#728696;cursor:grab;touch-action:none;flex-shrink:0;width:28px;min-height:68px}.kn-slide-handle:active{cursor:grabbing}.kn-slide-handle svg{width:22px;height:24px}.kn-slide-content{flex:1;min-width:0}.kn-slide-preview{text-align:left;border-radius:6px;width:100%;display:block;overflow:hidden}.kn-slide-preview canvas{aspect-ratio:16/9;border:1px solid #aab8c5;border-radius:5px;width:100%;display:block}.kn-slide-preview span{color:#5e7181;align-items:center;gap:8px;padding:5px 3px;font-size:11px;display:flex}.kn-slide-preview strong{color:#203344;font-size:12px}.kn-slide-duplicate{color:#526677;border-radius:4px;padding:3px 6px;font-size:10px}.kn-slide-duplicate:hover{background:#dbe3e9}.kn-slides-panel footer{border-top:1px solid #dbe3e9;padding:10px}.kn-slides-panel footer button{color:#fff;background:#526677;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;font-size:13px;font-weight:600;display:flex}.kn-slides-panel footer svg{width:18px;height:18px}@media (max-width:600px){.kn-page-navigation button{min-width:36px;min-height:40px;padding:4px}.kn-page-navigation button>span{display:none}.kn-page-navigation .kn-page-counter>span{font-size:10px;display:block}.kn-page-navigation .kn-page-counter{min-width:54px}.kn-slides-panel{width:216px;top:72px;bottom:82px}}@media (prefers-reduced-motion:reduce){.kn-slide-row{transition:none}}.kn-page-navigation .kn-page-side{background:#f2f4f6;border:1px solid #aab4be;min-width:48px;min-height:60px;position:fixed;top:45dvh;box-shadow:0 3px 15px #0002}.kn-page-side-next{right:12px}.kn-page-navigation .kn-page-side svg{width:26px;height:26px}@media (max-width:600px){.kn-page-navigation .kn-page-side{min-width:38px;min-height:48px}}.selection-actions{z-index:31;border:1px solid var(--color-line);background:var(--color-panel);width:336px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 132px);color:var(--color-ink);border-radius:14px;flex-direction:column;font-size:13px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 28px #0003}.selection-heading{border-bottom:1px solid var(--color-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px 4px 14px;font-weight:600;display:flex}.selection-actions button,.selection-properties summary{touch-action:manipulation;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px;font-size:12px;display:inline-flex}.selection-actions button:hover:not(:disabled),.selection-properties summary:hover{background:var(--color-elevated)}.selection-actions button:disabled{opacity:.4}.selection-scroll{overscroll-behavior:contain;min-height:0;padding:8px;overflow-y:auto}.selection-primary,.selection-pdf-navigation{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.selection-primary button{border-color:var(--color-line);background:var(--color-panel-2)}.selection-edit-text{flex-basis:100%}.selection-actions .selection-delete{color:#bd354d}.selection-colors{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:center;gap:4px;margin-top:8px;padding-top:8px;display:flex}.selection-colors button{padding:8px}.selection-colors button span{border:1px solid var(--color-muted);border-radius:50%;width:26px;height:26px;display:block;box-shadow:inset 0 0 0 1px #ffffff38}.selection-colors button[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-elevated)}.selection-properties{border-top:1px solid var(--color-line);margin-top:8px;padding-top:8px;font-size:13px}.selection-properties summary{border-color:var(--color-line);cursor:pointer;justify-content:space-between;width:100%;padding:8px 12px;font-weight:600;list-style:none;display:flex}.selection-properties summary::-webkit-details-marker{display:none}.selection-properties summary:after{content:"+";font-size:18px;font-weight:400}.selection-properties[open] summary:after{content:"−"}.selection-properties>div{gap:12px;padding:12px 4px 4px;display:grid}.selection-properties label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.selection-properties input[type=range]{width:130px;max-width:50%;min-height:44px}.selection-properties input[type=color]{border:1px solid var(--color-line);border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:3px}.selection-properties select{width:160px;max-width:60%;min-height:44px}.selection-properties button{border-color:var(--color-line);background:var(--color-panel-2)}.document-align{justify-content:space-between;gap:6px;display:flex}.document-align button{flex:1}.selection-properties small{color:var(--color-muted);font-size:11px;line-height:1.5}.teaching-calculator{gap:10px;width:100%;min-width:0;display:grid}.math-mode-switch{border:1px solid var(--color-line);border-radius:10px;gap:4px;padding:3px;display:flex}.math-mode-switch button{border-radius:7px;flex:1;min-height:44px;font-size:13px}.math-mode-switch button[aria-pressed=true]{background:var(--color-brand);color:#fff}.calculator-expression{color:var(--color-muted);gap:6px;font-size:12px;display:grid}.calculator-expression input{border:1px solid var(--color-line);background:var(--color-base);width:100%;min-width:0;min-height:48px;color:var(--color-ink);border-radius:10px;padding:10px;font:20px ui-monospace,monospace}.calculator-answer{overflow-wrap:anywhere;text-align:right;font-size:13px}.calculator-keypad,.calculator-scientific-keys{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.calculator-keypad button,.calculator-scientific-keys button{border:1px solid var(--color-line);background:var(--color-panel-2);border-radius:9px;min-width:0;min-height:44px;font-size:16px}.calculator-scientific-keys button{font-size:12px}.calculator-keypad .calculator-equals{background:var(--color-brand);color:#fff}.calculator-sign{grid-column:span 2}.teaching-math-error{color:var(--color-ink);border-left:3px solid #ef4444;padding:8px;font-size:13px}.teaching-math-hint{color:var(--color-muted);font-size:11px;line-height:1.5}.calculator-history summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:13px}.calculator-history ol{padding:0;list-style:none}.calculator-history li button{text-align:left;overflow-wrap:anywhere;justify-content:space-between;gap:8px;width:100%;min-height:44px;font-size:12px;display:flex}.calculator-history small{color:var(--color-muted)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:#ffcaca;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-amber-400:#fcbb00;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-base:#0a0a0c;--color-base-2:#101014;--color-panel:#17171c;--color-panel-2:#1f1f26;--color-elevated:#26262e;--color-line:#2f2f38;--color-line-2:#3d3d47;--color-ink:#f4f4f5;--color-muted:#a1a1ab;--color-faint:#6b6b75;--color-brand:#e11d48;--color-brand-dark:#9f1239;--color-brand-darker:#6b0f28;--color-brand-light:#fb7185;--color-brand-glow:#f43f5e}@supports (color:lab(0% 0 0)){:root,:host{--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.right-3{right:calc(var(--spacing) * 3)}.right-6{right:calc(var(--spacing) * 6)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-24{bottom:calc(var(--spacing) * 24)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.isolate{isolation:isolate}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[100\]{z-index:100}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-auto{margin-inline:auto}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.my-3{margin-block:calc(var(--spacing) * 3)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.table{display:table}.h-1{height:var(--spacing)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-60{height:calc(var(--spacing) * 60)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-36{max-height:calc(var(--spacing) * 36)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-\[calc\(100dvh-168px\)\]{max-height:calc(100dvh - 168px)}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-24{min-height:calc(var(--spacing) * 24)}.w-1\/2{width:50%}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-\[236px\]{width:236px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[330px\]{width:330px}.w-\[520px\]{width:520px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-\[64px\]{min-width:64px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-x-2{border-inline-style:var(--tw-border-style);border-inline-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-brand{border-color:var(--color-brand)}.border-brand-dark\/60{border-color:#9f123999}@supports (color:color-mix(in lab, red, red)){.border-brand-dark\/60{border-color:color-mix(in oklab, var(--color-brand-dark) 60%, transparent)}}.border-emerald-500\/40{border-color:#00bb7f66}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/40{border-color:color-mix(in oklab, var(--color-emerald-500) 40%, transparent)}}.border-ink{border-color:var(--color-ink)}.border-line{border-color:var(--color-line)}.border-red-400\/40{border-color:#ff656866}@supports (color:color-mix(in lab, red, red)){.border-red-400\/40{border-color:color-mix(in oklab, var(--color-red-400) 40%, transparent)}}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.bg-base{background-color:var(--color-base)}.bg-base-2{background-color:var(--color-base-2)}.bg-black{background-color:var(--color-black)}.bg-black\/0{background-color:#0000}@supports (color:color-mix(in lab, red, red)){.bg-black\/0{background-color:color-mix(in oklab, var(--color-black) 0%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab, var(--color-black) 40%, transparent)}}.bg-brand{background-color:var(--color-brand)}.bg-brand-darker\/90{background-color:#6b0f28e6}@supports (color:color-mix(in lab, red, red)){.bg-brand-darker\/90{background-color:color-mix(in oklab, var(--color-brand-darker) 90%, transparent)}}.bg-brand\/10{background-color:#e11d481a}@supports (color:color-mix(in lab, red, red)){.bg-brand\/10{background-color:color-mix(in oklab, var(--color-brand) 10%, transparent)}}.bg-brand\/15{background-color:#e11d4826}@supports (color:color-mix(in lab, red, red)){.bg-brand\/15{background-color:color-mix(in oklab, var(--color-brand) 15%, transparent)}}.bg-elevated{background-color:var(--color-elevated)}.bg-emerald-600\/90{background-color:#009767e6}@supports (color:color-mix(in lab, red, red)){.bg-emerald-600\/90{background-color:color-mix(in oklab, var(--color-emerald-600) 90%, transparent)}}.bg-line{background-color:var(--color-line)}.bg-panel{background-color:var(--color-panel)}.bg-panel-2{background-color:var(--color-panel-2)}.bg-panel\/90{background-color:#17171ce6}@supports (color:color-mix(in lab, red, red)){.bg-panel\/90{background-color:color-mix(in oklab, var(--color-panel) 90%, transparent)}}.bg-panel\/95{background-color:#17171cf2}@supports (color:color-mix(in lab, red, red)){.bg-panel\/95{background-color:color-mix(in oklab, var(--color-panel) 95%, transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-black\/50{--tw-gradient-from:#00000080}@supports (color:color-mix(in lab, red, red)){.from-black\/50{--tw-gradient-from:color-mix(in oklab, var(--color-black) 50%, transparent)}}.from-black\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-darker{--tw-gradient-from:var(--color-brand-darker);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-panel{--tw-gradient-to:var(--color-panel);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-base{color:var(--color-base)}.text-brand-light{color:var(--color-brand-light)}.text-emerald-400{color:var(--color-emerald-400)}.text-faint{color:var(--color-faint)}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.text-red-200{color:var(--color-red-200)}.text-red-400{color:var(--color-red-400)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.accent-brand{accent-color:var(--color-brand)}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_50px_-8px_var\(--color-brand-glow\)\]{--tw-shadow:0 0 50px -8px var(--tw-shadow-color,var(--color-brand-glow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_60px_-8px_var\(--color-brand-glow\)\]{--tw-shadow:0 0 60px -8px var(--tw-shadow-color,var(--color-brand-glow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_40px_-12px_var\(--color-brand-glow\)\]{--tw-shadow:0 10px 40px -12px var(--tw-shadow-color,var(--color-brand-glow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.backdrop\:bg-black\/60::backdrop{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.backdrop\:bg-black\/60::backdrop{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:border-brand\/50:hover{border-color:#e11d4880}@supports (color:color-mix(in lab, red, red)){.hover\:border-brand\/50:hover{border-color:color-mix(in oklab, var(--color-brand) 50%, transparent)}}.hover\:border-line-2:hover{border-color:var(--color-line-2)}.hover\:bg-base-2:hover{background-color:var(--color-base-2)}.hover\:bg-brand-dark:hover{background-color:var(--color-brand-dark)}.hover\:bg-brand-darker:hover{background-color:var(--color-brand-darker)}.hover\:bg-elevated:hover{background-color:var(--color-elevated)}.hover\:bg-line:hover{background-color:var(--color-line)}.hover\:text-ink:hover{color:var(--color-ink)}.hover\:text-white:hover{color:var(--color-white)}}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-10{top:calc(var(--spacing) * 10)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[\.9fr_1\.1fr\]{grid-template-columns:.9fr 1.1fr}.lg\:self-start{align-self:flex-start}}}html,body{background:var(--color-base);height:100%;color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none;margin:0}*{-webkit-tap-highlight-color:transparent}body{position:fixed;inset:0;overflow:hidden}.kn-scroll{scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent}.kn-scroll::-webkit-scrollbar{width:10px;height:10px}.kn-scroll::-webkit-scrollbar-thumb{background:var(--color-line-2);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.kn-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-brand-dark);background-clip:padding-box}.kn-scroll::-webkit-scrollbar-track{background:0 0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.kn-range{appearance:none;background:var(--color-line-2);border-radius:999px;outline:none;height:6px}.kn-range::-webkit-slider-thumb{appearance:none;background:var(--color-brand);cursor:pointer;border:2px solid #fff2;border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 3px #e11d4833}.kn-range::-moz-range-thumb{background:var(--color-brand);cursor:pointer;border:2px solid #fff2;border-radius:999px;width:18px;height:18px}.kn-canvas-surface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}.kn-canvas-surface[data-tool=select]{cursor:default}.kn-canvas-surface[data-tool=pan]{cursor:grab}.kn-canvas-surface[data-tool=eraser]{cursor:cell}@keyframes kn-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.kn-pop{animation:.14s ease-out kn-pop}@keyframes kn-fade{0%{opacity:0}to{opacity:1}}.kn-fade{animation:.18s ease-out kn-fade}.kn-focus:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-line-2);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted);background-clip:padding-box}button,[role=button],summary{cursor:pointer}button:disabled{cursor:not-allowed}button:enabled:active{filter:brightness(.94)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}select{appearance:none;background-color:var(--color-base-2);min-height:40px;color:var(--color-ink);border:1px solid var(--color-line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2389949e' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;border-radius:8px;max-width:100%;padding:8px 32px 8px 10px}select option{background:var(--color-base-2);color:var(--color-ink)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),textarea{background-color:var(--color-base-2);color:var(--color-ink);border-color:var(--color-line);min-width:0}input[type=checkbox],input[type=radio]{appearance:none;border:1.5px solid var(--color-muted);background:var(--color-base-2);vertical-align:middle;cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px}input[type=radio]{border-radius:50%}input[type=checkbox]:checked{background-color:var(--color-brand);border-color:var(--color-brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='white' stroke-width='2.5'%3E%3Cpath d='m4 10 4 4 8-8'/%3E%3C/svg%3E")}input[type=radio]:checked{box-shadow:inset 0 0 0 4px var(--color-base-2);background:var(--color-brand);border-color:var(--color-brand)}input[type=range]{accent-color:var(--color-brand)}input[type=file]::file-selector-button{background:var(--color-panel-2);color:var(--color-ink);border:1px solid var(--color-line);cursor:pointer;border-radius:8px;margin-right:10px;padding:8px 12px}.kn-dialog>div{margin:0}.kn-dialog fieldset{min-width:0}@media (prefers-reduced-motion:reduce){.kn-pop,.kn-fade{animation:none}}html,body{scrollbar-width:none}body::-webkit-scrollbar{display:none}button,a,summary,[role=button],input,select{touch-action:manipulation}summary::-webkit-details-marker{display:none}@media (pointer:coarse){input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{font-size:16px}input[type=range]{min-height:32px}.kn-range{background-size:100% 6px}}@media (prefers-reduced-transparency:reduce){.backdrop-blur{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-panel)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@media (min-width:761px) and (max-width:1300px){.kn-board .board-toolbar{bottom:64px}.kn-board .treasure-panel{bottom:120px}}.selection-handle{background:var(--color-brand);z-index:29;border:2px solid #fff;border-radius:4px;width:16px;height:16px;position:fixed;box-shadow:0 1px 4px #0006}.resize-feedback{background:var(--color-panel);z-index:30;border-radius:10px;padding:10px 14px;font-size:13px;position:fixed;top:155px;left:50%;transform:translate(-50%)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Arial,Noto Sans,sans-serif}body{color:#f3f4f6;background:#131519;margin:0}.class-recorder{z-index:25;color:#fff;background:#192125d9;border-radius:7px;align-items:center;gap:12px;padding:7px 12px;font-size:13px;display:flex;position:absolute;top:76px;right:16px}.class-recorder label{align-items:center;gap:5px;display:flex}.class-recorder button{border:1px solid #677782;border-radius:5px;padding:6px 10px}.class-recorder .record-active{background:#ad2837}.class-recorder p{color:#a51d2e;background:#fff;border-radius:6px;width:260px;padding:12px;position:absolute;top:48px;right:0}button,input,select{font:inherit}button{touch-action:manipulation}.kn-dialog[open]{place-items:center;display:grid}.kn-dialog>div{color:var(--color-ink)}.kn-board{--color-panel:#eeeeec;--color-panel-2:#dfdfdc;--color-elevated:#d2d7d9;--color-line:#adb1b2;--color-line-2:#818b91;--color-ink:#172026;--color-muted:#4c5962;--color-faint:#60707b;--color-base-2:#f5f5f2;color:#172026}.kn-board .kn-main-tools,.kn-board .page-toolbar>div,.kn-board .kn-dock{background:linear-gradient(#fafaf7,#d1d4d2);border:1px solid #838b8c;border-radius:12px 12px 0 0;padding:3px;box-shadow:0 0 7px #0006}.kn-board .kn-dock{flex-direction:row}.kn-board .menu-dock{z-index:30;position:absolute;bottom:0;left:0}.kn-board .board-toolbar{z-index:30;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.kn-board .page-toolbar{z-index:30;position:absolute;bottom:0;right:0}.kn-board .kn-main-tools>button,.kn-board .kn-main-tools>div>button{border-radius:6px;width:44px;height:44px}.kn-board .treasure-panel{color:#f4f4f4;z-index:35;background:#171717;border:1px solid #353535;border-radius:0 0 8px;width:244px;position:absolute;inset:0 auto 52px 0}.kn-board .treasure-panel>div:nth-child(2) button{color:#f2f2f2;background:linear-gradient(#5c789b,#c4d9ed);border:3px solid #e3e4e5;border-radius:6px;min-height:70px;padding:7px 2px;font-size:11px;line-height:1.25;box-shadow:inset 0 0 0 2px #6b8fba}.kn-board .treasure-panel h2{color:#fff}.kn-board .treasure-panel .text-faint{color:#b8c1c9}.kn-board .treasure-panel>div:first-child{background:linear-gradient(#303030,#090909)}.kn-board .board-header{z-index:25;color:#fff;background:#192125b3;border:0;border-radius:7px;max-width:60%;position:absolute;top:12px;left:auto;right:16px}.kn-board .board-header input{color:#fff;max-width:200px}.kn-board .board-header .text-muted,.kn-board .board-header .text-faint{color:#e2e7eb}.board-meta{z-index:25;color:#fff;text-align:right;position:absolute;top:12px;right:16px}.board-meta summary{cursor:pointer;padding:4px;font-size:16px;list-style:none}.board-meta[open] .board-header{max-width:min(750px,95vw);margin-top:6px;position:relative;top:auto;right:auto}.board-meta[open] summary{font-size:13px}.kn-board .board-header input{width:160px}.class-recorder{top:49px}.board-meta[open]{z-index:26}@media (prefers-reduced-motion:reduce){.kn-pop,.kn-fade{animation:none!important}*{scroll-behavior:auto!important}}.kn-board .page-edge{background:var(--color-panel);border:1px solid var(--color-line);opacity:.85;position:fixed;top:45dvh;box-shadow:0 3px 15px #0002}.kn-board .page-edge[aria-label=Previous\ page]{left:12px}.kn-board .page-edge[aria-label=Next\ page]{right:12px}.kn-board .page-edge:disabled{opacity:.25}.kn-board .page-toolbar>div{-webkit-backdrop-filter:none!important}.kn-board .treasure-panel>div:nth-child(2) button{background:color-mix(in srgb,var(--color-brand) 65%,#1b2837);box-shadow:none;color:#fff;border:1px solid #ffffff45}.geometry-overlay{z-index:28;pointer-events:none;position:fixed;inset:0}.geometry-surface{pointer-events:none;filter:drop-shadow(0 0 1px #ffffffa0);position:absolute;inset:0;background:0 0!important}.geometry-controls{pointer-events:auto;background:var(--color-panel);border:1px solid var(--color-line);border-radius:10px;align-items:center;gap:3px;padding:4px;display:flex;position:absolute;box-shadow:0 2px 8px #0002}.geometry-controls button{border-radius:6px;min-height:38px;padding:5px 9px;font-size:13px}.geometry-controls button:hover{background:var(--color-elevated)}.geometry-options{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;width:260px;max-height:210px;padding:14px;position:absolute;top:52px;left:0;overflow:auto;box-shadow:0 5px 20px #0003}.geometry-options label{gap:4px;margin-bottom:10px;font-size:12px;display:grid}.geometry-options p{font-size:11px;line-height:1.5}.geometry-options input{width:100%;accent-color:var(--color-brand)}.kn-board .class-recorder{background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-line);white-space:nowrap;border-radius:16px;gap:8px;top:12px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 3px 16px #0002}.class-recorder button{align-items:center;gap:8px;min-height:38px;display:flex}.class-recorder .record-active{color:#fff;background:#9f2534}.record-dot{background:#d03948;border-radius:50%;width:10px;height:10px}.record-square{background:#fff;border-radius:2px;width:10px;height:10px}.record-time{font-variant-numeric:tabular-nums}.kn-board svg{flex-shrink:0}.geometry-lab svg,.science-lab svg{color:#172b3a;background:#f5f9fc;border-radius:10px;overflow:hidden}.geometry-lab label,.science-lab label{gap:6px;margin:12px 0;font-size:13px;display:grid}.geometry-lab input,.science-lab input{width:100%;accent-color:var(--color-brand)}.lab-action{background:var(--color-brand);color:#fff;border-radius:8px;min-height:40px;padding:10px 12px;font-size:13px}.geometry-lab p,.science-lab p{color:var(--color-muted);margin:10px 0;font-size:12px;line-height:1.5}.recovery-control{z-index:32;font-size:13px;position:absolute;top:12px;left:12px}.recovery-control>button{background:var(--color-panel);border:1px solid var(--color-line);border-radius:12px;padding:10px 14px;box-shadow:0 3px 15px #0002}.recovery-panel{background:var(--color-panel);width:min(390px,100vw - 24px);max-height:70dvh;color:var(--color-ink);border:1px solid var(--color-line);border-radius:14px;margin-top:8px;padding:18px;overflow:auto;box-shadow:0 12px 40px #0003}.recovery-panel h2{font-size:17px;font-weight:600}.recovery-panel p{margin:10px 0;font-size:12px;line-height:1.6}.recovery-panel button{border:1px solid var(--color-line);border-radius:8px;min-height:40px;padding:8px}.recovery-row{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;display:flex}@media (max-width:760px){.kn-board .class-recorder{gap:5px;max-width:calc(100vw - 24px);top:58px}.kn-board .page-edge{top:42dvh}.kn-board .treasure-panel{top:110px}.class-recorder button{padding:6px}.kn-board .board-toolbar .kn-pop{max-width:calc(100vw - 20px)}}@media (min-width:761px) and (max-width:1300px){.kn-board .board-toolbar{bottom:64px}.kn-board .treasure-panel{bottom:120px}}.local-assistant-launch{z-index:26;background:var(--color-panel);color:var(--color-ink);border:1px solid var(--color-line);border-radius:10px;padding:9px 13px;font-size:12px;position:absolute;top:64px;right:14px}.kn-board .board-toolbar{width:max-content;max-width:calc(100vw - 24px);bottom:max(8px,env(safe-area-inset-bottom))}.kn-board .kn-main-tools{background:var(--color-panel);border-radius:16px;gap:3px;padding:6px;box-shadow:0 4px 20px #0002}.kn-board .kn-dock,.kn-board .page-toolbar>nav{background:var(--color-panel);border-radius:14px;padding:4px;box-shadow:0 3px 16px #0002}.kn-board .kn-file-menu{border-radius:16px;width:min(280px,100vw - 24px);max-height:calc(100dvh - 96px);bottom:calc(100% + 12px);left:0}.kn-board .kn-dock>div{width:1px;height:28px;margin:0 3px}.kn-board .kn-tool-options{max-height:calc(100dvh - 200px);bottom:calc(100% + 10px)}.kn-board .board-header{flex-wrap:wrap;height:auto;min-height:56px;padding:8px}.kn-board .board-header>div{flex-wrap:wrap}.board-meta summary{justify-content:flex-end;align-items:center;min-height:44px;display:flex}.teaching-controls{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));z-index:34;position:absolute}.teaching-controls>button{background:var(--color-panel);min-height:44px;color:var(--color-ink);border:1px solid var(--color-line);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 3px 14px #0002}.teaching-options{border:1px solid var(--color-line);background:var(--color-panel);width:min(300px,100vw - 24px);max-height:calc(100dvh - 140px);color:var(--color-ink);border-radius:16px;padding:16px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 8px 32px #0003}.teaching-options p,.teaching-options small{color:var(--color-muted);margin:8px 0;font-size:12px;line-height:1.5}.teaching-options label{align-items:center;gap:10px;min-height:48px;font-size:13px;display:flex}.teaching-options>button{border:1px solid var(--color-line);border-radius:9px;width:100%;min-height:44px;margin-top:8px}.toolbar-layout{border:0;margin:12px 0;padding:0;font-size:12px}.toolbar-layout>div{gap:4px;margin-top:8px;display:flex}.toolbar-layout button{border:1px solid var(--color-line);border-radius:8px;flex:1;min-height:44px}.toolbar-layout button[aria-pressed=true]{background:var(--color-brand);color:#fff}.kn-board .recovery-control{top:68px}.kn-board .class-recorder{white-space:normal;flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);top:64px}.class-recorder button{min-height:44px}.class-recorder .record-download{align-items:center;min-height:44px;font-size:12px;text-decoration:underline;display:flex}.kn-slide-duplicate{min-height:44px;font-size:12px}.kn-slides-panel header button{width:44px;height:44px}@media (max-width:1500px){.kn-board .board-toolbar{bottom:calc(70px + env(safe-area-inset-bottom))}.kn-board .treasure-panel{bottom:132px}.kn-board .kn-tool-options{max-height:calc(100dvh - 240px)}}@media (max-width:1100px){.kn-dock>button[aria-label=Present],.kn-dock>button[aria-label="Back to library"],.kn-dock>div{display:none}}@media (max-width:600px){.kn-dock>button[aria-label=Treasure\ box],.kn-page-navigation>button[aria-label=Previous\ page],.kn-page-navigation>button[aria-label=Next\ page]{display:none}.kn-page-navigation button{min-width:44px;min-height:44px}.kn-board .kn-main-tools{gap:2px}.kn-board .kn-main-tools>.mx-1{display:none}.kn-board .board-toolbar{bottom:calc(70px + env(safe-area-inset-bottom))}.kn-board .kn-tool-options{width:min(330px,100vw - 24px);max-height:calc(100dvh - 240px);position:fixed;bottom:calc(100% + 10px)}.kn-shape-palette{max-height:calc(100dvh - 240px);position:fixed;bottom:calc(100% + 10px);left:50%}.kn-board .treasure-panel{border-radius:16px;max-height:calc(100dvh - 250px);top:70px;bottom:180px;left:12px}.teaching-controls>button>span:not(.record-dot){display:none}.teaching-controls>button{justify-content:center;width:44px;padding:6px}.kn-slides-panel{bottom:180px}.kn-board .class-recorder{left:12px;right:12px;transform:none}}@media (min-width:901px){.kn-board .board-toolbar[data-layout=left],.kn-board .board-toolbar[data-layout=right]{max-width:64px;top:84px;bottom:auto;left:12px;transform:none}.kn-board .board-toolbar[data-layout=right]{left:auto;right:12px}.kn-board .board-toolbar:not([data-layout=bottom]) .kn-main-tools{flex-flow:column;max-height:calc(100dvh - 176px);overflow-y:auto}.kn-board .board-toolbar:not([data-layout=bottom]) .kn-main-tools>.mx-1{flex-shrink:0;width:28px;height:1px}.kn-board .board-toolbar:not([data-layout=bottom]) .kn-tool-options,.kn-board .board-toolbar:not([data-layout=bottom]) .kn-shape-palette{max-height:calc(100dvh - 160px);position:fixed;top:0;bottom:auto;left:72px;transform:translate(0,0)}.kn-board .board-toolbar[data-layout=right] .kn-tool-options,.kn-board .board-toolbar[data-layout=right] .kn-shape-palette{left:auto;right:72px}.kn-board .board-toolbar:not([data-layout=bottom])>p[role=status]{display:none}}.kn-fullscreen-controls{right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:45;gap:6px;display:flex;position:absolute}.kn-fullscreen-controls>button{border:1px solid var(--color-line);background:var(--color-panel);min-width:44px;min-height:44px;color:var(--color-ink);border-radius:12px;place-items:center;display:grid}.kn-fullscreen-controls .kn-screen-hint{text-align:left;width:min(300px,100vw - 24px);padding:12px;font-size:12px;position:absolute;top:52px;right:0}.kn-focus-view .board-meta,.kn-focus-view .treasure-dock,.kn-focus-view .slides-panel{display:none!important}.kn-focus-view .kn-board{height:100dvh}.kn-board{overscroll-behavior:none}@media (orientation:landscape) and (max-height:600px){.board-toolbar{bottom:8px!important}.board-meta{display:none}.kn-tool-options{max-height:calc(100dvh - 110px)!important}.teaching-options{max-height:calc(100dvh - 76px);overflow:auto}}.kn-board .board-toolbar{bottom:env(safe-area-inset-bottom,0px)}.kn-board .menu-dock{left:env(safe-area-inset-left,0px);bottom:env(safe-area-inset-bottom,0px)}.kn-board .page-toolbar{right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px)}.kn-board .kn-main-tools,.kn-board .kn-dock,.kn-board .page-toolbar>nav{box-shadow:none;border-radius:10px 10px 0 0}.teaching-controls{left:env(safe-area-inset-left,0px);top:env(safe-area-inset-top,0px)}.teaching-controls>button{box-shadow:none;border-radius:0 0 10px}.kn-fullscreen-controls{right:env(safe-area-inset-right,0px);top:env(safe-area-inset-top,0px)}.kn-fullscreen-controls>button{border-radius:0 0 0 10px}.kn-customize-launch{right:env(safe-area-inset-right,0px);border-radius:10px 0 0 10px}.kn-page-navigation .kn-page-side-prev{border-radius:0 10px 10px 0;left:env(safe-area-inset-left,0px)!important}.kn-page-navigation .kn-page-side-next{right:env(safe-area-inset-right,0px);border-radius:10px 0 0 10px}[data-window-mode=docked]{border-radius:0 12px 12px 0}@media (min-width:1501px){.kn-board .board-toolbar[data-layout=left],.kn-board .board-toolbar[data-layout=right]{top:50%;bottom:auto;left:env(safe-area-inset-left,0px);transform:translateY(-50%)}.kn-board .board-toolbar[data-layout=right]{left:auto;right:env(safe-area-inset-right,0px)}.kn-board .board-toolbar:not([data-layout=bottom]) .kn-main-tools{border-radius:0 10px 10px 0}}@media (max-width:1500px){.kn-board .board-toolbar,.kn-board .board-toolbar[data-layout=left],.kn-board .board-toolbar[data-layout=right]{top:50%;left:env(safe-area-inset-left,0px);max-width:60px;right:auto;transform:translateY(-50%);bottom:auto!important}.kn-board .board-toolbar[data-layout=right]{left:auto;right:env(safe-area-inset-right,0px)}.kn-board .board-toolbar .kn-main-tools{border-radius:0 10px 10px 0;flex-flow:column;max-height:calc(100dvh - 160px);overflow-y:auto}.kn-board .board-toolbar .kn-main-tools>.mx-1{flex-shrink:0;width:28px;height:1px}.kn-board .board-toolbar .kn-tool-options,.kn-board .board-toolbar .kn-shape-palette{max-height:calc(100dvh - 160px);position:fixed;inset:0 auto auto 64px;transform:none}.kn-board .board-toolbar[data-layout=right] .kn-tool-options,.kn-board .board-toolbar[data-layout=right] .kn-shape-palette{left:auto;right:64px}.kn-board .board-toolbar[data-layout=right] .kn-main-tools{border-radius:10px 0 0 10px}}.kn-anchored-popover>.kn-tool-options,.kn-anchored-popover>.kn-shape-palette{overflow-y:auto;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:0!important;position:relative!important;inset:auto!important;transform:translate(0,0)!important}.kn-board .board-meta{top:env(safe-area-inset-top,0px);right:calc(52px + env(safe-area-inset-right,0px))}.kn-board .teaching-controls{z-index:80}.kn-board .local-assistant-launch{z-index:80;top:64px;right:52px}.kn-board .board-toolbar .kn-main-tools{justify-content:flex-start}.kn-anchored-popover>.kn-tool-options,.kn-anchored-popover>.kn-shape-palette{max-height:calc(100dvh - 96px)!important}@media (max-width:1500px){.kn-board .kn-slides-panel{left:auto;right:env(safe-area-inset-right,0px);top:64px;bottom:128px}.kn-board .board-toolbar .kn-main-tools{max-height:calc(100dvh - 240px)}.kn-page-navigation .kn-page-side{top:auto;bottom:calc(64px + env(safe-area-inset-bottom,0px));min-height:48px}}