:root{color:#26323f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#26323f;--text:#414b56;--muted:#79828e;--line:#e4edf4;--blue:#3bf;--blue-strong:#1aa6ee;--blue-soft:#eaf8ff;--cyan:#00c2d4;--cyan-soft:#e8fbfd;--yellow:#ffe063;--yellow-soft:#fff9dc;--orange:#ff9045;--orange-soft:#fff2e9;--purple:#ae84e3;--purple-soft:#f6efff;--surface:#fff;--font-display-num:"Cooper Black", "Bodoni 72", "Georgia", serif;--radius-card:18px;--radius-inner:12px;--shadow:0 18px 38px #4f9dbf24;--shadow-soft:0 12px 28px #4f9dbf1a;background:#eaf6fb;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{min-height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:3px;outline:3px solid #33bbff59}.app-bg{background:radial-gradient(circle at 18% 8%,#ffe06359,#0000 30%),radial-gradient(circle at 86% 10%,#00c2d447,#0000 28%),linear-gradient(#e8f8ff 0%,#f4fbff 42%,#eef7fb 100%);min-height:100dvh;padding:0}.device-shell{background:radial-gradient(circle at 82% 5%,#00c2d433,#0000 24%),radial-gradient(circle at 0 18%,#ffe06338,#0000 22%),#f1f8fc;width:100%;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden}.device-shell:before{z-index:0;pointer-events:none;content:"";opacity:.45;background-image:linear-gradient(#33bbff0a 1px,#0000 1px),linear-gradient(90deg,#33bbff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 42%);mask-image:linear-gradient(#000 0%,#0000 42%)}.status-bar,.screen,.tab-bar{z-index:1;position:relative}.status-bar{color:#05080a;letter-spacing:.01em;justify-content:space-between;align-items:center;height:44px;padding:9px 32px 0;font-size:17px;font-weight:800;display:flex}.status-icons{align-items:center;gap:10px;display:flex}.signal-bars{align-items:flex-end;gap:3px;height:18px;display:flex}.signal-bars i{background:#05080a;border-radius:4px;width:5px;display:block}.signal-bars i:first-child{height:7px}.signal-bars i:nth-child(2){height:10px}.signal-bars i:nth-child(3){height:14px}.signal-bars i:nth-child(4){height:17px}.wifi-mark{border:4px solid #05080a;border-bottom:0;border-radius:20px 20px 0 0;width:22px;height:16px;transform:scaleY(.72)}.battery-mark{border:2px solid #05080abf;border-radius:6px;width:28px;height:15px;position:relative}.battery-mark:before{content:"";background:#05080a;border-radius:3px;width:16px;height:7px;position:absolute;top:3px;left:4px}.battery-mark:after{content:"";background:#05080a66;border-radius:0 3px 3px 0;width:3px;height:6px;position:absolute;top:4px;right:-5px}.screen{min-height:calc(100dvh - 44px);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.screen.is-flow{padding-bottom:calc(28px + env(safe-area-inset-bottom))}.page{width:min(100%,1040px);margin:0 auto;padding:20px 16px 0;animation:.42s cubic-bezier(.22,1,.36,1) both page-enter}.page-header{justify-content:space-between;align-items:center;gap:16px;min-height:54px;margin-bottom:12px;display:flex}.page-header h1{color:var(--ink);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(28px,7vw,42px);font-weight:850;line-height:1.15}.kicker,.panel-eyebrow{color:#249ed4;margin:0 0 4px;font-size:13px;font-weight:700}.text-action{color:var(--text);background:0 0;padding:8px 0;font-size:16px;font-weight:700;transition:transform .16s,color .16s}.text-action:active,.tab-button:active,.prep-action:active,.practice-card:active,.offer-card button:active,.fix-hero button:active,.content-pass:active,.settings-row:active{transform:translateY(1px)scale(.99)}.stage-badge,.soft-badge,.subject-dot,.status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.stage-badge{color:#00a9c2;box-shadow:var(--shadow-soft);background:#fff}.soft-badge{color:#00a9c2;background:var(--cyan-soft)}.hero-panel,.card,.settings-card,.content-pass,.profile-card{border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}.hero-panel{grid-template-columns:1fr auto;align-items:center;gap:12px;padding:18px;display:grid;overflow:hidden}.hero-panel h2,.section-title-row h2,.practice-card h2{color:var(--ink);letter-spacing:0;margin:0;font-size:20px;font-weight:850;line-height:1.25}.hero-panel p,.section-title-row p,.practice-card p,.offer-copy p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.card{padding:14px}.section-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.abstract-tile{width:70px;height:70px;color:var(--tile-main);background:radial-gradient(circle at 74% 20%, #ffffffd9, transparent 23%), linear-gradient(135deg, var(--tile-soft), #fff);border-radius:18px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.abstract-tile svg{z-index:2;position:relative}.tile-orbit{border:8px solid #ffffffbf;border-radius:50%;width:56px;height:56px;position:absolute;bottom:-18px;right:-12px}.tile-chip{background:var(--tile-main);opacity:.55;border-radius:4px;width:10px;height:10px;display:none;position:absolute;top:10px;left:10px}.tile-label{color:var(--tile-main);font-size:10px;font-weight:900;position:absolute;bottom:6px;right:7px}.tone-blue{--tile-main:var(--blue);--tile-soft:var(--blue-soft)}.tone-cyan{--tile-main:var(--cyan);--tile-soft:var(--cyan-soft)}.tone-yellow{--tile-main:#d7ad19;--tile-soft:var(--yellow-soft)}.tone-orange{--tile-main:var(--orange);--tile-soft:var(--orange-soft)}.tone-purple{--tile-main:var(--purple);--tile-soft:var(--purple-soft)}.up-hero{background:radial-gradient(circle at 100% 0,#00c2d42e,#0000 36%),linear-gradient(135deg,#fff,#eefaff);margin-bottom:16px}.hero-stack{width:104px;height:96px;position:relative}.hero-stack .abstract-tile:first-child{position:absolute;bottom:0;right:28px;transform:rotate(-5deg)}.hero-stack .abstract-tile:last-child{width:58px;height:58px;position:absolute;top:0;right:0;transform:rotate(8deg)}.course-grid{gap:14px;display:grid}.offer-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fff;grid-template-columns:76px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.offer-card h3{color:var(--ink);margin:0;font-size:17px;font-weight:850;line-height:1.35}.offer-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.offer-bottom strong{color:#ff3a1f;font-size:22px;line-height:1}.num-pop{transform-origin:50% 70%;animation:.36s cubic-bezier(.34,1.56,.64,1) both spring-scale-in;display:inline-block}.offer-bottom strong .num-pop,.practice-side .num-pop,.stat-card strong .num-pop,.metric-strip strong .num-pop,.price-line strong .num-pop{font-family:var(--font-display-num);font-variant-numeric:lining-nums;letter-spacing:0}.offer-card button,.fix-hero button,.hero-cta{background:var(--blue);color:#fff;border-radius:999px;min-width:86px;height:36px;padding:0 16px;font-size:14px;font-weight:850;transition:transform .16s,background .16s}.offer-card button:hover,.fix-hero button:hover{background:var(--blue-strong)}.hero-cta{margin-top:14px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.fix-hero .hero-actions button{margin-top:0}.fix-hero .ghost-pill{color:var(--blue-strong);background:#fff;border:1.5px solid #33bbff52}.fix-hero .ghost-pill:hover{background:var(--blue-soft)}.subject-switch{box-shadow:var(--shadow-soft);background:#fff;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px;padding:7px;display:grid}.subject-pill{color:#666f7a;background:0 0;border-radius:999px;height:38px;font-size:16px;font-weight:700;transition:background .18s,color .18s,transform .16s}.subject-pill.is-active{color:#fff;background:var(--tile-main)}.prep-card{margin-bottom:18px}.prep-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.prep-action{background:linear-gradient(180deg, var(--tile-soft), #fff);min-height:88px;color:var(--tile-main);border-radius:14px;justify-items:center;gap:3px;padding:6px 4px 4px;transition:transform .16s,box-shadow .16s;display:grid}.prep-action span{background:0 0;border-radius:16px;place-items:center;width:44px;height:38px;display:grid}.prep-action strong{color:var(--ink);font-size:13px;line-height:18px}.prep-action small{color:var(--tile-main);font-size:11px;font-weight:700}.lesson-card{padding-bottom:18px}.month-row,.month-open-head{background:#fff;border-radius:12px;width:100%;min-height:42px;padding:0 8px}.month-row,.month-open-head,.month-open-head>div{justify-content:space-between;align-items:center;display:flex}.month-row span,.month-open-head strong{color:#626c76;align-items:center;gap:8px;font-size:16px;font-weight:850;display:flex}.month-row small{color:#9aa3ad;font-size:12px}.month-open{margin:4px 0}.month-open-head{margin-bottom:6px}.month-open-head strong{color:var(--ink);font-size:18px}.open-caret{transform:rotate(90deg)}.subject-dot{color:#fff;background:var(--tile-main)}.lesson-list{gap:8px;display:grid}.lesson-item{background:#fff;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;padding:10px;display:grid}.lesson-item.is-current{border:1.5px solid var(--blue);background:var(--blue-soft);min-height:82px}.lesson-date{width:46px;height:46px;color:var(--tile-main);background:#fff;border-radius:12px;place-items:center;display:grid}.lesson-date span{font-size:11px;font-weight:850;line-height:1}.lesson-item h3{color:var(--ink);margin:0;font-size:15px;font-weight:850;line-height:1.35}.lesson-item p{color:#66717b;margin:4px 0 0;font-size:12px;line-height:1.4}.status-blue{color:#fff;background:var(--blue)}.status-orange{color:var(--orange);background:var(--orange-soft)}.status-purple{color:var(--purple);background:var(--purple-soft)}.status-muted{color:#707985;background:#f1f5fa}.practice-grid{gap:14px;display:grid}.practice-card{border-radius:var(--radius-card);min-height:136px;color:var(--tile-main);background:radial-gradient(circle at 88% 16%, #ffffffe6, transparent 18%), linear-gradient(135deg, var(--tile-soft), #fff);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px;display:grid;overflow:hidden}.practice-card h2{font-size:26px}.practice-card p{color:#53616d;font-size:14px}.practice-side{justify-items:center;gap:8px;min-width:86px;display:grid}.practice-side .abstract-tile{width:62px;height:62px}.practice-side>span{color:var(--tile-main);justify-items:center;gap:1px;font-size:23px;font-weight:900;line-height:1;display:grid}.practice-side small{color:#697682;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:800;line-height:1.2}.download-card{border-radius:var(--radius-card);color:#9a6d24;text-align:left;background:#fffaf0cc;border:1px solid #ffe06380;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;margin-top:18px;padding:18px;display:grid;box-shadow:0 8px 18px #9a6d240f}.download-card strong{color:var(--ink);font-size:19px;display:block}.download-card small{color:#77684f;margin-top:3px;font-size:13px;display:block}.fix-hero{background:radial-gradient(circle at 100% 0,#ffe06338,#0000 34%),linear-gradient(135deg,#fff,#eefaff);margin-bottom:14px}.fix-hero button{margin-top:14px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-card{min-height:78px;box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;place-items:center;display:grid}.stat-card strong{color:var(--blue-strong);font-size:24px;line-height:1}.stat-card span{color:var(--muted);font-size:12px}.bucket-list{gap:10px;display:grid}.bucket-row{background:linear-gradient(135deg, var(--tile-soft), #fff);width:100%;min-height:58px;color:var(--tile-main);text-align:left;border-radius:14px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.bucket-row span{background:#fff;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.bucket-row strong{color:var(--ink);font-size:15px}.bucket-row small{color:var(--tile-main);font-size:12px;font-weight:800}.profile-card{background:radial-gradient(circle at 92% 0,#ffe0632e,#0000 26%),#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:grid}.avatar-ring{background:linear-gradient(135deg, var(--blue-soft), var(--yellow-soft));border-radius:24px;place-items:center;width:70px;height:70px;display:grid}.avatar-core{width:58px;height:58px;color:var(--blue-strong);background:#fff;border-radius:20px;place-items:center;display:grid}.profile-card h1{color:var(--ink);margin:0;font-size:24px;line-height:1.2}.profile-card p{color:#a4adb7;margin:8px 0 0;font-size:14px}.profile-card button{background:var(--blue-soft);width:38px;height:38px;color:var(--blue-strong);border-radius:12px;place-items:center;display:grid}.content-pass{color:#8c7340;text-align:left;background:linear-gradient(135deg,#fffdf3,#fff);border:1.5px solid #ffe063e6;justify-content:space-between;align-items:center;width:100%;min-height:92px;margin-bottom:14px;padding:18px;display:flex}.content-pass strong{color:#786437;font-size:22px;font-weight:850;display:block}.content-pass small{color:#998b69;margin-top:6px;font-size:13px;display:block}.settings-card{margin-bottom:14px;overflow:hidden}.settings-row{color:#4d5661;text-align:left;background:#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;min-height:64px;padding:0 18px;transition:background .16s,transform .16s;display:grid}.settings-row+.settings-row{border-top:1px solid #edf2f6}.settings-row span{color:var(--text);font-size:17px;font-weight:700}.settings-row:hover{background:#f8fcff}.flow-page{padding-top:12px}.flow-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.flow-header h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(25px,6vw,36px);font-weight:850;line-height:1.16}.flow-header p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.back-button{width:42px;height:42px;color:var(--blue-strong);box-shadow:var(--shadow-soft);background:#fff;border-radius:15px;place-items:center;transition:transform .16s,background .16s;display:grid}.back-button:active,.primary-action:active,.secondary-action:active,.choice-card:active,.answer-row:active,.reader-toolbar button:active,.resource-row:active,.content-tile:active{transform:translateY(1px)scale(.99)}.flow-grid,.content-flow{gap:14px;display:grid}.flow-card{border-radius:var(--radius-card);box-shadow:var(--shadow);background:#fff;padding:16px}.flow-card h2,.choice-section h2,.quiz-panel h2,.result-panel h2,.success-panel h2,.reader-page h2{color:var(--ink);letter-spacing:0;margin:0;font-size:20px;font-weight:850;line-height:1.28}.flow-card p,.result-panel p,.success-panel p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.55}.auth-hero,.detail-hero,.order-summary{background:radial-gradient(circle at 96% 12%, #ffe06338, transparent 30%), linear-gradient(135deg, var(--tile-soft,var(--blue-soft)), #fff);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.segmented-row{background:#f1f8fc;border-radius:15px;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;padding:6px;display:grid}.segmented-row button{color:#66717b;background:0 0;border-radius:999px;height:38px;font-weight:800}.segmented-row button.is-active{color:var(--blue-strong);box-shadow:var(--shadow-soft);background:#fff}.form-stack{gap:12px;display:grid}.field{color:var(--ink);gap:7px;font-size:13px;font-weight:800;display:grid}.field input{border:1.5px solid var(--line);width:100%;min-width:0;height:46px;color:var(--ink);font:inherit;background:#fbfdff;border-radius:13px;outline:0;padding:0 13px;font-weight:700}.field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #33bbff29}.field-with-action{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.field-with-action button{background:var(--yellow);color:#5d4b12;border-radius:13px;min-width:92px;padding:0 12px;font-size:13px;font-weight:850}.flow-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 17px;font-size:14px;font-weight:850;transition:transform .16s,background .16s,color .16s;display:inline-flex}.primary-action{background:var(--blue);color:#fff}.primary-action:hover{background:var(--blue-strong)}.primary-action.wide{width:100%;margin-top:6px}.secondary-action{color:var(--blue-strong);background:#fff;border:1.5px solid #33bbff42}.stepper,.order-progress{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px;display:grid}.stepper span,.order-progress span{color:#87919d;background:#edf5fb;border-radius:999px;place-items:center;min-height:30px;font-size:12px;font-weight:850;display:grid}.stepper span.is-active,.order-progress span.is-active{background:var(--blue);color:#fff}.choice-section,.quiz-panel,.result-panel{gap:14px;display:grid}.choice-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.choice-card{background:linear-gradient(180deg, var(--blue-soft), #fff);min-height:102px;color:var(--blue-strong);text-align:left;border:1.5px solid #0000;border-radius:15px;justify-items:start;gap:6px;padding:12px;display:grid}.choice-card strong{color:var(--ink);font-size:16px}.choice-card small{color:var(--muted);font-size:11px;line-height:1.35}.choice-card.is-selected{border-color:var(--blue);box-shadow:0 10px 22px #33bbff24}.subject-mini-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.subject-mini-grid span{background:var(--tile-soft);min-height:34px;color:var(--tile-main);border-radius:999px;place-items:center;font-size:12px;font-weight:850;display:grid}.question-index{background:var(--yellow-soft);color:#8c6f17;border-radius:999px;width:fit-content;padding:7px 12px;font-size:12px;font-weight:850}.answer-row{border:1.5px solid var(--line);width:100%;min-height:52px;color:var(--text);text-align:left;background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:750;display:grid}.answer-row span{background:var(--blue-soft);width:28px;height:28px;color:var(--blue-strong);border-radius:10px;place-items:center;font-weight:900;display:grid}.answer-row.is-selected{border-color:var(--blue);background:var(--blue-soft)}.result-panel{grid-template-columns:auto minmax(0,1fr);align-items:center}.result-panel .metric-strip{grid-column:1/-1}.metric-strip{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-strip span{min-height:62px;color:var(--muted);background:#f3faff;border-radius:14px;gap:3px;padding:10px;font-size:11px;font-weight:750;display:grid}.metric-strip strong{color:var(--blue-strong);font-size:22px;line-height:1}.insight-card ul{gap:12px;margin:14px 0 0;padding:0;list-style:none;display:grid}.insight-card li{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:750;display:flex}.order-summary{grid-template-columns:auto minmax(0,1fr)}.price-line{border-top:1px solid #33bbff29;grid-column:1/-1;justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.price-line strong{color:#ff3a1f;font-size:30px;line-height:1}.price-line span{color:var(--muted);font-size:13px;font-weight:800}.detail-list{gap:10px;display:grid}.detail-item{background:#f7fbfe;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.detail-item>span{width:38px;height:38px;color:var(--blue-strong);background:#fff;border-radius:13px;place-items:center;display:grid}.detail-item strong{color:var(--ink);font-size:14px}.detail-item p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.checkout-panel{gap:10px;display:grid}.success-panel{text-align:center;justify-items:center;gap:10px;padding:8px 0;display:grid}.reader-shell{gap:12px;display:grid}.reader-toolbar{box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.reader-toolbar span{color:var(--muted);font-size:13px;font-weight:850}.reader-toolbar div{gap:8px;display:flex}.reader-toolbar button{background:var(--blue-soft);min-height:32px;color:var(--blue-strong);border-radius:999px;padding:0 12px;font-size:12px;font-weight:850}.reader-toolbar button:disabled{cursor:not-allowed;opacity:.45}.book-spread{gap:12px;display:grid}.reader-page{min-height:310px;box-shadow:var(--shadow);background-color:#fff;background-image:linear-gradient(#33bbff0b 1px,#0000 1px),linear-gradient(90deg,#33bbff0b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1.5px solid #33bbff2e;border-radius:18px;padding:18px}.reader-analysis{background:radial-gradient(circle at 94% 10%,#ffe0633d,#0000 26%),#fff}.question-box,.method-box,.reader-note{color:var(--text);border-radius:15px;margin-top:14px;padding:15px;font-size:15px;font-weight:780;line-height:1.65}.question-box{background:var(--blue-soft)}.method-box{background:var(--yellow-soft)}.reader-note{color:var(--orange);background:#fff}.reader-analysis .primary-action{margin-top:16px}.content-grid{gap:10px;display:grid}.content-tile{border-radius:var(--radius-card);background:linear-gradient(135deg, var(--tile-soft), #fff);box-shadow:var(--shadow-soft);text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px;display:grid}.content-tile .abstract-tile{grid-row:span 2;width:58px;height:58px}.content-tile strong{color:var(--ink);font-size:17px;font-weight:850}.content-tile small{color:var(--tile-main);font-size:12px;font-weight:800}.resource-row{text-align:left;background:#f7fbfe;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:62px;padding:10px;display:grid}.resource-row>span{width:32px;height:32px;color:var(--blue-strong);background:#fff;border-radius:11px;place-items:center;font-size:13px;font-weight:900;display:grid}.resource-row strong{color:var(--ink);font-size:14px}.resource-row p{color:var(--muted);margin:4px 0 0;font-size:12px}.resource-row small{color:var(--blue-strong);white-space:nowrap;font-size:12px;font-weight:850}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spring-scale-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.tab-bar{height:calc(78px + env(safe-area-inset-bottom));padding:7px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #e2ecf4e6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab-button{color:#2f3740;background:0 0;border-radius:16px;place-items:center;gap:4px;min-width:0;font-size:13px;font-weight:800;transition:color .16s,transform .16s;display:grid}.tab-icon{border-radius:13px;place-items:center;width:38px;height:34px;transition:background .16s,color .16s;display:grid}.tab-button.is-active{color:var(--blue-strong)}.tab-button.is-active .tab-icon{background:var(--yellow);color:#2d3540;box-shadow:inset 0 -2px #0000001f}@media (width>=760px){.app-bg{justify-content:center;align-items:center;padding:24px;display:flex}.device-shell{border:1px solid #ffffffe6;border-radius:32px;width:min(100%,1100px);min-height:min(100dvh - 48px,900px);box-shadow:0 28px 80px #2868863d}.status-bar{display:none}.screen{min-height:min(100dvh - 48px,900px);padding-bottom:106px}.screen.is-flow{padding-bottom:28px}.page{padding:24px 26px 0}.course-grid,.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-practice .practice-grid{grid-template-columns:1fr}.page-learn,.page-fix{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;column-gap:18px;display:grid}.page-learn .page-header,.page-fix .page-header,.page-learn .subject-switch,.page-fix .fix-hero{grid-column:1/-1}.page-learn .lesson-card,.page-fix .card{grid-area:3/2/span 3}.flow-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.auth-flow .auth-hero,.settings-flow .detail-hero,.order-flow .order-summary{position:sticky;top:20px}.content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-tile{grid-template-columns:1fr;min-height:176px}.content-tile .abstract-tile{grid-row:auto}.book-spread{box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;overflow:hidden}.reader-page{min-height:470px;box-shadow:none;border-radius:0}.reader-page+.reader-page{border-left:1px solid var(--line)}.tab-bar{border-radius:0;width:100%;left:0;right:0;transform:none}}@media (width>=1000px){.page-up{grid-template-columns:.82fr 1.18fr;align-items:start;gap:18px;display:grid}.page-up .page-header,.page-up .up-hero{grid-column:1}.page-up .course-grid{grid-area:1/2/span 2}.page-practice{grid-template-columns:minmax(0,1.14fr) minmax(260px,.62fr);align-items:start;gap:18px;display:grid}.page-practice .page-header{grid-column:1/-1}.page-practice .practice-grid{grid-area:2/1/span 2}.download-card{grid-area:2/2;min-height:116px;margin-top:0}.page-me{grid-template-columns:.9fr 1.1fr;align-items:start;gap:18px;display:grid}.page-me .settings-card{margin-bottom:0}.content-pass{min-height:130px}}@media (width<=360px){.page{padding-inline:12px}.offer-card{grid-template-columns:68px 1fr;gap:10px}.offer-card h3{font-size:15px}.lesson-item{grid-template-columns:44px minmax(0,1fr)}.lesson-item .status{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}