.formula-atlas{--atlas-ink:#deebff;--atlas-muted:#899dc1;color:var(--atlas-ink);border:1px solid #dce8ff;border-radius:20px;overflow:hidden;background:#091325;box-shadow:0 18px 55px #133b6b15}.atlas-header{padding:30px 34px 25px;display:flex;justify-content:space-between;align-items:center;background:radial-gradient(ellipse at 75% 0,#1a3156,transparent 60%)}.atlas-kicker{font-size:10px;letter-spacing:2px;color:#94abd1;display:flex;gap:8px;align-items:center}.atlas-kicker>span,.atlas-live-dot{width:6px;height:6px;border-radius:50%;background:#63e0c1;box-shadow:0 0 12px #50e8be;display:inline-block}.atlas-header h1{color:#f1f6ff!important;font-size:31px;font-weight:600;letter-spacing:-.8px;margin:12px 0 7px}.atlas-header h1 em{font-style:normal;color:#72d9d1;font-weight:400}.atlas-header p{font-size:14px;color:#93a6c7;margin:0}.atlas-count{display:flex;gap:14px;align-items:center;padding:15px 20px;border:1px solid #ffffff12;border-radius:12px;background:#ffffff03}.atlas-count strong{font-size:38px;font-weight:300;color:#b5d6f8}.atlas-count>span{font-size:12px;line-height:1.6;color:#8199bd}.atlas-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 30px 18px;border-bottom:1px solid #25334c}.atlas-layouts{display:flex;padding:4px;border:1px solid #293953;background:#080f1f;border-radius:11px;gap:4px}.atlas-toolbar button{border:1px solid transparent;background:transparent;border-radius:8px;color:#8fa6c6;font-size:13px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px}.atlas-toolbar button:hover{color:white;background:#1c2d48}.atlas-layouts button[aria-pressed=true]{background:#233e68;color:#e1f1ff;box-shadow:inset 0 0 0 1px #5079b940}.atlas-layouts button>span{font-size:18px;line-height:1}.atlas-tools{display:flex;gap:5px}.atlas-tools button{border:1px solid #283953;background:#111f35;padding:9px 13px}.atlas-tools button[aria-pressed=true]{color:#6ce7cb;border-color:#397867}.atlas-tools button:disabled{cursor:default;opacity:.3}.atlas-filters{display:flex;align-items:center;gap:10px;padding:17px 32px;font-size:12px}.atlas-filters button{display:flex;align-items:center;gap:7px;border:1px solid transparent;color:#869ec2;background:transparent;padding:7px 10px;border-radius:7px;font-size:12px}.atlas-filters button[aria-pressed=true]{border-color:#354967;background:#172640;color:#e1edff}.atlas-filters button>i{width:6px;height:6px;display:inline-block;border-radius:50%}.atlas-filters button>span{font-size:10px;color:#8aabcb;padding:1px 5px;background:#26394f;border-radius:4px}.atlas-filters p{margin:0 0 0 auto;font-size:11px;color:#657e9f}.atlas-stage{position:relative;height:720px;min-height:420px;overflow:hidden;touch-action:none;outline-offset:-3px;background:radial-gradient(ellipse at 50% 47%,#15304b66,transparent 65%)}.atlas-stars{position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:radial-gradient(#a8dcff 1px,transparent 1px),radial-gradient(#6a91c6 .7px,transparent 1px);background-size:83px 71px,137px 109px;background-position:18px 10px,45px 39px}.atlas-orbit{position:absolute;left:50%;top:50%;width:80%;height:55%;border:1px solid #7dace410;border-radius:50%;transform:translate(-50%,-50%) rotate(-30deg);pointer-events:none}.orbit-two{width:50%;height:90%;transform:translate(-50%,-50%) rotate(40deg)}.atlas-scene{position:absolute;inset:0}.atlas-css-renderer{position:absolute;inset:0}.formula-tile.formula-item{width:300px;height:230px;position:relative;margin:0;padding:16px 18px 52px;border:1px solid color-mix(in srgb,var(--tile-color) 48%,transparent);border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--tile-color) 13%,#0b182a),#0c182ce8);color:#eff6ff;box-shadow:inset 0 1px 0 #ffffff09,0 7px 24px #0003;backface-visibility:hidden;transition:border-color .2s,box-shadow .2s}.formula-tile:hover,.formula-tile:focus-within{border-color:var(--tile-color);box-shadow:0 0 30px color-mix(in srgb,var(--tile-color) 16%,transparent)}.tile-top{display:flex;justify-content:space-between;font-size:12px;color:var(--tile-color);letter-spacing:.5px}.tile-top>span:first-child{font-family:Consolas,monospace}.tile-top>span:last-child{opacity:.85;font-size:11px}.formula-tile h2{font-size:18px;line-height:1.5;font-weight:550;margin:8px 0 5px;letter-spacing:-.3px;color:#e7f1ff}.tile-equation{font-size:19px;line-height:1.6;max-height:95px;overflow:auto}.tile-equation .math-expression{color:#d6e7ff}.tile-equation .katex{font-size:1.08em}.tile-symbol{position:absolute;bottom:52px;right:16px;font-size:31px;font-weight:200;color:var(--tile-color);opacity:.12;pointer-events:none;letter-spacing:-2px}.tile-geometry{position:absolute;bottom:45px;right:10px;width:83px;height:60px;pointer-events:none;opacity:.7}.tile-geometry .geometry-diagram{width:100%;height:100%;color:var(--tile-color)}.tile-geometry .geometry-diagram text{display:none}.tile-open{position:absolute;left:17px;bottom:12px;right:17px;width:calc(100% - 34px);display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--tile-color) 20%,transparent);border-radius:6px;padding:8px 12px;background:color-mix(in srgb,var(--tile-color) 8%,transparent);color:var(--tile-color);font-size:15px;font-weight:500}.tile-open:hover{background:color-mix(in srgb,var(--tile-color) 18%,transparent)}.atlas-stage-caption{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);padding:8px 15px;border-radius:30px;border:1px solid #2c415c;background:#0b192bd9;display:flex;align-items:center;gap:8px;font-size:11px;color:#94b1d3;pointer-events:none;white-space:nowrap}.atlas-stage.is-list{height:auto;min-height:420px;touch-action:auto;padding-bottom:52px}.atlas-list{position:relative;padding:12px 30px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.atlas-list[hidden],.atlas-scene[hidden],.formula-tile[hidden]{display:none!important}.atlas-list .formula-tile{width:100%;height:240px;transform:none!important}.atlas-footer{display:flex;justify-content:space-between;gap:15px;padding:18px 30px;border-top:1px solid #24334a;color:#768eaf;font-size:11px;line-height:1.6;text-align:left}.atlas-footer b{color:#68bcb6;margin-right:7px}.formula-dialog{position:fixed;inset:0;margin:auto;width:min(1130px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #d5e5fb;border-radius:18px;background:#f6f9fe;color:#163560;box-shadow:0 28px 100px #0007;overscroll-behavior:contain}.formula-dialog::backdrop{background:#031024b8;backdrop-filter:blur(7px)}.formula-detail-header{position:sticky;top:0;z-index:3;background:#f9fbfff5;backdrop-filter:blur(15px);padding:22px 28px;border-bottom:1px solid #dde8f6;display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-category{font-size:10px;font-weight:700;letter-spacing:1.5px;filter:brightness(.65)}.formula-detail-header h2{font-size:24px;line-height:1.4;margin:5px 0 0;letter-spacing:-.6px}.detail-close{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;font-size:26px;background:#eaf0f9;border:1px solid #d9e5f5;color:#537098}.formula-detail-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:26px;padding:25px 28px}.formula-detail-visual{min-width:0}.detail-main-formula{padding:20px;border-radius:13px;background:linear-gradient(135deg,#e6f1ff,#eef7fa);border:1px solid #dbe8fa;color:#1253a0;font-size:24px}.detail-description{font-size:14px;color:#516b90;line-height:1.85;margin:18px 0 12px}.formula-symbols{font-size:12px;line-height:1.9;padding:12px 12px 12px 27px;margin:0 0 22px;background:white;border:1px solid #e1eaf6;border-radius:10px;color:#5d7393}.formula-detail-guide{min-width:0}.formula-detail-guide section{position:relative;padding:18px 20px;background:white;border:1px solid #e0eaf7;border-radius:12px;margin-bottom:15px}.formula-detail-guide h3{font-size:16px;margin:0 0 12px;padding-right:22px;line-height:1.5}.formula-detail-guide p,.formula-detail-guide li{font-size:14px;line-height:1.85;color:#4f6789}.formula-detail-guide p{margin:8px 0}.detail-step{position:absolute;top:16px;right:15px;font-size:11px;font-weight:600;color:#9daec6}.formula-use-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formula-use-grid section{padding:16px}.formula-use-grid h3{font-size:13px;padding:0}.formula-use-grid ul{padding-left:16px;margin:0}.formula-use-grid li{font-size:12px;margin-bottom:7px;line-height:1.8}.formula-use-grid .can-use{background:#f0faf6;border-color:#d8ece3}.can-use h3{color:#148867}.formula-use-grid .cannot-use{background:#fff8ef;border-color:#f1e5d6}.cannot-use h3{color:#b17b35}.worked-problem{padding:12px;background:#f1f6ff;border-radius:7px;color:#234b7c!important}.worked-example ol{padding-left:21px;margin:18px 0 0}.worked-example li{padding-left:4px;margin-bottom:12px}.worked-example li::marker{color:#2776d8;font-weight:700}.worked-example .math-block{font-size:17px;color:#184778;margin-top:4px;background:#f9fbff;border-radius:5px;padding:3px 8px}.formula-detail-guide .formula-counter{background:#fffaf7;border-color:#f2dfd5}.formula-counter h3{color:#a4613c}.formula-counter .math-block{font-size:16px;color:#915d46}.counter-reason{padding-top:9px;border-top:1px solid #f0dfd4}.formula-self-check{background:#eef5ff!important}.formula-check>label{display:block;font-size:14px;color:#315986;line-height:1.8;margin-bottom:12px}.formula-check>div:first-of-type{display:flex;gap:8px}.formula-check input{min-width:0;width:100%;padding:11px;border:1px solid #cddcf0;border-radius:8px;background:white;color:#173962;font-size:14px}.formula-check button{border:0;background:#176bda;color:white;border-radius:8px;padding:10px 14px;white-space:nowrap;font-size:13px}.self-check-note{font-size:11px!important;color:#8193ad!important}.check-correct,.check-retry{font-size:13px;line-height:1.8;padding:12px;margin-top:12px;border-radius:8px;background:#e0f3e9;color:#247654}.check-retry{background:#fff0da;color:#946a27}.detail-practice{display:block;padding:14px;border:1px solid #bdd6f7;border-radius:8px;color:#1663c6;text-align:center;background:white;font-size:14px;font-weight:600}.algebra-note{border-radius:13px;background:linear-gradient(135deg,#eaf0ff,#f3f8ff);padding:22px;border:1px solid #dfe7f7;margin-top:24px}.algebra-note>span{font-size:34px;color:#8da3e1}.algebra-note h3{font-size:16px;margin:10px 0}.algebra-note p{font-size:13px;line-height:1.9;color:#536d95}.algebra-note .math-block{font-size:18px}.geometry-lab{border:1px solid #dce9f1;background:white;border-radius:13px;overflow:hidden}.geometry-lab-heading{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e8eff6;gap:8px}.geometry-lab-heading h3{font-size:14px;margin:0}.geometry-lab-heading>span{font-size:10px;color:#299b93;padding:4px 7px;border-radius:5px;background:#ecf8f6}.geometry-view{height:250px;background:radial-gradient(ellipse at center,#eaf9f8,#f8fcff);display:flex;align-items:center;justify-content:center;overflow:hidden}.geometry-view canvas{width:100%!important;max-width:320px;height:250px!important;touch-action:none;cursor:grab}.geometry-diagram{width:100%;height:250px;color:#16a596}.geometry-diagram path,.geometry-diagram rect:not(.geometry-grid),.geometry-diagram circle{fill:#20bfa522;stroke:currentColor;stroke-width:2;stroke-linejoin:round}.geometry-diagram .right-angle{fill:none;stroke:#4e7497;stroke-width:1.5}.geometry-diagram .altitude{fill:none;stroke:#ed9860;stroke-dasharray:5 4;stroke-width:2}.geometry-diagram .center-point{fill:#17629c;stroke:none}.geometry-diagram text{font:13px 'Segoe UI',sans-serif;fill:#416d8a;stroke:none}.geometry-sliders{padding:15px 18px}.geometry-sliders label{display:block;font-size:12px;color:#47698d;margin-bottom:13px}.geometry-sliders output{float:right;font-weight:600;color:#168f83}.geometry-sliders input{display:block;margin:10px 0 0;accent-color:#20ae9c;width:100%}.geometry-result{margin:0 15px 12px;padding:12px;border:1px solid #cdeee6;border-radius:8px;background:#edfaf6;color:#118a73;font-size:18px;overflow-x:auto}.geometry-caption{font-size:11px;color:#8799ae;line-height:1.7;margin:0;padding:0 16px 16px}.box-controls{display:flex;justify-content:center;gap:10px;margin:10px 0}.box-controls button{border:1px solid #d4e7e8;background:#f5fbfc;padding:7px 10px;border-radius:7px;color:#4c7c8c;font-size:12px}body:has(.formula-dialog[open]){overflow:hidden}.formula-dialog a,.formula-dialog button,.formula-dialog input{scroll-margin-top:110px}.formula-atlas button:focus-visible,.atlas-stage:focus-visible{outline:2px solid #65cdfb;outline-offset:3px}
@media(min-width:1650px){.atlas-stage{height:800px}.atlas-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.atlas-toolbar{align-items:flex-start;flex-wrap:wrap}.atlas-filters{flex-wrap:wrap}.atlas-filters p{width:100%;margin:2px 0 0}.atlas-list{grid-template-columns:1fr 1fr}.formula-detail-grid{grid-template-columns:.9fr 1.1fr;gap:18px;padding:20px}.formula-use-grid{grid-template-columns:1fr}.formula-dialog{width:calc(100vw - 24px)}.atlas-header{padding:25px}.atlas-stage{height:650px}}
@media(max-width:700px){.formula-detail-grid{grid-template-columns:1fr}.formula-dialog{max-height:calc(100dvh - 20px);width:calc(100vw - 16px);border-radius:13px}.formula-detail-header{padding:15px 18px}.formula-detail-header h2{font-size:21px}.formula-detail-grid{padding:16px;gap:20px}.formula-use-grid{grid-template-columns:1fr 1fr}.detail-main-formula{font-size:23px}.geometry-view{height:250px}.atlas-header{padding:23px 20px}.atlas-header h1{font-size:26px}.atlas-header p{font-size:12px}.atlas-count{display:none}.atlas-kicker{font-size:8px;letter-spacing:1.2px}.atlas-toolbar{padding:0 15px 15px;gap:11px}.atlas-layouts{width:100%;justify-content:space-between}.atlas-layouts button{padding:9px 7px;gap:5px;font-size:11px}.atlas-tools{margin-left:auto}.atlas-filters{padding:14px 15px;gap:3px}.atlas-filters button{font-size:11px;padding:7px}.atlas-filters p{font-size:10px;margin-top:7px}.atlas-stage{height:540px}.atlas-list{padding:9px 15px 20px;gap:12px}.atlas-list .formula-tile{height:240px}.atlas-footer{padding:15px 20px;flex-direction:column;gap:4px;font-size:10px}.atlas-stage-caption{font-size:10px}.atlas-list .formula-tile h2{font-size:16px}.atlas-list .tile-equation{font-size:17px}}
@media(max-width:480px){.atlas-list{grid-template-columns:1fr}.atlas-list .formula-tile{height:230px}.atlas-list .formula-tile h2{font-size:18px}.atlas-list .tile-equation{font-size:21px}.formula-use-grid{grid-template-columns:1fr}.formula-check>div:first-of-type{flex-wrap:wrap}.formula-check button{width:100%}.atlas-layouts button>span{font-size:16px}.formula-detail-guide section{padding:16px}.formula-detail-guide h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.formula-tile{transition:none}}
.atlas-scene .formula-tile h2{font-size:22px;line-height:1.3;margin-top:7px}
.atlas-scene .tile-equation{font-size:24px;max-height:90px}
.atlas-scene .tile-open{font-size:19px;padding:7px 12px}
.atlas-scene .tile-top,.atlas-scene .tile-top>span:last-child{font-size:14px}
.atlas-sphere-guide{width:860px;height:860px;border:1px solid #77c7ff38;border-radius:50%;pointer-events:none!important;background:transparent;box-shadow:0 0 24px #5ac6d508}
.tile-equation .katex{white-space:nowrap}
.atlas-pages{display:flex;justify-content:center;align-items:center;gap:20px;padding:16px;background:#102139;border-top:1px solid #2b4261;color:#c9def5;font-size:13px}.atlas-pages[hidden],.atlas-empty[hidden]{display:none}.atlas-pages button{padding:10px 16px;border:1px solid #466c98;border-radius:8px;background:#1b385b;color:#fff}.atlas-pages button:disabled{opacity:.35;cursor:default}.atlas-empty{position:relative;padding:60px 24px;text-align:center;color:#c9def5}.atlas-curriculum{padding:0 30px}.formula-tile{cursor:pointer}.atlas-scene .formula-tile{height:270px;background:#10243c}.atlas-scene .formula-tile h2{font-size:19px}.atlas-scene .tile-equation{font-size:20px;max-height:86px}.atlas-scene .tile-open{font-size:15px}.atlas-list .formula-tile{height:auto!important;min-height:275px;padding-bottom:65px}.atlas-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.atlas-list .formula-tile h2{font-size:19px}.atlas-list .tile-equation{max-height:120px;padding:8px 0}.worked-explanation{padding:12px;border-left:3px solid #2476ce;background:#edf5ff}.atlas-scene .tile-topic{line-height:1.5}.formula-tile:focus-visible{outline:2px solid #65cdfb}@media(max-width:620px){.atlas-curriculum{padding:0 15px}.atlas-pages{gap:10px;font-size:11px}.atlas-pages button{padding:9px}.atlas-list{grid-template-columns:1fr}}
.atlas-curriculum{display:grid;grid-template-columns:140px minmax(180px,1fr) minmax(180px,1fr);gap:16px;margin:24px 0;color:#dceaff}.atlas-curriculum label{display:grid;gap:8px;font-size:14px}.atlas-curriculum select,.atlas-curriculum input{width:100%;padding:12px;border:1px solid #6898cf80;border-radius:8px;background:#10243e;color:#fff;font:inherit}.tile-topic{font-size:12px!important;color:#bbd5ee;margin:0 0 8px!important}.atlas-list [hidden]{display:none!important}.atlas-scene .tile-topic{font-size:11px!important}.atlas-list .formula-tile{min-height:250px}.atlas-list .tile-equation{overflow-x:auto}.atlas-stage.is-list{min-height:320px}@media(max-width:620px){.atlas-curriculum{grid-template-columns:1fr}.atlas-curriculum label{min-width:0}}
@media print{.formula-atlas{background:white;color:black;box-shadow:none}.atlas-toolbar,.atlas-filters,.atlas-stage-caption,.atlas-footer,.atlas-scene{display:none!important}.atlas-stage{height:auto;overflow:visible}.atlas-list[hidden]{display:grid!important}.atlas-list{grid-template-columns:1fr 1fr}.formula-tile.formula-item{background:white;color:black;break-inside:avoid;border-color:#ccc}.formula-tile h2,.tile-equation .math-expression{color:black}.tile-open{display:none}}