:root{--bg:#eef3fa;--bg-soft:#f7f9fd;--surface:#ffffff;--surface-2:#f6f8fc;--surface-3:#edf3ff;--text:#0f1f38;--text-2:#243551;--muted:#66748a;--line:#dbe4f0;--line-strong:#c9d5e6;--primary:#2f68e9;--primary-2:#1f50c8;--primary-3:#163e9f;--primary-soft:#e9f0ff;--primary-softer:#f3f7ff;--cyan:#1e9bc7;--teal:#148f84;--violet:#6a5ce7;--danger:#c23a35;--danger-soft:#fff0ef;--ok:#18855c;--ok-soft:#eaf8f1;--warn:#a96812;--warn-soft:#fff6e7;--shadow-xs:0 2px 10px rgba(29,49,82,.04);--shadow-sm:0 10px 28px rgba(29,49,82,.07);--shadow-md:0 18px 48px rgba(25,46,80,.10);--shadow-lg:0 26px 72px rgba(23,43,76,.15);--radius-xl:30px;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--tap:48px;--bottom-h:72px;--safe-bottom:max(10px,env(safe-area-inset-bottom));color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}html[data-theme="dark"]{--bg:#0e1726;--bg-soft:#121d2e;--surface:#172337;--surface-2:#1c2a40;--surface-3:#203352;--text:#edf3fb;--text-2:#d6e0ee;--muted:#9caec3;--line:#2a3a52;--line-strong:#3a4c67;--primary:#79a6ff;--primary-2:#95b9ff;--primary-3:#b9d0ff;--primary-soft:#21365a;--primary-softer:#1a2b47;--cyan:#68c5e6;--teal:#66c8bd;--violet:#a79cff;--danger:#ff9993;--danger-soft:#432725;--ok:#7ed7ae;--ok-soft:#183a2d;--warn:#f4c578;--warn-soft:#43341e;--shadow-xs:0 2px 12px rgba(0,0,0,.10);--shadow-sm:0 12px 30px rgba(0,0,0,.18);--shadow-md:0 20px 56px rgba(0,0,0,.24);--shadow-lg:0 30px 80px rgba(0,0,0,.34)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 31rem),radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--cyan) 6%,transparent),transparent 29rem),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}button{color:inherit}a{color:inherit}button,a,input,select{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 28%,transparent)}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:70;height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px max(16px,calc((100vw - 1480px)/2));background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 76%,transparent)}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brandmark{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#3a76f1,#2458d8 60%,#1741aa);color:#fff;font-weight:900;font-size:20px;box-shadow:0 10px 24px rgba(47,104,233,.28);overflow:hidden}.brandmark:after{content:"";position:absolute;inset:-50% -10% auto 35%;height:80px;background:linear-gradient(120deg,rgba(255,255,255,.35),transparent);transform:rotate(18deg)}.brand strong{display:block;font-size:15px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.brand small{display:block;color:var(--muted);font-size:10.5px;margin-top:4px;white-space:nowrap}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn,.avatar-btn{width:44px;height:44px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:14px;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .18s ease,border-color .18s ease,background .18s ease}.icon-btn:hover,.avatar-btn:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));background:var(--surface)}.avatar-btn{font-size:11px;color:var(--primary)}.main{width:min(100%,1480px);margin:0 auto;padding:20px 14px calc(var(--bottom-h)+34px+var(--safe-bottom))}.view{display:none;animation:viewIn .25s ease}.view.active{display:block}@keyframes viewIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}.page-eyebrow,.section-kicker,.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}.eyebrow-dot{width:7px;height:7px;border-radius:99px;background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 12%,transparent)}.home-hero{display:grid;gap:14px}.hero-main{position:relative;overflow:hidden;padding:28px 22px;border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line));border-radius:28px;background:linear-gradient(145deg,var(--surface) 0%,var(--primary-softer) 100%);box-shadow:var(--shadow-md)}.hero-main:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;right:-135px;top:-145px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 16%,transparent),transparent 69%)}.hero-main:after{content:"Σ  A⁻¹  λ  det(A)";position:absolute;right:18px;bottom:15px;color:color-mix(in srgb,var(--primary) 8%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:26px;font-weight:800;letter-spacing:.12em;white-space:nowrap;pointer-events:none}.hero-main>*{position:relative;z-index:1}.hero-main h1{font-size:clamp(31px,8.2vw,55px);line-height:1.02;letter-spacing:-.045em;margin:13px 0 14px;max-width:790px}.hero-main h1 span{color:var(--primary)}.hero-lead{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{min-height:var(--tap);padding:0 18px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease,background .17s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.btn.soft{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 20%,var(--line));color:var(--primary)}.btn.danger{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 22%,var(--line));color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.hero-primary{min-width:188px}.hero-secondary{background:color-mix(in srgb,var(--surface) 92%,transparent)}.trust-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;color:var(--muted);font-size:11px;font-weight:700}.trust-row span{display:inline-flex;align-items:center;gap:6px}.trust-row b{width:18px;height:18px;border-radius:99px;background:var(--ok-soft);color:var(--ok);display:grid;place-items:center;font-size:10px}.usage-card{position:relative;overflow:hidden;border-radius:28px;padding:20px;border:1px solid var(--line);background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--primary-soft) 64%,var(--surface)));box-shadow:var(--shadow-sm)}.usage-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-56px;bottom:-58px;background:color-mix(in srgb,var(--primary) 8%,transparent)}.usage-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.usage-card-head>div{display:grid;gap:4px}.usage-label{font-size:11px;color:var(--muted);font-weight:700}.usage-card-head strong{font-size:21px;letter-spacing:-.03em}.usage-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:18px;font-weight:900}.quota-block{margin-top:18px}.quota-number{display:flex;align-items:flex-end;gap:12px}.quota-number strong{font-size:42px;line-height:.9;letter-spacing:-.05em;color:var(--primary)}.quota-number span{font-size:12px;line-height:1.45;color:var(--text-2);font-weight:700}.quota-track{height:7px;margin-top:16px;border-radius:99px;background:color-mix(in srgb,var(--line) 75%,transparent);overflow:hidden}.quota-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan));width:0}.quota-track.quota-1 i{width:20%}.quota-track.quota-2 i{width:40%}.quota-track.quota-3 i{width:60%}.quota-track.quota-4 i{width:80%}.quota-track.quota-5 i{width:100%}.quota-block p{font-size:11px;line-height:1.55;color:var(--muted);margin:13px 0 0}.usage-message{display:grid;gap:5px;margin-top:18px;padding:14px;border-radius:15px;background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 18%,var(--line))}.usage-message b{font-size:13px;color:var(--ok)}.usage-message span{font-size:11px;color:var(--muted);line-height:1.5}.usage-features{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.usage-features span{display:grid;gap:5px;font-size:9.5px;color:var(--muted);line-height:1.25;font-weight:700}.usage-features i{font-style:normal;width:27px;height:24px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--primary);font-size:9px;font-weight:900}.guest-banner{margin-top:14px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:11px;box-shadow:var(--shadow-xs)}.guest-banner.premium{background:linear-gradient(90deg,var(--surface),var(--primary-softer))}.guest-icon{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.guest-banner>div:nth-child(2){min-width:0;flex:1}.guest-banner strong{font-size:13px}.guest-banner small{display:block;color:var(--muted);margin-top:4px;line-height:1.48;font-size:11px}.badge,.method-badge,.privacy-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:850;font-size:11px;white-space:nowrap}.badge.success{background:var(--ok-soft);color:var(--ok)}.method-badge{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.privacy-pill{background:var(--ok-soft);color:var(--ok)}.section{margin-top:24px}.dashboard-section{margin-top:27px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 2px 13px}.section-head.refined{align-items:center}.section-head h2{font-size:20px;letter-spacing:-.02em;margin:4px 0 0}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.55}.link-btn{border:0;background:none;color:var(--primary);font-weight:850;padding:8px;cursor:pointer;white-space:nowrap}.link-btn span{display:inline-block;margin-left:3px;transition:transform .16s ease}.link-btn:hover span{transform:translateX(3px)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:19px;padding:15px;min-height:150px;cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.quick-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.quick-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-28px;top:-28px;background:color-mix(in srgb,var(--primary) 6%,transparent)}.quick-card .qicon{width:40px;height:40px;border-radius:13px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900;margin-bottom:13px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.quick-meta{display:block;color:var(--muted);font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;margin-bottom:4px}.quick-card strong{display:block;font-size:13px;line-height:1.3;padding-right:18px}.quick-card small{display:block;color:var(--muted);line-height:1.45;margin-top:6px;font-size:10.5px}.quick-arrow{position:absolute;right:13px;bottom:13px;width:27px;height:27px;border-radius:9px;background:var(--surface-2);display:grid;place-items:center;color:var(--primary);font-weight:900}.card-1 .qicon{color:var(--violet);background:color-mix(in srgb,var(--violet) 11%,var(--surface))}.card-2 .qicon{color:var(--teal);background:color-mix(in srgb,var(--teal) 10%,var(--surface))}.card-3 .qicon{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,var(--surface))}.home-columns{display:grid;gap:14px;margin-top:24px}.learning-panel,.method-panel{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:20px;box-shadow:var(--shadow-sm)}.method-panel{background:linear-gradient(155deg,var(--surface),var(--primary-softer))}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-head h2{font-size:19px;margin:4px 0 0;letter-spacing:-.02em}.panel-intro{font-size:12px;line-height:1.62;color:var(--muted);margin:10px 0 16px}.academic-mark{width:48px;height:48px;border-radius:16px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:18px}.learning-steps{display:grid;gap:7px}.learning-steps button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:10px;text-align:left;cursor:pointer;transition:.16s ease}.learning-steps button:hover{background:var(--primary-softer);border-color:color-mix(in srgb,var(--primary) 23%,var(--line))}.learn-num{width:34px;height:34px;border-radius:11px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900;font-size:10px}.learning-steps strong{display:block;font-size:12px}.learning-steps small{display:block;font-size:10px;color:var(--muted);line-height:1.35;margin-top:3px}.learning-steps b{color:var(--primary);font-size:19px}.panel-action{width:100%;margin-top:12px}.method-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:15px}.method-flow>div{min-height:82px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:10px}.method-flow>div span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:900}.method-flow>div b{display:block;font-size:11px;margin-top:8px}.method-flow>div small{display:block;font-size:9.5px;color:var(--muted);line-height:1.3;margin-top:2px}.method-flow>i{font-style:normal;color:var(--line-strong)}.method-flow>div:nth-of-type(3),.method-flow>div:nth-of-type(4),.method-flow>i:nth-of-type(3){display:none}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.quality-grid div{padding:11px;border-radius:13px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line)}.quality-grid b{display:block;font-size:11px;color:var(--primary)}.quality-grid span{display:block;font-size:9.5px;line-height:1.38;color:var(--muted);margin-top:4px}.bottom-nav{position:fixed;z-index:90;left:8px;right:8px;bottom:var(--safe-bottom);height:var(--bottom-h);display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid color-mix(in srgb,var(--line) 85%,transparent);border-radius:22px;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 50px rgba(16,35,66,.18)}.bottom-nav button{border:0;background:transparent;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--muted);min-width:0;transition:.16s ease}.bottom-nav button span{font-size:18px;line-height:1}.bottom-nav button b{font-size:9.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bottom-nav button.active{background:var(--primary-soft);color:var(--primary)}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:4px 2px 18px}.page-title h1{margin:4px 0 0;font-size:clamp(25px,5vw,34px);letter-spacing:-.035em}.page-title p{color:var(--muted);font-size:12px;line-height:1.55;margin:6px 0 0;max-width:750px}.title-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.calc-title{padding:4px 0 2px}.calc-layout{display:grid;gap:14px}.op-panel{border:1px solid var(--line);background:var(--surface);border-radius:21px;padding:12px;box-shadow:var(--shadow-xs)}.op-panel-head{display:flex;align-items:center;gap:10px;padding:4px 3px 11px}.op-panel-icon{width:38px;height:38px;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-size:18px;font-weight:900}.op-panel-head strong{display:block;font-size:13px}.op-panel-head small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.op-select{width:100%;min-height:48px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:14px;padding:0 12px;font-weight:750}.active-op-card{display:grid;gap:4px;margin-top:9px;padding:12px;border-radius:14px;background:var(--primary-softer);border:1px solid color-mix(in srgb,var(--primary) 14%,var(--line))}.active-op-card>span{font-size:9px;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.active-op-card strong{font-size:13px}.active-op-card small{font-size:10px;line-height:1.45;color:var(--muted)}.desktop-op-list{display:none}.calc-main{min-width:0}.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;padding:0 3px}.workspace-intro>div{display:grid;gap:3px}.workspace-intro strong{font-size:14px}.workspace-intro small{font-size:10.5px;color:var(--muted);line-height:1.45}.workspace-hint{display:none;white-space:nowrap;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:10px;font-weight:800}.workspace{display:grid;gap:12px}.matrix-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:15px;overflow:hidden;box-shadow:var(--shadow-xs)}.matrix-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.matrix-title{display:flex;align-items:center;gap:10px;min-width:0}.matrix-symbol{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:17px;font-style:italic;font-weight:800;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 18%,transparent)}.matrix-title h3{margin:0;font-size:14px}.matrix-title small{display:block;color:var(--muted);font-size:9.5px;margin-top:2px}.matrix-tools{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.mini-btn{min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;font-size:10.5px;font-weight:800;transition:.15s ease}.mini-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--primary) 28%,var(--line));background:var(--primary-softer)}.mini-btn:disabled{opacity:.45}.danger-lite{color:var(--danger);background:var(--danger-soft)}.dim-controls{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:12px}.dim-caption{font-size:10px;color:var(--muted);font-weight:800;margin-right:2px}.dim-box{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:4px}.dim-box span{font-size:9.5px;color:var(--muted);font-weight:800;margin-left:3px}.dim-box button{width:31px;height:31px;border:0;background:var(--surface);border-radius:9px;font-weight:900;cursor:pointer;box-shadow:var(--shadow-xs)}.dim-box b{min-width:20px;text-align:center;font-size:12px}.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--surface-2),var(--primary-softer));overscroll-behavior:contain}.matrix-canvas{display:flex;align-items:stretch;width:max-content;min-width:100%;padding:13px 11px}.matrix-bracket{width:8px;flex:0 0 8px;border-top:2px solid color-mix(in srgb,var(--text) 55%,var(--line));border-bottom:2px solid color-mix(in srgb,var(--text) 55%,var(--line))}.matrix-bracket.left{border-left:2px solid color-mix(in srgb,var(--text) 55%,var(--line));border-radius:7px 0 0 7px;margin-right:6px}.matrix-bracket.right{border-right:2px solid color-mix(in srgb,var(--text) 55%,var(--line));border-radius:0 7px 7px 0;margin-left:6px}.matrix-grid{display:grid;gap:7px;min-width:max-content}.matrix-grid.cols-1{grid-template-columns:repeat(1,72px)}.matrix-grid.cols-2{grid-template-columns:repeat(2,72px)}.matrix-grid.cols-3{grid-template-columns:repeat(3,72px)}.matrix-grid.cols-4{grid-template-columns:repeat(4,72px)}.matrix-grid.cols-5{grid-template-columns:repeat(5,72px)}.matrix-grid.cols-6{grid-template-columns:repeat(6,72px)}.matrix-grid.cols-7{grid-template-columns:repeat(7,72px)}.matrix-grid.cols-8{grid-template-columns:repeat(8,72px)}.matrix-grid.cols-9{grid-template-columns:repeat(9,72px)}.matrix-grid.cols-10{grid-template-columns:repeat(10,72px)}.matrix-grid.cols-11{grid-template-columns:repeat(11,72px)}.matrix-grid.cols-12{grid-template-columns:repeat(12,72px)}.matrix-grid input{width:72px;height:48px;text-align:center;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);border-radius:11px;outline:none;font-variant-numeric:tabular-nums;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.14s ease}.matrix-grid input:hover{border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.matrix-grid input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.scalar-row{display:grid;grid-template-columns:1fr;gap:10px}.field{display:grid;gap:6px}.field label{font-size:11px;color:var(--muted);font-weight:800}.field input{min-height:46px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:0 12px;outline:none}.field input:focus{border-color:var(--primary)}.compute-card{background:linear-gradient(145deg,var(--surface),var(--primary-softer))}.compute-card>div:first-child>strong{font-size:14px}.compute-card>div:first-child>p{font-size:11px;line-height:1.5;color:var(--muted)}.compute-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.compute-summary>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.compute-dot{width:10px;height:10px;border-radius:99px;background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 11%,transparent);flex:0 0 auto}.compute-summary p{margin:0}.compute-summary strong{display:block;font-size:11px}.compute-summary small{display:block;font-size:9.5px;color:var(--muted);margin-top:2px;line-height:1.35}.calc-action{display:flex;gap:8px}.calc-action .btn{min-height:44px;font-size:11px;padding:0 14px}.result-section{scroll-margin-top:90px}.result-shell{display:grid;gap:11px}.result-tabs{display:flex;overflow:auto;gap:5px;padding:5px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}.result-tabs button{border:0;background:transparent;min-height:39px;padding:0 12px;border-radius:10px;color:var(--muted);font-weight:850;font-size:10.5px;white-space:nowrap;cursor:pointer}.result-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-xs)}.result-panel{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:15px;box-shadow:var(--shadow-xs)}.result-panel h3{font-size:14px;margin:0 0 11px}.result-matrix{overflow:auto;padding:12px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}.matrix-table{border-collapse:separate;border-spacing:6px;margin:auto}.matrix-table td{min-width:58px;height:40px;text-align:center;padding:6px 9px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.result-value{font-size:25px;font-weight:900;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;color:var(--text)}.steps{counter-reset:step;display:grid;gap:8px}.step{counter-increment:step;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px dashed var(--line)}.step:last-child{border-bottom:0}.step:before{content:counter(step);width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:11px}.step p{margin:3px 0 0;font-size:12px;line-height:1.55}.verify-box{padding:13px;border-radius:14px;background:var(--ok-soft);border:1px solid color-mix(in srgb,var(--ok) 22%,var(--line));color:var(--ok);font-size:12px;line-height:1.5}.warn-box{padding:13px;border-radius:14px;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 22%,var(--line));color:var(--warn);font-size:12px;line-height:1.5}.learn-hero{display:grid;gap:18px;padding:24px 20px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface),var(--primary-softer));box-shadow:var(--shadow-sm)}.learn-hero h1{font-size:clamp(27px,6vw,42px);letter-spacing:-.04em;line-height:1.05;margin:7px 0 9px}.learn-hero p{margin:0;max-width:760px;color:var(--muted);font-size:12px;line-height:1.65}.learn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.learn-stats div{padding:12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,transparent);border:1px solid var(--line);text-align:center}.learn-stats strong{display:block;font-size:20px;color:var(--primary);letter-spacing:-.03em}.learn-stats span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.learn-toolbar{display:grid;gap:8px;margin-top:16px}.learn-hint{font-size:10px;color:var(--muted)}.search{position:relative}.search input{width:100%;min-height:50px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:15px;padding:0 14px 0 42px;outline:none;box-shadow:var(--shadow-xs)}.search:before{content:'⌕';position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:18px}.search input:focus{border-color:var(--primary)}.learning-map{display:flex;align-items:center;overflow:auto;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);white-space:nowrap}.learning-map span{padding:7px 9px;border-radius:10px;font-size:9.5px;font-weight:850;color:var(--muted)}.learning-map span.active{background:var(--primary-soft);color:var(--primary)}.learning-map i{display:block;width:20px;height:1px;background:var(--line);flex:0 0 auto}.lesson-grid{display:grid;gap:10px}.lesson-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:15px;cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);transition:.16s ease;min-height:154px}.lesson-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:color-mix(in srgb,var(--primary) 24%,var(--line))}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lesson-card .num{width:32px;height:32px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:10px;font-weight:900}.lesson-level{font-size:8.5px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.lesson-card h3{font-size:13px;margin:12px 0 0}.lesson-card p{font-size:10.5px;color:var(--muted);line-height:1.48;margin:6px 0 24px}.lesson-open{position:absolute;left:15px;bottom:13px;color:var(--primary);font-size:10px;font-weight:850}.lesson-open b{margin-left:4px}.lesson-modal-head{display:flex;align-items:center;gap:12px;padding-right:46px}.lesson-modal-num{width:46px;height:46px;border-radius:14px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.lesson-modal-head h2{margin:3px 0 0!important}.lesson-note{display:grid;gap:5px;padding:13px;border-radius:14px;background:var(--primary-softer);border:1px solid var(--line)}.lesson-note strong{font-size:11px}.lesson-note span{font-size:10.5px;line-height:1.5;color:var(--muted)}.modal-actions{display:grid;gap:9px;margin-top:16px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px}.history-toolbar span{font-size:12px;font-weight:850}.history-toolbar small{font-size:9.5px;color:var(--muted)}.history-list{display:grid;gap:9px}.history-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:12px;box-shadow:var(--shadow-xs)}.history-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary);font-weight:900}.history-info{min-width:0}.history-card h3{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card p{margin:4px 0 0;color:var(--muted);font-size:9.5px}.history-actions{display:flex;gap:5px}.empty{border:1px dashed var(--line-strong);border-radius:20px;padding:30px 20px;text-align:center;color:var(--muted);background:var(--surface);font-size:12px}.login-shell{display:grid;overflow:hidden;border:1px solid var(--line);background:var(--surface);border-radius:25px;box-shadow:var(--shadow-sm)}.login-visual{position:relative;min-height:150px;display:grid;place-items:center;background:linear-gradient(145deg,var(--primary-softer),color-mix(in srgb,var(--primary) 12%,var(--surface)));overflow:hidden}.google-mark{position:relative;z-index:2;width:70px;height:70px;border-radius:23px;background:var(--surface);display:grid;place-items:center;font-size:29px;font-weight:900;color:var(--primary);box-shadow:var(--shadow-md)}.login-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:50%}.login-orbit.one{width:150px;height:150px}.login-orbit.two{width:220px;height:220px}.login-content{padding:20px}.login-content h2{margin:4px 0 7px;font-size:22px}.login-content p{font-size:11px;color:var(--muted);line-height:1.55;margin:0}.login-benefits{display:grid;gap:7px;margin:15px 0}.login-benefits span{font-size:10.5px;color:var(--text-2);font-weight:700}.login-benefits span::first-letter{color:var(--ok)}.google-login{width:100%}.account-layout{display:grid;gap:12px}.account-card{border:1px solid var(--line);background:var(--surface);border-radius:22px;padding:18px;box-shadow:var(--shadow-xs)}.profile-card{background:linear-gradient(145deg,var(--surface),var(--primary-softer))}.account-profile{display:flex;align-items:center;gap:13px}.profile-mark{width:56px;height:56px;border-radius:18px;background:linear-gradient(145deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 10px 22px color-mix(in srgb,var(--primary) 18%,transparent)}.profile-mark{position:relative;overflow:hidden}.profile-mark>span{position:relative;z-index:1}.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:var(--surface)}.header-profile-mark{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:inherit;font-weight:900;color:var(--primary)}.header-profile-mark>span{position:relative;z-index:1}.header-profile-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;background:var(--surface)}.account-label{font-size:9px;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.07em}.account-profile h2{margin:3px 0 0;font-size:17px}.account-profile p{margin:3px 0 0;color:var(--muted);font-size:10.5px}.profile-note{margin-top:15px;padding:12px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:10px;color:var(--muted);line-height:1.5}.settings-head h2{font-size:17px;margin:4px 0 0}.settings-list{display:grid;gap:9px;margin-top:14px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.setting-row strong{font-size:11.5px}.setting-row small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px;line-height:1.4}.account-logout{margin-top:14px;width:100%}.toast{position:fixed;z-index:120;left:50%;bottom:calc(var(--bottom-h)+var(--safe-bottom)+22px);transform:translate(-50%,20px);width:min(calc(100% - 28px),520px);padding:12px 14px;border-radius:14px;background:#111827;color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.22s ease;font-size:12px;line-height:1.45}.toast.show{opacity:1;transform:translate(-50%,0)}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:110;display:grid;align-items:end}.modal-backdrop{position:absolute;inset:0;background:rgba(12,25,45,.58);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;width:100%;max-height:88vh;overflow:auto;background:var(--surface);border-radius:25px 25px 0 0;padding:20px 18px calc(24px+env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.22)}.modal-close{position:sticky;z-index:2;top:0;float:right;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:22px;cursor:pointer}.modal h2{margin:4px 0 8px}.modal p{color:var(--muted);line-height:1.6;font-size:11.5px}.modal .result-shell{clear:both;padding-top:8px}.loading{display:inline-flex;align-items:center;gap:9px}.loading:before{content:'';width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:700px){.main{padding:28px 24px calc(var(--bottom-h)+42px)}.home-hero{grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);align-items:stretch}.hero-main{padding:34px 31px}.hero-lead{font-size:13px}.usage-card{padding:22px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-columns{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}.method-flow{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}.method-flow>div:nth-of-type(3),.method-flow>div:nth-of-type(4),.method-flow>i:nth-of-type(3){display:block}.learning-panel,.method-panel{padding:22px}.workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .matrix-card.wide{grid-column:1/-1}.workspace-hint{display:inline-flex}.scalar-row{grid-template-columns:repeat(2,minmax(0,220px))}.learn-hero{grid-template-columns:1.4fr .6fr;align-items:center;padding:28px}.learn-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center}.learn-hint{text-align:right}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell{grid-template-columns:.78fr 1.22fr}.login-visual{min-height:310px}.login-content{padding:30px;align-self:center}.account-layout{grid-template-columns:.8fr 1.2fr}.modal{align-items:center;justify-items:center;padding:24px}.modal-card{width:min(800px,100%);border-radius:25px;padding:24px;max-height:86vh}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:min(700px,calc(100% - 32px))}}@media (min-width:1050px){.topbar{height:76px}.main{padding:34px 32px 56px}.bottom-nav{top:11px;bottom:auto;height:54px;width:560px;padding:5px;border-radius:17px;box-shadow:var(--shadow-xs)}.bottom-nav button{flex-direction:row;gap:7px;border-radius:12px}.bottom-nav button span{font-size:15px}.bottom-nav button b{font-size:10px}.bottom-nav button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}.calc-layout{grid-template-columns:255px minmax(0,1fr);align-items:start}.op-panel{position:sticky;top:92px;padding:12px}.op-select{display:none}.active-op-card{display:none}.desktop-op-list{display:grid;gap:3px;max-height:calc(100vh - 190px);overflow:auto;padding-right:3px}.desktop-op-list h4{font-size:9.5px;text-transform:uppercase;letter-spacing:.10em;color:var(--muted);margin:11px 8px 4px}.desktop-op-list button{min-height:40px;display:flex;align-items:center;gap:8px;text-align:left;border:0;background:transparent;border-radius:11px;padding:0 10px;font-size:10.5px;font-weight:800;cursor:pointer}.desktop-op-list button span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary);font-size:9px}.desktop-op-list button.active{background:var(--primary-soft);color:var(--primary)}.desktop-op-list button.active span{background:var(--surface)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.workspace .matrix-card.wide{grid-column:1/-1}.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-main{padding:42px 38px}.hero-main h1{font-size:55px}.usage-card{padding:25px}}@media (min-width:1320px){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.lesson-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-main h1{font-size:58px}}@media (max-width:699px){.topbar{height:66px;padding-top:8px;padding-bottom:8px}.brandmark{width:40px;height:40px;border-radius:13px}.brand strong{font-size:13.5px}.brand small{font-size:9.5px}.icon-btn,.avatar-btn{width:40px;height:40px;border-radius:13px}.hero-main{padding:24px 18px}.hero-main h1{font-size:33px}.hero-main:after{font-size:18px;right:8px}.hero-actions .btn{flex:1;min-width:140px}.trust-row{display:grid;gap:7px}.usage-card{padding:18px}.guest-banner .badge{align-self:flex-start}.section-head.refined{align-items:flex-end}.section-head p{max-width:260px}.section-head .link-btn{font-size:10.5px}.quick-card{min-height:145px;padding:13px}.quick-card small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-columns{margin-top:20px}.method-flow{grid-template-columns:1fr auto 1fr}.quality-grid{grid-template-columns:1fr}.quality-grid div{display:grid;grid-template-columns:62px 1fr;align-items:start;gap:6px}.quality-grid span{margin-top:0}.page-title{align-items:flex-start}.title-badges{justify-content:flex-start}.calc-title{display:grid}.workspace-intro{align-items:flex-start}.matrix-head{align-items:flex-start}.matrix-tools{max-width:180px}.dim-caption{width:100%}.compute-summary{display:grid}.calc-action{position:sticky;bottom:calc(var(--bottom-h)+var(--safe-bottom)+8px);z-index:30;padding:8px;border-radius:15px;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px)}.calc-action .btn{flex:1}.history-card{grid-template-columns:38px 1fr}.history-actions{grid-column:1/-1}.history-actions .mini-btn{flex:1}.history-toolbar{align-items:flex-end}.history-toolbar small{text-align:right}}@media (max-width:420px){.quick-grid{grid-template-columns:1fr 1fr}.quick-card{min-height:139px}.quick-card .qicon{width:36px;height:36px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.usage-features{grid-template-columns:1fr 1fr}.usage-features span:last-child{grid-column:1/-1}.guest-banner{align-items:flex-start}.matrix-tools{gap:4px}.mini-btn{padding:0 8px}.dim-box{gap:4px}.matrix-grid.cols-1{grid-template-columns:repeat(1,66px)}.matrix-grid.cols-2{grid-template-columns:repeat(2,66px)}.matrix-grid.cols-3{grid-template-columns:repeat(3,66px)}.matrix-grid.cols-4{grid-template-columns:repeat(4,66px)}.matrix-grid.cols-5{grid-template-columns:repeat(5,66px)}.matrix-grid.cols-6{grid-template-columns:repeat(6,66px)}.matrix-grid.cols-7{grid-template-columns:repeat(7,66px)}.matrix-grid.cols-8{grid-template-columns:repeat(8,66px)}.matrix-grid.cols-9{grid-template-columns:repeat(9,66px)}.matrix-grid.cols-10{grid-template-columns:repeat(10,66px)}.matrix-grid.cols-11{grid-template-columns:repeat(11,66px)}.matrix-grid.cols-12{grid-template-columns:repeat(12,66px)}.matrix-grid input{width:66px;height:46px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.topbar,.bottom-nav,.top-actions,.calc-action,.op-panel,.hero-actions,.guest-banner,.link-btn,.matrix-tools,.dim-controls{display:none!important}body{background:#fff;color:#000}.main{max-width:none;padding:0}.view{display:none!important}.view.active{display:block!important}.matrix-card,.result-panel,.history-card{box-shadow:none;border-color:#bbb;break-inside:avoid}.result-tabs{display:none}.result-panel[hidden]{display:block!important;margin-top:10px}}@media (min-width:700px){.workspace.single{grid-template-columns:1fr}.workspace.single>.matrix-card:not(.wide){grid-column:1/-1}}.operation-name{font-size:14px}.operation-desc{margin:5px 0 14px;color:var(--muted);font-size:11px;line-height:1.5}.result-warning{margin-top:12px}.result-types{display:flex;flex-wrap:wrap;gap:7px}.result-meta,.result-solution-type{color:var(--muted);font-size:11px}.result-value.compact{font-size:16px}.result-value.inline{display:inline}.explain-text{color:var(--muted);font-size:12px;line-height:1.65}body{overflow-x:hidden}.main,.calc-main,.workspace,.matrix-card,.result-shell{min-width:0}.compute-state{display:flex;align-items:center;gap:9px;min-width:0}.compute-state.working .compute-dot{background:var(--primary);box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 11%,transparent);animation:pulseCalc 1s ease-in-out infinite}.compute-state.success .compute-dot{background:var(--ok);box-shadow:0 0 0 5px color-mix(in srgb,var(--ok) 11%,transparent)}.compute-state.error .compute-dot{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 11%,transparent)}@keyframes pulseCalc{0%,100%{transform:scale(.85);opacity:.65}50%{transform:scale(1.12);opacity:1}}.result-loading{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--muted);text-align:center;box-shadow:var(--shadow-xs)}.calc-error-panel{margin-top:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));border-radius:18px;background:var(--danger-soft);color:var(--danger);box-shadow:var(--shadow-xs)}.calc-error-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--danger) 12%,var(--surface));font-weight:900;font-size:18px}.calc-error-panel strong{display:block;font-size:13px}.calc-error-panel p{margin:4px 0 0;color:var(--text-2);font-size:11px;line-height:1.5}.visual3d-panel{overflow:hidden}.visual3d-wrap{display:grid;gap:13px}.visual3d-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.visual3d-head strong{display:block;font-size:13px}.visual3d-head small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.5}.visual3d-head>span{flex:0 0 auto;min-height:28px;padding:0 9px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:900}.visual3d-scroll{overflow:auto;padding:20px 18px 24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,var(--surface-2),var(--surface));perspective:900px}.mx3d-grid{display:grid;gap:18px 14px;align-items:end;justify-content:center;min-width:max-content;padding:16px 10px 8px}.mx3d-grid.c1{grid-template-columns:repeat(1,62px)}.mx3d-grid.c2{grid-template-columns:repeat(2,62px)}.mx3d-grid.c3{grid-template-columns:repeat(3,62px)}.mx3d-grid.c4{grid-template-columns:repeat(4,62px)}.mx3d-grid.c5{grid-template-columns:repeat(5,62px)}.mx3d-grid.c6{grid-template-columns:repeat(6,62px)}.mx3d-grid.c7{grid-template-columns:repeat(7,62px)}.mx3d-grid.c8{grid-template-columns:repeat(8,62px)}.mx3d-grid.c9{grid-template-columns:repeat(9,62px)}.mx3d-grid.c10{grid-template-columns:repeat(10,62px)}.mx3d-grid.c11{grid-template-columns:repeat(11,62px)}.mx3d-grid.c12{grid-template-columns:repeat(12,62px)}.mx3d-cell{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;position:relative}.mx3d-cell b{display:block;max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-2)}.mx3d-bar{position:relative;width:34px;height:8px;border-radius:4px 4px 2px 2px;background:var(--primary);transform:rotateX(-7deg) rotateY(-18deg);transform-origin:50% 100%;box-shadow:8px 8px 16px rgba(20,38,68,.14);transition:height .25s ease}.mx3d-bar:before{content:"";position:absolute;left:5px;right:-7px;top:-7px;height:7px;background:color-mix(in srgb,currentColor 78%,white);transform:skewX(-45deg);transform-origin:left bottom;border-radius:3px 3px 0 0}.mx3d-bar:after{content:"";position:absolute;right:-7px;top:-3px;width:7px;height:calc(100% + 3px);background:color-mix(in srgb,currentColor 70%,black);transform:skewY(-45deg);transform-origin:left top;border-radius:0 2px 2px 0}.mx3d-bar.pos{background:var(--primary);color:var(--primary)}.mx3d-bar.neg{background:var(--danger);color:var(--danger)}.mx3d-bar.zero{background:var(--line-strong);color:var(--line-strong);box-shadow:none}.mx3d-bar.h0{height:5px}.mx3d-bar.h1{height:12px}.mx3d-bar.h2{height:20px}.mx3d-bar.h3{height:28px}.mx3d-bar.h4{height:36px}.mx3d-bar.h5{height:44px}.mx3d-bar.h6{height:52px}.mx3d-bar.h7{height:60px}.mx3d-bar.h8{height:68px}.mx3d-bar.h9{height:76px}.mx3d-bar.h10{height:84px}.mx3d-bar.h11{height:92px}.mx3d-bar.h12{height:100px}.visual3d-note{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.mx3d-cell.invalid{opacity:.55}@media(max-width:699px){.main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right));padding-top:22px}.topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.page-title{margin-left:0;margin-right:0;margin-bottom:20px;padding:0 2px}.page-title p{font-size:12px;line-height:1.65}.hero-main{padding:26px 20px}.usage-card,.learning-panel,.method-panel,.learn-hero,.account-card{padding:20px}.guest-banner{padding:16px}.op-panel{padding:15px}.workspace-intro{padding:0 2px;margin:2px 0 12px}.workspace-intro small{font-size:10.5px;line-height:1.55}.matrix-card{padding:17px;border-radius:20px}.matrix-head{gap:12px}.matrix-body{padding:4px 0}.compute-card{padding:18px}.compute-summary{gap:14px}.compute-summary small{font-size:10px;line-height:1.5}.result-section{margin-top:20px}.result-panel{padding:17px;border-radius:18px}.section-head{margin-left:0;margin-right:0}.quick-card{padding:15px}.lesson-card,.history-card{padding:15px}.login-content{padding:22px 20px}.modal-card{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.bottom-nav{width:calc(100% - 24px);left:12px;right:12px}.calc-error-panel{grid-template-columns:38px minmax(0,1fr);padding:15px}.calc-error-panel .mini-btn{grid-column:1/-1;width:100%}.visual3d-scroll{padding:16px 12px 20px}.visual3d-head{display:grid}.visual3d-head>span{justify-self:start}.mx3d-grid{gap:16px 10px}}@media(max-width:420px){.main{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.hero-main{padding:24px 18px}.usage-card,.learning-panel,.method-panel,.learn-hero,.account-card,.matrix-card,.compute-card,.result-panel{padding:17px}.page-title h1{font-size:28px}.matrix-tools{max-width:none;width:100%;justify-content:flex-start}.matrix-head{flex-wrap:wrap}.compute-summary{padding-top:14px}.calc-action{width:100%}.result-tabs{margin-left:-2px;margin-right:-2px}.visual3d-scroll{margin-left:-2px;margin-right:-2px}.bottom-nav{width:calc(100% - 20px);left:10px;right:10px}}

.calculus-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,var(--surface),var(--primary-softer));box-shadow:var(--shadow-xs);margin-bottom:14px}.calculus-hero h2{margin:5px 0 8px;font-size:22px;letter-spacing:-.03em}.calculus-hero p{margin:0;max-width:760px;color:var(--muted);font-size:11.5px;line-height:1.65}.calculus-hero code{padding:2px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.calculus-mark{flex:0 0 auto;padding:12px 14px;border-radius:14px;background:var(--primary-soft);color:var(--primary);font-family:Georgia,serif;font-size:20px;font-weight:800}.calculus-card{padding:20px}.calculus-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calculus-fields .field.wide{grid-column:1/-1}.calculus-fields .field{display:grid;gap:7px}.calculus-fields label{font-size:10.5px;font-weight:850;color:var(--text-2)}.calculus-fields input{width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:13px;background:var(--surface);color:var(--text);padding:0 14px;outline:none}.calculus-fields input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 10%,transparent)}.calculus-help{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin-top:14px;padding:14px;border-radius:15px;background:var(--surface-2);border:1px solid var(--line)}.calculus-help span{font-size:10px;font-weight:850;color:var(--muted)}.calculus-help b{font-size:10.5px;color:var(--primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.calculus-help small{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.5}.calculus-result{display:grid;gap:8px;padding:18px;border-radius:16px;background:var(--primary-softer);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));overflow:auto}.calculus-result span{font-size:11px;font-weight:850;color:var(--muted)}.calculus-result strong{font:800 clamp(18px,4vw,28px)/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--primary);white-space:normal;overflow-wrap:anywhere}
.lesson-summary{font-size:12px;line-height:1.65;color:var(--muted)}
.learning-path{margin:16px 0;padding:18px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-xs)}.stage-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.stage-buttons button{min-height:58px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);color:var(--muted);display:flex;align-items:center;gap:8px;padding:9px 10px;text-align:left;cursor:pointer}.stage-buttons button span{width:28px;height:28px;border-radius:9px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:9px;font-weight:900;color:var(--primary);flex:0 0 auto}.stage-buttons button b{font-size:10.5px;line-height:1.25}.stage-buttons button.active{background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--line));color:var(--primary)}.stage-guide{display:grid;gap:4px;margin-top:10px;padding:12px 13px;border-radius:12px;background:var(--primary-softer);border:1px solid var(--line)}.stage-guide strong{font-size:11px}.stage-guide span{font-size:10.5px;line-height:1.5;color:var(--muted)}
.history-count{font-size:10px;font-weight:850;color:var(--primary);padding:7px 9px;border-radius:9px;background:var(--primary-soft)}.history-pagination{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.history-pagination>div{display:flex;gap:5px}.history-pagination button{min-height:38px;min-width:38px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text-2);font-size:10px;font-weight:850;cursor:pointer}.history-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.history-pagination button:disabled{opacity:.45;cursor:not-allowed}.mobile-end-space{height:18px}
.step{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:flex-start}.step>span{width:28px;height:28px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:9px;font-weight:900}.step p{margin:3px 0 0!important}
@media(max-width:699px){:root{--bottom-h:78px;--safe-bottom:max(12px,env(safe-area-inset-bottom))}.main{padding-bottom:calc(var(--bottom-h) + var(--safe-bottom) + 94px)!important}.bottom-nav{bottom:var(--safe-bottom);height:var(--bottom-h);border-radius:23px;box-shadow:0 16px 46px rgba(16,35,66,.22)}.calc-action{bottom:calc(var(--bottom-h) + var(--safe-bottom) + 22px)!important}.mobile-end-space{height:96px}.page-title,.workspace-intro,.section-head{padding-left:2px;padding-right:2px}.matrix-card,.compute-card,.result-panel,.learning-path,.calculus-hero,.calculus-card,.lesson-card,.history-card,.account-card{scroll-margin-bottom:calc(var(--bottom-h) + 50px)}.calculus-hero{display:grid;padding:18px}.calculus-mark{justify-self:start}.calculus-fields{grid-template-columns:1fr}.calculus-fields .field.wide{grid-column:auto}.calculus-help{grid-template-columns:1fr}.calculus-help small{grid-column:auto}.stage-buttons{display:flex;overflow:auto;padding-bottom:4px;scroll-snap-type:x proximity}.stage-buttons button{min-width:142px;scroll-snap-align:start}.learning-path{padding:16px}.history-pagination{display:grid;grid-template-columns:1fr auto 1fr}.history-pagination>button:first-child{justify-self:start}.history-pagination>button:last-child{justify-self:end}.history-pagination>div{overflow:auto;max-width:150px}.result-tabs{scroll-padding-left:6px}.modal-card{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.toast{bottom:calc(var(--bottom-h) + var(--safe-bottom) + 28px)}}
@media(max-width:420px){.main{padding-left:max(17px,env(safe-area-inset-left))!important;padding-right:max(17px,env(safe-area-inset-right))!important;padding-bottom:calc(var(--bottom-h) + var(--safe-bottom) + 102px)!important}.bottom-nav{left:10px;right:10px;width:calc(100% - 20px)}.matrix-card,.compute-card,.result-panel,.calculus-card,.calculus-hero,.learning-path{padding:17px}.calc-action{padding:10px}.calc-action .btn{min-width:0;padding-left:10px;padding-right:10px}.stage-guide{padding:11px}.history-pagination>div{max-width:116px}}
@media(min-width:1050px){.mobile-end-space{display:none}.calculus-hero{padding:26px}.calculus-card{padding:24px}.stage-buttons button{min-height:64px}}

@media(max-width:699px){html,body{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr) auto;overflow:hidden}.topbar{position:relative;top:auto;height:72px}.main{width:100%;height:auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-top:22px!important;padding-bottom:30px!important;scroll-padding-bottom:120px}.bottom-nav{position:relative!important;z-index:90;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:auto!important;height:72px!important;margin:8px 10px calc(10px + env(safe-area-inset-bottom))!important;border-radius:22px;flex:0 0 auto}.calc-action{bottom:14px!important;margin-bottom:8px}.mobile-end-space{height:28px}.toast{position:fixed;bottom:calc(94px + env(safe-area-inset-bottom))}.modal{position:fixed;inset:0}.modal-card{max-height:calc(100dvh - 40px);overflow:auto}.history-pagination{margin-bottom:8px}}
@media(max-width:420px){.main{padding-left:max(17px,env(safe-area-inset-left))!important;padding-right:max(17px,env(safe-area-inset-right))!important;padding-bottom:28px!important}.bottom-nav{margin-left:8px!important;margin-right:8px!important}.calc-action{bottom:12px!important}.hero-main,.usage-card,.learning-panel,.method-panel,.learn-hero,.account-card,.matrix-card,.compute-card,.result-panel,.calculus-card,.calculus-hero,.learning-path,.lesson-card,.history-card{border-radius:19px}.page-title,.workspace-intro,.section-head{padding-left:3px;padding-right:3px}.hero-lead,.page-title p,.workspace-intro small,.operation-desc,.compute-summary small,.matrix-sub,.lesson-summary{line-height:1.65}.matrix-card,.compute-card,.result-panel,.calculus-card,.calculus-hero,.learning-path,.lesson-card,.history-card,.account-card{padding-left:18px;padding-right:18px}}
.function-graph{display:grid;gap:14px}.graph-scroll{overflow:auto;padding:12px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,var(--surface-2),var(--surface))}.graph-svg{display:block;width:100%;min-width:540px;height:auto}.graph-axis{stroke:var(--line-strong);stroke-width:1.2;vector-effect:non-scaling-stroke}.graph-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.graph-area{fill:color-mix(in srgb,var(--primary) 13%,transparent);stroke:none}.graph-tangent{stroke:var(--violet);stroke-width:2.4;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.graph-level{stroke:var(--teal);stroke-width:2.2;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.graph-marker{fill:var(--surface);stroke:var(--primary);stroke-width:3;vector-effect:non-scaling-stroke}.graph-legend{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:10px;font-weight:750}.graph-legend span{display:inline-flex;align-items:center;gap:6px}.graph-legend i{width:16px;height:3px;border-radius:99px;background:var(--primary)}.graph-legend i.tangent{background:var(--violet)}.graph-legend i.average{background:var(--teal)}.graph-legend i.area{height:10px;background:color-mix(in srgb,var(--primary) 18%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line))}@media(max-width:699px){.graph-scroll{padding:8px 6px}.graph-svg{min-width:500px}.graph-panel{padding-left:14px!important;padding-right:14px!important}}

.result-tab-intro{display:grid;gap:4px;margin:0 0 14px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.result-tab-intro strong{font-size:12.5px;color:var(--text)}.result-tab-intro span{font-size:11px;line-height:1.6;color:var(--muted)}.step:before{content:none!important;display:none!important}.step{grid-template-columns:32px minmax(0,1fr)!important;gap:11px!important;min-width:0}.step>.step-number{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:900;font-size:11px;line-height:1}.step p{min-width:0!important;width:auto!important;margin:3px 0 0!important;font-size:12px!important;line-height:1.65!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none}.result-panel p,.result-panel li,.result-tab-intro span,.verify-box,.warn-box,.check-guide p,.explain-grid p{word-break:normal;overflow-wrap:break-word;white-space:normal}.answer-value-block{display:grid;gap:5px;margin:2px 0 12px}.answer-value-block>span{font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.interpret-box{margin:12px 0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--line));border-radius:15px;background:var(--primary-softer)}.interpret-box strong{display:block;font-size:12px;margin-bottom:5px}.interpret-box p{margin:0;color:var(--text-2);font-size:11.5px;line-height:1.65}.explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:11px}.explain-grid section{min-width:0;padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}.explain-grid section.wide{grid-column:1/-1}.explain-kicker{display:block;margin-bottom:6px;color:var(--primary);font-size:9.5px;font-weight:950;letter-spacing:.08em}.explain-grid h3{margin:0 0 6px!important;font-size:13px!important}.explain-grid p{margin:0;color:var(--text-2);font-size:11.5px;line-height:1.65}.formula-box{padding:10px 11px;border-radius:11px;background:var(--surface);border:1px dashed var(--line-strong);font:700 12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text);overflow:auto}.verify-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:11px 12px;margin-top:8px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.verify-metric>span{font-size:11px;color:var(--muted)}.verify-metric>strong{font:800 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)}.verify-metric>small{grid-column:1/-1;color:var(--muted);font-size:10px;line-height:1.55}.check-guide{margin-top:11px;padding:13px 14px;border-radius:14px;background:var(--primary-softer);border:1px solid color-mix(in srgb,var(--primary) 15%,var(--line))}.check-guide strong{display:block;margin-bottom:5px;font-size:11.5px}.check-guide p{margin:0;color:var(--text-2);font-size:11px;line-height:1.65}.result-detail-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:7px 0;margin:0!important;border-bottom:1px dashed var(--line);font-size:11.5px}.result-detail-row:last-child{border-bottom:0}.result-detail-row span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.result-tabs{scrollbar-width:thin}.result-tabs button{flex:0 0 auto}@media(max-width:699px){.result-panel{padding:18px!important}.result-tab-intro{padding:12px 13px}.explain-grid{grid-template-columns:1fr}.explain-grid section.wide{grid-column:auto}.step{grid-template-columns:30px minmax(0,1fr)!important;gap:10px!important}.step>.step-number{width:29px;height:29px}.step p{font-size:11.5px!important;line-height:1.68!important}.verify-metric{grid-template-columns:1fr}.verify-metric>strong{justify-self:start}.verify-metric>small{grid-column:auto}.result-tabs{margin-left:0!important;margin-right:0!important;padding:5px;scroll-padding-inline:5px}.result-tabs button{min-height:41px;padding:0 13px}.formula-box{font-size:11.5px}}@media(max-width:420px){.result-panel{padding:17px 16px!important}.result-tab-intro{margin-bottom:13px}.result-tab-intro span,.interpret-box p,.explain-grid p{font-size:11px}.step p{font-size:11.25px!important}.answer-value-block .result-value{font-size:23px}.result-tabs button{font-size:10px;padding:0 12px}}



