:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#282b3a;background:#fff;font-synthesis:none;--accent:#515fe5;--accent-light:#eef0ff;--line:#eceef3;--muted:#858a9c;--sidebar:258px;--green:#328267;--orange:#bd7942;--pink:#ae6091}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #8995fb;outline-offset:4px}button{border:0;background:none}button svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button[hidden],[hidden]{display:none!important}.app-shell{display:flex;min-height:100dvh}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);border-right:1px solid var(--line);padding:32px 22px 20px;display:flex;flex-direction:column;background:#fff;height:100dvh;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:23px;letter-spacing:-1px;margin:0 4px 46px}.brand-light{font-weight:400}.brand-mark{display:grid;place-items:center;letter-spacing:-2px;font-size:22px;color:var(--accent);width:30px;height:34px}.collection-title{display:flex;justify-content:space-between;align-items:center;margin:0 4px}.collection-title h1{font-size:15px;font-weight:600;margin:0}.count{font-size:12px;color:var(--accent);background:var(--accent-light);border-radius:6px;padding:4px 7px;min-width:24px;text-align:center}.sidebar-intro{font-size:13px;color:var(--muted);margin:10px 4px 25px}.catalog{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#e2e4ef transparent;min-height:0}.category{margin:0 0 20px}.category-head{width:100%;display:flex;align-items:center;gap:8px;padding:6px 4px;color:#687087;text-align:left;font-size:13px;font-weight:600;letter-spacing:.01em}.category-head svg{width:15px;height:15px}.category-head .category-count{margin-left:auto;color:#9a9eae;font-size:12px;font-weight:400}.category-head .chevron{width:12px;height:12px;transition:transform .2s}.category.closed .chevron{transform:rotate(-90deg)}.category.closed .category-items{display:none}.category-items{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.catalog-item{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;min-height:48px;padding:10px 8px;font-size:14px;font-weight:500;text-align:left;transition:background .15s,border .15s;touch-action:none}.catalog-item:hover{background:#f8f9fe;border-color:#c9cff9}.catalog-item .mini-symbol{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;color:var(--accent);font-size:18px}.mini-symbol svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none}.catalog-item .item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-locked{display:flex;align-items:center;gap:8px;font-size:13px;color:#a6aabb;padding:10px 4px}.category-locked svg{width:14px;height:14px}.category-locked .lock-right{margin-left:auto}.undiscovered{grid-column:1/-1;border:1px dashed #e4e6ef;border-radius:8px;padding:10px;color:#a0a5b6;font-size:12px;display:flex;gap:8px;align-items:center}.sidebar-bottom{padding:20px 4px 0;border-top:1px solid var(--line);margin-top:12px}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:#74798c;margin-bottom:9px}.progress-track{height:4px;border-radius:10px;background:#eff0f7;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--accent);transition:width .4s}.sidebar-bottom p{font-size:12px;color:#9b9fb0;margin:12px 0 0}.main{flex:1;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px;background:white}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:18px}.workspace-title{font-size:15px;font-weight:600}.divider{width:1px;height:16px;background:#e1e4ef}.workspace-subtitle{font-size:13px;color:var(--muted)}.save-state{font-size:12px;color:#9297a7}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;width:36px;height:36px;color:#82889b;flex-shrink:0}.icon-button:hover{background:#f1f3fa;color:#454c69}.text-button{display:flex;align-items:center;gap:8px;font-size:13px;color:#737b90;padding:9px 11px}.text-button:hover{background:#f7f8fc;border-radius:8px}.mobile-toggle{display:none}.board{height:calc(100dvh - 82px);min-height:600px;position:relative;overflow:hidden;background-color:#fcfcfe;background-image:radial-gradient(#dfe3ef .85px,transparent .85px);background-size:24px 24px;isolation:isolate}.board-heading{position:absolute;top:65px;left:60px;pointer-events:none;z-index:0}.eyebrow{font-size:11px;letter-spacing:1.7px;color:#9298ac;display:flex;align-items:center;gap:8px;font-weight:600}.eyebrow>span{width:5px;height:5px;background:var(--accent);border-radius:50%}.board-heading h2{font-size:clamp(28px,3.1vw,43px);font-weight:450;line-height:1.3;letter-spacing:-1.8px;margin:17px 0 15px}.board-heading h2 em{font-style:normal;color:var(--accent);font-weight:600}.board-heading p{font-size:14px;color:#8a90a2;line-height:1.8;margin:0}.nodes{position:absolute;inset:0;z-index:2;pointer-events:none}.node{width:128px;height:130px;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;border:1px solid #e2e6f1;border-radius:18px;box-shadow:0 8px 22px -12px #5a669836;pointer-events:auto;touch-action:none;user-select:none;transition:border-color .16s,box-shadow .16s,background .16s;cursor:grab}.node:active{cursor:grabbing}.node:hover{border-color:#adb5f4;box-shadow:0 10px 28px -12px #606db55c}.node.selected{border:2px solid var(--accent);background:#fbfbff}.node.dragging{z-index:9;box-shadow:0 15px 35px -10px #54618b66;transform:scale(1.035);transition:none}.node.drop-target{border:2px solid var(--accent);background:#f0f2ff;box-shadow:0 0 0 8px #515fe513}.node.invalid-target{border-color:#cf8c80;background:#fff7f3}.node.number{color:var(--accent)}.node.geometry{color:var(--green)}.node.measure{color:var(--orange)}.node.advanced{color:var(--pink)}.node-symbol{height:61px;display:flex;align-items:center;justify-content:center;min-width:65px;font-size:40px;font-weight:500;letter-spacing:-1px;max-width:110px;line-height:1}.node-symbol.is-long{font-size:27px}.node-symbol svg{width:69px;height:60px;stroke:currentColor;fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.node-name{font-size:13px;font-weight:500;margin-top:7px;color:#737b92;max-width:118px;text-align:center}.node-subtitle{font-size:10px;color:#a5aaba;margin-top:4px}.node-point{width:16px;height:16px;border-radius:50%;background:currentColor;box-shadow:0 0 0 8px #515fe508}.node-number-with-dot{display:flex;gap:7px;align-items:baseline}.node-number-with-dot small{font-size:18px;opacity:.45}.node .selection-order{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:var(--accent);border:3px solid white;border-radius:50%;font-size:10px;color:white;display:grid;place-items:center}.node.newborn{animation:born .5s cubic-bezier(.2,.9,.2,1)}@keyframes born{0%{opacity:.2;transform:scale(.65)}65%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}.board-top-actions{position:absolute;right:27px;top:25px;display:flex;gap:7px;z-index:3}.board-top-actions button{background:#ffffffc9;border:1px solid #e9ecf3}.starter-tip{position:absolute;left:calc(50% - 16px);top:57%;font-size:12px;color:#979db1;z-index:0;display:flex;flex-direction:column;align-items:center;gap:15px;transform:translateX(-50%)}.tip-line{width:56px;height:25px;border-top:1px dashed #b2b9d2;border-radius:50%;transform:rotate(-20deg)}.starter-tip strong{font-weight:500;color:#7480b9}.bottom-area{position:absolute;bottom:20px;left:30px;right:30px;z-index:5;display:flex;align-items:center;flex-direction:column;pointer-events:none}.bottom-area>*{pointer-events:auto}.lesson{display:flex;gap:13px;align-items:center;max-width:540px;min-width:330px;background:#ffffffeb;border:1px solid #e7eaf5;box-shadow:0 4px 20px #606aaa04;padding:15px 21px;border-radius:12px;margin-bottom:22px;backdrop-filter:blur(10px)}.lesson-icon{color:var(--accent);width:34px;height:34px;display:grid;place-items:center;background:#f1f2ff;border-radius:10px;font-size:23px;flex-shrink:0}.lesson strong{font-size:13px;font-weight:500;display:block}.lesson p{font-size:12px;color:#969bad;margin:5px 0 0;line-height:1.5}.lesson.discovered{border-color:#d9defd}.toolbar-row{display:flex;gap:14px;align-items:center}.operations{display:flex;align-items:center;border:1px solid #e2e5ef;background:white;border-radius:12px;padding:5px;gap:3px;box-shadow:0 4px 16px #5667a107}.operation{height:38px;padding:0 13px;min-width:42px;display:flex;align-items:center;gap:7px;white-space:nowrap;border-radius:8px;color:#7e8498;font-size:13px}.operation.active{background:var(--accent-light);color:var(--accent)}.operation .op-symbol{font-size:22px;font-weight:400;line-height:1}.operation:hover:not(.active){background:#f7f8fd}.hint-button{display:flex;align-items:center;gap:8px;padding:11px 14px;border:1px solid #e2e5ef;border-radius:11px;color:#7c8398;font-size:13px;background:white;height:50px}.hint-button svg{width:16px;height:16px}.hint-button:hover{color:var(--accent);border-color:#c2caf8}.board-instruction{font-size:11px;color:#a0a6b8;margin:14px 0 0;text-align:center;line-height:1.6}.board-instruction>span{margin:0 11px}.selection-panel{position:absolute;top:23px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:8px;background:white;padding:6px 7px 6px 15px;border:1px solid #dce1f7;border-radius:11px;box-shadow:0 5px 20px #515fe514;white-space:nowrap;font-size:13px}.selection-panel span{color:#7c8398}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:9px;padding:12px 19px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button:hover{background:#4350d2}.selection-panel .primary-button{padding:8px 12px;font-size:13px}.selection-panel .icon-button{height:32px;width:32px}.toast{position:absolute;top:24px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #dfe4f2;color:#5c6682;border-radius:12px;padding:13px 18px;box-shadow:0 10px 40px #4656831a;z-index:30;font-size:13px;max-width:min(440px,90%);text-align:center;line-height:1.5}.toast.error{border-color:#f0d6cb;color:#a56449;background:#fffaf7}.empty-board{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);color:#5b657f;text-align:center;font-size:20px;font-weight:450;line-height:2}.empty-board span{font-size:14px;color:#9a9fb0}.dialog{padding:30px;border:1px solid #e1e5f0;border-radius:22px;box-shadow:0 30px 120px #1f294a30;max-width:490px;width:calc(100% - 32px);color:#30364a;background:#fff;max-height:90dvh;overflow:auto}.dialog::backdrop{background:#252c4933;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#939bb1}.dialog h2{font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.3;margin:0 0 16px}.dialog>p{font-size:14px;color:#8a92a8;line-height:1.7;margin:0 0 25px}.help-steps{display:flex;flex-direction:column;gap:22px;margin:25px 0}.help-steps>div{display:flex;gap:17px}.help-steps>div>span{font-size:12px;letter-spacing:1px;padding-top:4px;color:var(--accent)}.help-steps strong{font-size:15px;font-weight:500}.help-steps p,.help-note p{font-size:13px;line-height:1.7;margin:6px 0 0;color:#8b93a8}.help-note{padding:16px;background:#f7f8ff;border-radius:10px;margin:25px 0}.help-note strong{font-size:13px;font-weight:500}.dialog>.primary-button{width:100%}.journal-empty{padding:35px 10px;text-align:center;color:#9199ae;font-size:14px;line-height:1.7}.journal-entry{border-top:1px solid #edf0f6;padding:17px 0}.journal-entry .formula{color:var(--accent);font-size:18px;margin-bottom:7px}.journal-entry strong{font-size:14px;font-weight:500}.journal-entry p{font-size:13px;color:#8b93a8;line-height:1.7;margin:6px 0}.discovery-tag{font-size:10px;border-radius:5px;background:#edf7f2;padding:3px 6px;color:var(--green);margin-left:7px;vertical-align:middle}.detail-symbol{margin:8px auto 25px;color:var(--accent);font-size:65px;text-align:center}.detail-symbol svg{width:110px;height:110px;fill:none;stroke:var(--green);stroke-width:1.8}.detail-content p{font-size:15px;line-height:1.7;color:#7f879d}.detail-content .formula{border-radius:12px;padding:18px;background:#f4f5ff;color:var(--accent);font-size:23px;text-align:center;margin:22px 0}.compact-dialog h2{font-size:24px}.sidebar-shade{position:fixed;inset:0;background:#1e284640;z-index:19}.floating-element{z-index:99;position:fixed;pointer-events:none;opacity:.9}.formula-inline{color:var(--accent)}.measure-label{font-size:13px;color:var(--orange);margin-top:4px}.chain-badge{position:absolute;top:9px;right:9px;font-size:10px;color:#819c91}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.board-heading{top:85px;left:85px}.topbar{padding:0 50px}}@media(max-width:1100px){:root{--sidebar:230px}.sidebar{padding:27px 18px 20px}.topbar{padding:0 24px}.save-state{display:none}.board-heading{top:55px;left:40px}.workspace-subtitle{display:none}.topbar-left .divider{display:none}.operation{padding:0 10px}.op-label{display:none}.operation.active .op-label{display:inline}.board-instruction{font-size:10px}.lesson{margin-bottom:18px}.bottom-area{left:18px;right:18px}.node{width:116px;height:120px;border-radius:16px}.node-symbol{font-size:35px;height:52px}.node-symbol svg{width:62px;height:53px}.starter-tip{top:59%}}@media(max-width:700px){:root{--sidebar:250px}.app-shell{min-height:100dvh}.sidebar{position:fixed;left:0;top:0;transform:translateX(-101%);transition:transform .22s;height:100dvh}.sidebar.open{transform:translateX(0)}.topbar{height:65px;padding:0 15px}.topbar-left{gap:12px}.topbar-actions{gap:5px}.mobile-toggle{display:flex}.workspace-title{font-size:14px}.board{height:calc(100dvh - 65px);min-height:630px}.board-heading{top:46px;left:26px}.board-heading h2{font-size:30px;letter-spacing:-1.1px;margin:16px 0 12px}.board-heading p{font-size:13px}.board-top-actions{top:17px;right:16px;gap:4px}.board-top-actions .icon-button{width:32px;height:32px}.node{width:103px;height:108px;border-radius:14px}.node-symbol{height:45px;font-size:31px}.node-symbol svg{width:56px;height:44px}.node-name{font-size:12px;max-width:95px}.node-subtitle{font-size:9px}.starter-tip{top:55%;font-size:11px}.bottom-area{left:13px;right:13px;bottom:16px}.lesson{max-width:100%;min-width:0;width:100%;padding:13px 15px;margin-bottom:15px;gap:10px}.lesson strong{font-size:13px}.lesson p{font-size:12px}.lesson-icon{width:30px;height:30px;font-size:21px}.toolbar-row{gap:7px;width:100%;justify-content:center}.operations{gap:1px;padding:4px;border-radius:10px;overflow-x:auto;max-width:calc(100% - 44px);scrollbar-width:none}.operation{padding:0 8px;min-width:32px;height:35px}.operation .op-symbol{font-size:20px}.operation.active .op-label{display:none}.hint-button{width:40px;height:45px;padding:0;justify-content:center;flex-shrink:0}.hint-button span{display:none}.board-instruction{font-size:10px;max-width:300px;margin:10px 0 0}.board-instruction span{margin:0 4px}.selection-panel{top:65px;max-width:calc(100% - 24px);padding-left:10px;gap:4px}.selection-panel>span{font-size:12px}.selection-panel .primary-button{padding:8px 10px;font-size:12px}.dialog{padding:24px}.dialog h2{font-size:25px}.toast{top:15px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-height:950px){.board-heading{top:85px}.bottom-area{bottom:35px}.lesson{margin-bottom:28px}}@media(min-width:701px) and (max-height:740px){.board{min-height:570px}.board-heading{top:35px}.board-heading h2{font-size:32px}.lesson{margin-bottom:12px;padding:12px 18px}.bottom-area{bottom:14px}}
.sidebar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-mark svg{width:32px;height:24px;stroke-width:1.5;overflow:visible}.brand-mark svg circle{fill:currentColor;stroke:none}.brand-mark{flex:0 0 30px}.mini-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.number-hash{font-size:15px;color:#afb6df}.sidebar-intro,.category-head,.category-locked,.workspace-subtitle,.text-button,.operation,.hint-button,.node-name,.lesson strong,.selection-panel,.selection-panel .primary-button{font-size:14px}.undiscovered,.sidebar-bottom p,.progress-meta,.count,.category-count,.save-state,.board-instruction,.node-subtitle,.starter-tip,.dialog-eyebrow,.discovery-tag,.eyebrow,.node .selection-order,.chain-badge{font-size:12px}.lesson p{font-size:13px}.category-head .category-count{font-size:12px}.category-locked{margin:6px 0}.node-subtitle{letter-spacing:.015em}.node-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 12px)}.node-symbol.is-long{display:block;width:100%;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:24px;line-height:2.3}.mini-symbol svg{width:22px;height:22px}.dialog>p,.help-steps p,.help-note p,.journal-entry p{font-size:14px}.dialog .dialog-eyebrow{letter-spacing:1px}.lesson{max-width:580px}.lesson strong{line-height:1.5}.lesson p{line-height:1.6}.fusion-ghost{position:fixed;z-index:40;pointer-events:none}.node.newborn{animation-delay:100ms;animation-fill-mode:backwards}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 5px}.detail-actions button{padding:12px 10px;border:1px solid #dde2f4;border-radius:9px;background:#f9faff;color:#515fe5;font-size:14px;min-height:45px}.detail-actions button:hover{background:#edf0ff;border-color:#bcc6fa}.detail-feedback{padding:12px;border:1px solid #efd6c9;border-radius:9px;color:#ae6c45!important;background:#fff9f3;font-size:14px!important;line-height:1.6}.detail-symbol.is-long{font-size:29px;overflow-wrap:anywhere}.detail-content h2,.detail-content .formula,.journal-entry .formula{overflow-wrap:anywhere}.detail-symbol .node-point{display:block;margin:auto;color:var(--accent)}.approx-note{font-size:13px!important;margin-top:-12px}.explore-button{padding:7px 9px;color:var(--accent)}.explore-button svg{width:16px;height:16px}.journal-tabs{display:flex;gap:8px;margin:15px 0 20px}.journal-tabs button{flex:1;text-align:center;padding:12px 10px;border-bottom:2px solid #edf0f8;color:#8b93aa;font-size:14px}.journal-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.journal-tabs button:hover{background:#f8f9ff}.journal-entry .formula{font-size:17px;line-height:1.6}.toast{font-size:14px}.node-subtitle{max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-instruction{font-size:12px}.catalog-item{min-height:50px}.help-steps>div>span{font-size:12px}.mobile-close{display:none}@media(max-width:1100px){.board-instruction{font-size:12px}.workspace-subtitle{display:none}.node-symbol.is-long{font-size:21px;line-height:2.5}.node-subtitle{font-size:12px}.op-label{display:none}}@media(max-width:700px){.node-name{font-size:13px}.node-subtitle{font-size:12px}.sidebar-intro,.category-head,.category-locked{font-size:14px}.starter-tip{font-size:12px;top:57%}.board-heading p{font-size:14px}.lesson p{font-size:13px}.lesson strong{font-size:14px}.operation.active .op-label{display:none}.board-instruction{font-size:12px;max-width:335px}.selection-panel>span,.selection-panel .primary-button{font-size:13px}.selection-panel .explore-button{padding:7px 5px}.explore-button span{display:none}.node-symbol.is-long{max-width:91px;font-size:19px;line-height:2.4}.toolbar-row{gap:8px}.operation{min-width:35px}.board{min-height:690px}.bottom-area{bottom:18px}.mobile-close{display:flex}.category-locked{margin:6px 0}}
.quantity-dots{display:grid;grid-template-columns:repeat(3,10px);gap:9px;align-items:center;justify-items:center}.quantity-dots i{display:block;width:10px;height:10px;border-radius:50%;background:currentColor}.quantity-dots.dots-2{grid-template-columns:repeat(2,12px);gap:14px}.quantity-dots.dots-2 i{width:12px;height:12px}.quantity-dots.dots-3{grid-template-columns:repeat(3,11px);gap:11px}.quantity-dots.dots-4{grid-template-columns:repeat(2,11px);gap:13px}.detail-symbol .quantity-dots{width:max-content;margin:auto;grid-template-columns:repeat(3,15px);gap:13px}.detail-symbol .quantity-dots i{width:15px;height:15px}.detail-symbol .dots-2,.detail-symbol .dots-4{grid-template-columns:repeat(2,15px)}
#sidebar-close{position:absolute;right:13px;top:25px;width:30px;height:30px}.sidebar{position:relative}@media(max-width:700px){.sidebar{position:fixed}.sidebar .brand{margin-right:24px;font-size:22px}.board-instruction{max-width:340px}}
.category-items{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-item,.catalog-item .item-name{min-width:0}.catalog-item .mini-symbol{overflow:hidden}.detail-symbol svg{display:block;margin:auto}
.dialog>p,.help-steps p,.help-note p,.journal-entry p,.detail-content p{font-size:16px}.lesson p{font-size:14px}@media(max-width:700px) and (max-height:740px){.board{min-height:570px}.board-heading{top:38px}.board-heading h2{font-size:26px}.bottom-area{bottom:12px}.lesson{padding:11px 13px;margin-bottom:11px}.board-instruction{margin-top:8px}.starter-tip{top:55%}}
.catalog-item{gap:5px;padding:10px 7px}.catalog-item .mini-symbol{width:18px;flex-basis:18px}.mini-symbol svg{width:18px;height:18px}.operation .op-label{display:none}.operation.active .op-label,.operation[data-mode=link] .op-label{display:inline}.hint-button{white-space:nowrap;flex-shrink:0}@media(max-width:700px){.operation.active .op-label,.operation[data-mode=link] .op-label{display:none}}

/* The grimoire reveals learned concepts and keeps the board free of headings. */
.sidebar{width:var(--sidebar);flex-basis:var(--sidebar);flex-shrink:0}
.sidebar-resizer{position:absolute;top:0;right:-6px;width:12px;height:100%;z-index:25;cursor:col-resize;touch-action:none;outline-offset:-4px}
.sidebar-resizer::before{content:"";position:absolute;top:calc(50% - 18px);left:5px;width:3px;height:36px;border-radius:3px;background:#d8deeb}
.sidebar-resizer::after{content:"";position:absolute;top:0;bottom:0;left:5px;width:2px;background:transparent;transition:background .15s}
.sidebar-resizer:hover::after,.sidebar-resizer:focus-visible::after,.resizing-sidebar .sidebar-resizer::after{background:var(--accent)}
.resizing-sidebar,.resizing-sidebar *{cursor:col-resize!important;user-select:none!important}
.grimoire-knowledge{grid-column:1/-1;border-top:1px solid #edf0f6;margin-top:8px;padding-top:9px;min-width:0}
.grimoire-knowledge summary{cursor:pointer;color:#8a91a7;font-size:12px;padding:7px 4px;line-height:1.4}
.grimoire-knowledge summary span{float:right;color:#abb1c2}
.knowledge-entry{display:flex;align-items:center;gap:8px;width:100%;padding:9px 6px;text-align:left;border-radius:6px;color:#68728e;font-size:13px;line-height:1.5}
.knowledge-entry svg{flex:0 0 15px;width:15px;height:15px;color:#a3acc2}
.knowledge-entry:hover{color:var(--accent);background:#f4f6ff}
.knowledge-entry span{overflow-wrap:anywhere}
@media(max-width:700px){.sidebar{width:var(--sidebar);max-width:calc(100vw - 44px)}}