:root{
  --paper:#f2ede4;--paper-deep:#e9e0d2;--surface:#fffdf8;--surface-soft:#faf6ee;
  --ink:#2d271f;--muted:#827665;--faint:#aaa090;--line:#ded4c4;--line-strong:#cdbd9f;
  --rail:#211f1a;--rail-soft:#2d2922;--gold:#a87627;--gold-2:#c89539;--gold-soft:#f5e7c6;
  --blue:#315d86;--blue-soft:#e7eff6;--coral:#c65f4e;--coral-soft:#f8e7e3;--green:#4d775d;--green-soft:#e6efe8;
  --danger:#b34035;--shadow:0 14px 40px rgba(52,42,27,.07);--shadow-sm:0 5px 18px rgba(52,42,27,.055);
  --sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--serif:"Songti SC","STSong","SimSun",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;-webkit-tap-highlight-color:transparent}
button,input,textarea,select{font:inherit}
button,a{outline-offset:3px}
button{color:inherit}
a{color:inherit}
.hidden{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.math-platform-nav{position:fixed;z-index:80;inset:0 auto 0 0;width:218px;padding:24px 14px 18px;background:linear-gradient(180deg,#24211b 0%,#1d1b17 100%);color:#eee7db;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.04)}
.math-brand{display:flex;align-items:center;gap:11px;padding:0 8px 28px;text-decoration:none;font:700 20px/1 var(--serif);letter-spacing:.04em}
.math-brand-mark,.mobile-brand-mark{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#e6b34d,#bd7e1b);color:#241c10;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.math-brand small{display:block;margin-top:8px;font:600 8px/1 var(--sans);letter-spacing:.24em;color:#9f978a}
.rail-section-label{padding:0 12px 9px;color:#746e64;font-size:10px;font-weight:700;letter-spacing:.16em}
.math-nav-list{display:grid;gap:5px}
.math-nav-item{width:100%;min-height:48px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#cfc8bd;text-decoration:none;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;font-size:14px;transition:.18s ease}
.math-nav-item i{width:18px;text-align:center;font-size:15px;color:#a9a194}
.math-nav-item:hover{background:rgba(255,255,255,.055);color:#fff}
.math-nav-item.active{background:linear-gradient(135deg,#815a20,#a8792d);color:#fff;box-shadow:0 9px 22px rgba(0,0,0,.18)}
.math-nav-item.active i{color:#f7df9c}
.math-nav-item.compact{min-height:42px}
.rail-bottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}
.rail-user{display:flex;align-items:center;gap:10px;padding:13px 10px 2px;min-width:0}
.rail-avatar{width:34px;height:34px;border-radius:50%;background:#f2dfb4;color:#69491b;display:grid;place-items:center;flex:0 0 auto;font:700 15px var(--serif)}
.rail-user b{display:block;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.rail-user small{display:block;color:#91897d;margin-top:4px;font-size:10px}
.mobile-math-nav{display:none}

.platform-main{min-height:100dvh;margin-left:218px;padding:0 30px 40px}
.platform-topbar{height:78px;max-width:1480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(139,117,82,.16)}
.topbar-title{display:flex;align-items:center;gap:11px;min-width:0}
.topbar-title strong{display:block;font:700 19px/1.2 var(--serif);letter-spacing:.03em}
.topbar-title small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.mobile-brand-mark{display:none}
.topbar-actions{display:flex;align-items:center;gap:9px}
.topbar-point,.ghost-button,.icon-button,.text-button,.secondary-button,.primary-button{cursor:pointer;transition:.18s ease}
.topbar-point{height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(255,253,248,.72);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted)}
.topbar-point i{color:var(--gold)}
.topbar-point b{color:var(--ink);font-size:15px}
.ghost-button{height:40px;border:0;border-radius:10px;background:transparent;padding:0 10px;display:flex;align-items:center;gap:8px}
.ghost-button:hover{background:rgba(255,255,255,.6)}
.app-view{display:none;max-width:1480px;margin:0 auto;padding-top:24px}
.app-view.active{display:block;animation:viewIn .22s ease both}
@keyframes viewIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.dashboard-hero{min-height:344px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,253,248,.98),rgba(247,239,226,.96));box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);overflow:hidden;position:relative}
.dashboard-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(135,103,59,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(135,103,59,.045) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent 8%,#000 70%);pointer-events:none}
.hero-copy{position:relative;z-index:1;padding:40px 44px 34px;display:flex;flex-direction:column;align-items:flex-start}
.eyebrow,.section-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #e3c78d;background:#fff9eb;border-radius:999px;padding:7px 10px}
.hero-copy h1{font:700 clamp(34px,4vw,57px)/1.13 var(--serif);letter-spacing:.02em;margin:18px 0 13px;max-width:720px}
.hero-copy p{max-width:680px;margin:0;color:var(--muted);line-height:1.75;font-size:15px}
.hero-actions{display:flex;gap:10px;margin-top:23px;flex-wrap:wrap}
.primary-button,.secondary-button{min-height:44px;border-radius:10px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-weight:700;border:1px solid transparent}
.primary-button{color:#fff;background:linear-gradient(135deg,#8f621f,#b7832d);box-shadow:0 8px 20px rgba(137,91,25,.2)}
.primary-button:hover{transform:translateY(-1px);filter:brightness(.97);box-shadow:0 11px 25px rgba(137,91,25,.24)}
.secondary-button{background:var(--surface);border-color:var(--line-strong);color:#5e4b32}
.secondary-button:hover{background:#fff8e9;border-color:#b58b4b}
.primary-button.full,.secondary-button.full{width:100%}
.hero-promise{display:flex;gap:15px;flex-wrap:wrap;margin-top:auto;padding-top:22px;color:var(--muted);font-size:11px}
.hero-promise span{display:flex;align-items:center;gap:5px}.hero-promise i{color:var(--green)}
.hero-workflow{position:relative;z-index:1;margin:22px 22px 22px 0;border-radius:15px;background:#2b2923;color:#f2ece2;padding:20px;box-shadow:0 18px 35px rgba(32,27,20,.17);overflow:hidden}
.hero-workflow:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-75px;background:radial-gradient(circle,rgba(205,155,61,.28),transparent 68%)}
.workflow-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b9b1a5}.workflow-head b{color:#e1b459;font-weight:700}
.workflow-problem{position:relative;z-index:1;margin-top:15px;border:1px solid rgba(255,255,255,.1);border-radius:11px;padding:14px;background:rgba(255,255,255,.035)}
.problem-kicker{display:block;color:#d2a74f;font-size:9px;letter-spacing:.14em}.workflow-problem strong{display:block;margin-top:7px;font-size:13px}.math-line{margin-top:10px;font:italic 23px var(--serif);color:#f6e8c9}
.workflow-steps{position:relative;z-index:1;list-style:none;margin:15px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.workflow-steps li{display:flex;gap:9px;align-items:center;border-radius:9px;background:rgba(255,255,255,.055);padding:10px}
.workflow-steps>li>span{width:26px;height:26px;border-radius:50%;background:#a7782c;color:#fff4d6;display:grid;place-items:center;font-size:9px;flex:0 0 auto}.workflow-steps b{display:block;font-size:11px}.workflow-steps small{display:block;color:#918b81;margin-top:3px;font-size:9px}

.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.metric-card{border:1px solid var(--line);background:rgba(255,253,248,.84);border-radius:14px;padding:17px;display:flex;align-items:center;gap:13px;box-shadow:var(--shadow-sm)}
.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto}.metric-icon.gold{background:var(--gold-soft);color:var(--gold)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.coral{background:var(--coral-soft);color:var(--coral)}.metric-icon.green{background:var(--green-soft);color:var(--green)}
.metric-card small,.metric-card span{display:block}.metric-card small{color:var(--muted);font-size:10px}.metric-card strong{display:block;font:700 25px/1 var(--serif);margin:5px 0}.metric-card div>span{color:var(--faint);font-size:9px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:14px;margin-top:14px}
.panel{border:1px solid var(--line);background:rgba(255,253,248,.9);border-radius:16px;box-shadow:var(--shadow-sm)}
.recent-panel{padding:22px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2,.start-guide h2,.formula-panel h2{font:700 22px/1.2 var(--serif);margin:5px 0 0}.text-button{border:0;background:transparent;color:var(--gold);padding:6px;font-weight:700;text-decoration:none}
.text-button:hover{color:#714915}
.recent-courseware{margin-top:16px;display:grid;gap:8px}.courseware-row{border:1px solid #e6ddd0;border-radius:11px;background:#fff;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px}
.courseware-thumb{width:48px;height:48px;border-radius:9px;background:linear-gradient(145deg,#f7ead0,#eee2d1);display:grid;place-items:center;color:var(--gold);font-size:18px}.courseware-main{min-width:0}.courseware-main strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.courseware-main p{margin:5px 0 0;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.courseware-meta{display:flex;align-items:center;gap:8px;color:var(--faint);font-size:9px;margin-top:7px}.tag{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;background:#f4eee4;color:#705d43;padding:0 8px;font-size:9px}.row-actions{display:flex;gap:4px}
.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;text-decoration:none;color:#716759}.icon-button:hover{border-color:#b68e51;color:var(--gold);background:#fff9ed}.icon-button.favorite{color:#bd7d18;background:#fff4d6}
.dashboard-side{display:grid;gap:14px}.start-guide{padding:20px;position:relative;overflow:hidden}.guide-number{position:absolute;right:15px;top:10px;font:700 68px/1 var(--serif);color:rgba(167,118,39,.09)}.start-guide>div{position:relative}.start-guide>div>small{color:var(--gold);font-size:10px}.start-guide ol{list-style:none;margin:18px 0;padding:0;display:grid;gap:11px}.start-guide li{display:flex;align-items:center;gap:10px;color:#665b4d;font-size:12px}.start-guide li span{width:24px;height:24px;border-radius:50%;background:#f2e5cc;color:#8b611f;display:grid;place-items:center;font-size:10px;font-weight:700}
.tool-banner{min-height:112px;padding:18px;border:1px solid #344a5d;border-radius:16px;background:linear-gradient(135deg,#263c50,#1f303f);color:#fff;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;box-shadow:0 12px 25px rgba(34,51,65,.16)}.tool-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;color:#dfb861}.tool-banner small,.tool-banner strong,.tool-banner em{display:block}.tool-banner small{font-size:9px;color:#aab8c3}.tool-banner strong{font:700 18px var(--serif);margin-top:3px}.tool-banner em{font-style:normal;font-size:9px;color:#98a9b5;margin-top:5px}

.view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 18px}.view-heading h1{font:700 clamp(30px,3vw,42px)/1.15 var(--serif);margin:6px 0 7px}.view-heading p{margin:0;color:var(--muted);font-size:13px}.cost-badge{display:inline-flex;align-items:center;gap:7px;background:#fff8e6;border:1px solid #e3c98e;color:#7a5520;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:700}
.generator-workspace{display:grid;grid-template-columns:minmax(390px,.86fr) minmax(520px,1.35fr);gap:14px;align-items:start}.generator-input{padding:22px}.generator-result{min-height:720px;overflow:hidden;position:sticky;top:16px}.input-mode-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.input-mode-head>div:first-child{display:flex;gap:11px}.step-badge{width:29px;height:29px;border-radius:9px;background:#2d2922;color:#f0c76e;display:grid;place-items:center;font-weight:800;font-size:11px;flex:0 0 auto}.input-mode-head h2{font:700 18px var(--serif);margin:0}.input-mode-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.account-inline{font-size:10px;color:var(--muted);white-space:nowrap}.account-inline b{color:var(--gold)}.compact-head{margin-bottom:14px}
.drop-zone{margin-top:16px;min-height:156px;border:1.5px dashed #cdbb9d;border-radius:13px;background:linear-gradient(145deg,#fffdf9,#faf4e9);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;cursor:pointer;transition:.18s ease}.drop-zone:hover,.drop-zone:focus{border-color:var(--gold);background:#fff8e9;outline:none;box-shadow:inset 0 0 0 3px rgba(168,118,39,.08)}.upload-icon{width:45px;height:45px;border-radius:13px;background:#f0dfbc;color:var(--gold);display:grid;place-items:center;font-size:18px;margin-bottom:10px}.drop-zone strong{font-size:13px}.drop-zone>span:not(.upload-icon){font-size:10px;color:var(--muted);margin-top:6px}.drop-zone em{font-style:normal;font-size:9px;color:var(--faint);margin-top:8px}.crop-wrap{display:none;margin-top:16px}.crop-wrap.show{display:block}.crop-box{border-radius:12px;overflow:hidden;background:#f3eee5;max-height:380px}.crop-box img{display:block;max-width:100%}.crop-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.crop-actions p{margin:0;color:var(--muted);font-size:10px}.or-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--faint);font-size:9px}.or-divider:before,.or-divider:after{content:"";height:1px;background:var(--line);flex:1}.field-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;margin-bottom:7px}.field-label small{font-weight:400;color:var(--faint)}textarea,input,select{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px}textarea{width:100%;resize:vertical;min-height:128px;padding:12px 13px;line-height:1.65;font-size:13px}textarea:focus,input:focus,select:focus{outline:none;border-color:#b78d4b;box-shadow:0 0 0 3px rgba(183,141,75,.11)}.ocr-review{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:11px;border:1px solid #b8d1bf;background:#f0f7f1;border-radius:10px;color:#3f684d}.ocr-review i{margin-top:2px}.ocr-review b,.ocr-review small{display:block}.ocr-review b{font-size:11px}.ocr-review small{margin-top:3px;color:#66806e;font-size:9px}.input-section-divider{height:1px;background:var(--line);margin:20px 0}.preference-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.preference-grid label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.preference-grid select{width:100%;height:40px;padding:0 10px}.option-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.switch-option{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;cursor:pointer}.switch-option input{margin-top:2px;accent-color:var(--gold)}.switch-option b,.switch-option small{display:block}.switch-option b{font-size:10px}.switch-option small{font-size:8px;color:var(--muted);line-height:1.5;margin-top:3px}.generate-button{width:100%;min-height:52px;margin-top:14px;font-size:14px}.generate-button:disabled{opacity:.58;cursor:not-allowed;transform:none}.form-note{display:flex;justify-content:center;gap:6px;color:var(--faint);font-size:9px;line-height:1.5;margin-top:10px}.form-note i{color:var(--green)}.error{display:none;margin-top:10px;padding:10px 11px;border-radius:9px;background:#fff0ed;border:1px solid #e8b2aa;color:var(--danger);font-size:11px;line-height:1.5}.error.show{display:block}.error.success{background:#edf7ef;border-color:#b7d5be;color:#3f6f4d}
.result-empty{min-height:720px;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.lesson-schematic{width:min(100%,420px);aspect-ratio:1.55;border:1px solid var(--line);border-radius:15px;background-color:#fbf8f1;background-image:linear-gradient(rgba(105,92,73,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(105,92,73,.08) 1px,transparent 1px);background-size:32px 32px;position:relative;overflow:hidden;margin-bottom:26px}.schematic-axis{position:absolute;background:#746b5e}.schematic-axis.x{height:1px;left:0;right:0;top:59%}.schematic-axis.y{width:1px;top:0;bottom:0;left:50%}.curve{position:absolute;left:18%;right:18%;height:75%;top:16%;border:3px solid var(--blue);border-color:var(--blue) transparent transparent var(--blue);border-radius:50% 50% 0 50%;transform:rotate(45deg)}.curve.two{border-color:var(--coral) transparent transparent var(--coral);transform:rotate(45deg) scale(.72) translate(18px,-18px)}.lesson-schematic>i{position:absolute;inset:auto 18px 16px auto;width:42px;height:42px;border-radius:50%;background:#2d2922;color:#f0c76e;display:grid;place-items:center;box-shadow:0 7px 20px rgba(35,31,25,.2)}.result-empty h2{font:700 26px var(--serif);margin:8px 0}.result-empty p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.8;margin:0}.result-capabilities{display:flex;gap:18px;margin-top:20px;color:#695e50;font-size:10px}.result-capabilities span{display:flex;align-items:center;gap:6px}.result-capabilities i{color:var(--gold)}
.loading-state{display:none;min-height:720px;padding:38px}.loading-state.show{display:block}.loading-head{display:flex;align-items:center;gap:14px;padding:18px;border-radius:13px;background:#2c2923;color:#f1eadf}.loading-head strong,.loading-head small{display:block}.loading-head small{color:#aaa296;margin-top:5px;font-size:10px}.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.18);border-top-color:#e2b65e;border-radius:50%;animation:spin .85s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}.generation-stages{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}.generation-stages li{display:grid;grid-template-columns:34px 1fr 24px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:13px;background:#fff}.generation-stages li>span{width:30px;height:30px;border-radius:9px;background:#eee8de;color:#776c5e;display:grid;place-items:center;font-weight:700;font-size:10px}.generation-stages b,.generation-stages small{display:block}.generation-stages b{font-size:12px}.generation-stages small{color:var(--muted);font-size:9px;margin-top:4px}.generation-stages li>i{display:none;color:var(--green)}.generation-stages li.active{border-color:#d6ae65;background:#fff9ec}.generation-stages li.active>span{background:var(--gold);color:#fff}.generation-stages li.done>i{display:block}.generation-stages li.done>span{background:var(--green);color:#fff}
.result-content{display:none}.result-content.show{display:block}.result-toolbar{min-height:64px;padding:11px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.result-toolbar>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.success-dot{width:10px;height:10px;border-radius:50%;background:#5b8a68;box-shadow:0 0 0 5px #e7f0e9}.result-toolbar small,.result-toolbar strong{display:block}.result-toolbar small{color:var(--green);font-size:9px}.result-toolbar strong{margin-top:3px;font-size:12px;max-width:420px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toolbar-actions{display:flex;gap:5px}.cached-note{display:none;margin:10px 13px 0;padding:9px 10px;border-radius:8px;background:#eef6ef;color:#4f7258;font-size:9px}.cached-note.show{display:block}.preview-card{height:620px;margin:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#f8f4ec}.courseware-frame{display:block;width:100%;height:100%;border:0}.result-footer{display:flex;gap:8px;padding:0 12px 12px}.result-footer button{flex:1}.solution-card{margin:0 12px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:17px}.solution-head{display:flex;align-items:center;justify-content:space-between}.solution-head h3{font:700 18px var(--serif);margin:0}.solution{font-size:13px;line-height:1.8;margin-top:14px;overflow-wrap:anywhere}.solution .katex-display{overflow-x:auto;padding-bottom:4px}

.library-panel{padding:20px}.library-toolbar{display:flex;align-items:center;gap:9px;padding-bottom:16px;border-bottom:1px solid var(--line)}.search-box{height:42px;min-width:260px;flex:1;border:1px solid var(--line);background:#fff;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box i{color:var(--faint)}.search-box input{border:0;box-shadow:none;width:100%;height:100%;padding:0}.library-toolbar select{height:42px;padding:0 10px;min-width:140px}.favorite-filter{height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 11px;display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.favorite-filter input{accent-color:var(--gold)}.library-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}.library-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:15px;min-width:0;transition:.18s ease}.library-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#c8ad7e}.library-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.type-chip{font-size:9px;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:5px 8px}.favorite-button{border:0;background:transparent;color:#c7b9a6;cursor:pointer}.favorite-button.active{color:#c88922}.library-card h3{font:700 17px/1.35 var(--serif);margin:13px 0 7px;min-height:46px}.library-card p{color:var(--muted);font-size:10px;line-height:1.65;height:34px;overflow:hidden;margin:0}.tag-list{display:flex;gap:5px;flex-wrap:wrap;min-height:23px;margin-top:11px}.library-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eee8df;margin-top:12px;padding-top:10px;color:var(--faint);font-size:9px}.library-actions{display:flex;gap:2px}.library-actions button,.library-actions a{width:30px;height:30px;border:0;border-radius:8px;background:transparent;display:grid;place-items:center;cursor:pointer;text-decoration:none}.library-actions button:hover,.library-actions a:hover{background:#f3ede3;color:var(--gold)}
.empty-state{grid-column:1/-1;min-height:240px;border:1px dashed var(--line-strong);border-radius:13px;background:#fcf8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.empty-state i{font-size:28px;color:#b89a65}.empty-state h3{font:700 20px var(--serif);margin:12px 0 6px}.empty-state p{color:var(--muted);font-size:11px;margin:0;max-width:380px;line-height:1.7}.empty-state button{margin-top:15px}
.knowledge-layout{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:14px}.knowledge-layout>.panel{padding:21px}.knowledge-overview{margin-top:16px;display:grid;gap:8px}.knowledge-topic{border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px 12px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.knowledge-topic strong{font-size:12px}.knowledge-topic small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.knowledge-topic b{font:700 21px var(--serif);color:var(--gold)}.formula-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.formula-grid article{border:1px solid var(--line);border-radius:11px;background:#fff;padding:14px}.formula-grid span,.formula-grid strong,.formula-grid small{display:block}.formula-grid span{font-size:9px;color:var(--gold)}.formula-grid strong{font:600 17px/1.5 var(--serif);margin:7px 0}.formula-grid small{color:var(--muted);font-size:9px}.teaching-tip-panel{margin-top:14px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center}.tip-icon{width:45px;height:45px;border-radius:12px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}.teaching-tip-panel h2{font:700 18px var(--serif);margin:0}.teaching-tip-panel p{margin:5px 0 0;color:var(--muted);font-size:10px}
.account-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:14px}.profile-panel{padding:22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.profile-avatar{width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#efd9a9,#d3a151);display:grid;place-items:center;color:#5c3b0c;font:700 22px var(--serif)}.profile-panel span{font-size:9px;color:var(--muted)}.profile-panel h2{font:700 21px var(--serif);margin:5px 0}.profile-panel p{margin:0;color:var(--muted);font-size:10px}.account-stats{padding:22px}.account-stats h2{font:700 18px var(--serif);margin:0 0 15px}.account-stats>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.account-stats span{border-left:2px solid #e0c894;padding-left:12px}.account-stats small,.account-stats b{display:block}.account-stats small{font-size:9px;color:var(--muted)}.account-stats b{font:700 24px var(--serif);margin-top:7px}.recharge-panel{grid-column:1/-1;padding:22px}.point-balance{font-size:10px;color:var(--muted)}.point-balance b{color:var(--gold);font-size:15px}.package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.package-button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:15px;text-align:left;cursor:pointer;position:relative}.package-button:hover{border-color:#bd9555;background:#fff9ee}.package-button strong,.package-button small{display:block}.package-button strong{font-size:13px}.package-button small{color:var(--muted);font-size:9px;margin-top:5px}.package-button b{position:absolute;right:15px;top:50%;transform:translateY(-50%);font:700 20px var(--serif);color:var(--gold)}.inline-empty{grid-column:1/-1;color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:10px;padding:18px;text-align:center}.panel-note{color:var(--faint);font-size:9px;margin:11px 0 0}.invite-panel{grid-column:1/-1;padding:20px;text-decoration:none;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#2d2923,#433829);color:#fff}.invite-icon{width:48px;height:48px;border-radius:13px;background:rgba(229,181,87,.16);color:#e1b65d;display:grid;place-items:center}.invite-panel h2{font:700 20px var(--serif);margin:5px 0}.invite-panel p{margin:0;color:#bcb2a4;font-size:10px}

.auth-overlay,.modal-overlay{position:fixed;z-index:2000;inset:0;background:rgba(35,30,23,.48);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:min(100%,440px);max-height:calc(100dvh - 32px);overflow:auto;background:var(--surface);border:1px solid #d5c8b4;border-radius:17px;box-shadow:0 24px 70px rgba(28,23,17,.25);padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.modal-head h2{font:700 25px var(--serif);margin:5px 0 0}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#eee7dc;padding:4px;border-radius:10px;margin-bottom:14px}.auth-tabs button{height:36px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 3px 8px rgba(53,42,27,.08);font-weight:700}.field{display:block;margin-bottom:10px}.field>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.field input{width:100%;height:43px;padding:0 12px}.code-field{display:grid;grid-template-columns:1fr auto;gap:8px}.code-field .field{margin:0}.invite-context{display:none;padding:9px;border:1px solid #dcc38f;border-radius:9px;background:#fff8e8;color:#75511f;font-size:10px;line-height:1.6}.invite-context.show{display:block}.modal-note{color:var(--muted);font-size:9px;line-height:1.65;margin:11px 0 0}.meta-card{width:min(100%,480px)}
.toast{position:fixed;z-index:3000;left:calc(50% + 109px);bottom:30px;transform:translate(-50%,10px);background:rgba(34,30,24,.94);color:#fff;border-radius:10px;padding:10px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1180px){
  .platform-main{padding-left:20px;padding-right:20px}.dashboard-hero{grid-template-columns:1fr .8fr}.hero-copy{padding:32px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr 1fr}.generator-workspace{grid-template-columns:1fr}.generator-result{position:static}.library-list{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-layout{grid-template-columns:1fr}.result-toolbar strong{max-width:320px}
}
@media(max-width:760px){
  body{padding-bottom:70px}.math-platform-nav{display:none}.mobile-math-nav{position:fixed;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;height:64px;background:#24211b;border-top:1px solid rgba(255,255,255,.08)}.mobile-math-nav button,.mobile-math-nav a{border:0;background:transparent;color:#a9a195;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px}.mobile-math-nav i{font-size:16px}.mobile-math-nav button.active,.mobile-math-nav a.active{color:#e6b956;background:#30291e}.platform-main{margin-left:0;padding:0 12px 18px}.platform-topbar{height:66px}.mobile-brand-mark{display:grid;width:34px;height:34px}.topbar-title strong{font-size:15px}.topbar-title small{display:none}.topbar-point span,.ghost-button span{display:none}.topbar-point,.ghost-button{width:39px;padding:0;justify-content:center}.topbar-point b{font-size:10px}.app-view{padding-top:15px}.dashboard-hero{grid-template-columns:1fr;border-radius:15px}.hero-copy{padding:25px 20px 20px}.hero-copy h1{font-size:35px}.hero-copy p{font-size:12px}.hero-workflow{margin:0 12px 12px}.hero-promise{gap:8px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.metric-card{padding:12px;gap:9px}.metric-icon{width:35px;height:35px}.metric-card strong{font-size:20px}.dashboard-grid{margin-top:10px;gap:10px}.dashboard-side{grid-template-columns:1fr}.recent-panel{padding:15px}.courseware-row{grid-template-columns:42px minmax(0,1fr);padding:10px}.courseware-thumb{width:42px;height:42px}.courseware-row>.row-actions{grid-column:2;justify-content:flex-start}.view-heading{display:block}.view-heading h1{font-size:30px}.view-heading>.primary-button,.view-heading>.secondary-button,.cost-badge{margin-top:12px}.generator-workspace{grid-template-columns:1fr}.generator-input{padding:15px}.generator-result{min-height:520px}.result-empty{min-height:520px;padding:28px 18px}.lesson-schematic{margin-bottom:19px}.preference-grid,.option-row{grid-template-columns:1fr}.input-mode-head{display:block}.account-inline{display:block;margin-top:8px}.loading-state{min-height:520px;padding:18px}.preview-card{height:65dvh;margin:8px}.result-toolbar{align-items:flex-start}.result-toolbar strong{max-width:185px}.result-footer{display:grid}.library-panel{padding:12px}.library-toolbar{display:grid;grid-template-columns:1fr 1fr}.search-box{grid-column:1/-1;min-width:0}.library-toolbar select{min-width:0;width:100%}.library-list{grid-template-columns:1fr}.knowledge-layout{grid-template-columns:1fr}.formula-grid{grid-template-columns:1fr}.teaching-tip-panel{grid-template-columns:auto 1fr}.teaching-tip-panel>a{grid-column:2}.account-grid{grid-template-columns:1fr}.profile-panel{grid-template-columns:auto 1fr}.profile-panel>#accountActions{grid-column:1/-1;width:100%}.package-list{grid-template-columns:1fr}.account-stats>div{gap:4px}.toast{left:50%;bottom:78px}.result-capabilities{gap:9px;flex-wrap:wrap;justify-content:center}.workflow-steps{grid-template-columns:1fr 1fr}
}