.empty strong,.empty span,.empty small{display:block}.empty strong+span,.empty span+small,.empty strong+small{margin-top:5px}.view,.section,.home-hero,.home-columns,.quick-grid,.learning-panel,.method-panel,.learn-hero,.learning-path,.lesson-grid,.calc-layout,.calc-main,.workspace,.matrix-card,.compute-card,.result-section,.result-shell,.history-list,.account-layout,.account-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.lesson-material{display:grid;gap:12px;width:100%;margin-top:16px}.lesson-material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}.lesson-material section{width:100%;min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2)}.lesson-material-lead{background:var(--primary-softer)!important;border-color:color-mix(in srgb,var(--primary) 18%,var(--line))!important}.lesson-material-kicker{display:block;margin-bottom:7px;color:var(--primary);font-size:9.5px;font-weight:950;letter-spacing:.08em}.lesson-material h3{margin:0 0 7px!important;font-size:13px!important}.lesson-material p,.lesson-material li{font-size:11.5px!important;line-height:1.68!important;color:var(--text-2);word-break:normal;overflow-wrap:break-word}.lesson-material ol{margin:0;padding-left:20px;display:grid;gap:7px}.lesson-material details{margin-top:10px;border-top:1px dashed var(--line);padding-top:9px}.lesson-material summary{cursor:pointer;color:var(--primary);font-size:11px;font-weight:850}.lesson-material details p{margin:8px 0 0}.lesson-summary{clear:both;margin-top:13px!important}.modal-actions .btn{width:100%}.result-panel,.result-tab-intro,.verify-box,.warn-box,.interpret-box,.check-guide{max-width:100%;box-sizing:border-box}.result-panel p,.result-panel span,.result-panel li,.lesson-card p,.history-card p,.setting-row small,.profile-note,.guest-banner small,.usage-card p{word-break:normal;overflow-wrap:break-word;hyphens:none}.matrix-card,.lesson-card,.history-card,.account-card,.quick-card,.learning-panel,.method-panel,.usage-card,.hero-main{overflow:hidden}
@media(max-width:699px){.main{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.modal{padding:10px;align-items:center;justify-items:center}.modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:22px!important;padding:18px 16px calc(20px + env(safe-area-inset-bottom))!important}.lesson-material-grid{grid-template-columns:1fr}.lesson-material section{padding:14px}.lesson-modal-head{padding-right:48px}.lesson-modal-head>div{min-width:0}.lesson-modal-head h2{font-size:21px!important;line-height:1.2;overflow-wrap:break-word}.lesson-summary{font-size:12px!important;line-height:1.68!important}.lesson-note{padding:14px}.lesson-note span{font-size:11px;line-height:1.65}.page-title,.workspace-intro,.section-head{margin-left:0!important;margin-right:0!important}.matrix-card,.compute-card,.result-panel,.calculus-card,.calculus-hero,.learning-path,.lesson-card,.history-card,.account-card,.guest-banner,.usage-card,.hero-main,.learning-panel,.method-panel{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}.result-tabs{width:100%;max-width:100%}.stage-buttons{width:100%;padding-bottom:3px}.stage-buttons button{min-width:112px}.history-pagination{width:100%;flex-wrap:wrap;justify-content:center}.history-card{gap:10px}.setting-row{gap:10px}}
@media(max-width:480px){.quick-grid{grid-template-columns:1fr!important}.quick-card{min-height:132px}.lesson-grid{grid-template-columns:1fr!important}.hero-main{padding-left:19px!important;padding-right:19px!important}.usage-card,.learning-panel,.method-panel,.learn-hero,.learning-path,.matrix-card,.compute-card,.result-panel,.calculus-card,.calculus-hero,.history-card,.account-card{padding-left:17px!important;padding-right:17px!important}.page-title h1,.calc-title h1{overflow-wrap:break-word}.calc-action{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px}.calc-action .btn{width:100%;padding-left:10px;padding-right:10px}.result-tabs button{padding-left:12px!important;padding-right:12px!important}}

.modal-open{overflow:hidden}.app-footer{margin:30px 2px 4px;padding:18px 20px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-xs)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}.footer-identity{display:flex;align-items:center;gap:11px;min-width:0}.footer-mark{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-weight:950}.footer-identity strong{display:block;font-size:12.5px;line-height:1.25}.footer-identity small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.footer-credit{display:grid;gap:4px;text-align:right;color:var(--muted);font-size:10.5px;line-height:1.45}.footer-credit strong{color:var(--text-2);font-size:11px;font-weight:800}@media(max-width:699px){.app-footer{margin:24px 0 2px;padding:16px;border-radius:18px}.footer-inner{display:grid;gap:13px}.footer-credit{text-align:left;padding-top:12px;border-top:1px dashed var(--line)}.footer-identity strong{font-size:12px}.footer-credit strong{font-size:10.75px}}@media(max-width:420px){.app-footer{padding:15px}.footer-mark{width:36px;height:36px}.footer-credit{line-height:1.55}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.view{animation:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{.app-footer{margin-top:18px;box-shadow:none;border-color:#bbb;background:#fff}.footer-mark{border:1px solid #bbb;background:#fff;color:#000}.footer-credit,.footer-credit strong,.footer-identity small{color:#333}}