@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul{margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}}@layer base{:root{--navy: #10283d;--navy-2: #173c55;--blue: #2869c7;--cyan: #4fc3c8;--cyan-soft: #e2f4f2;--amber: #e9aa3b;--amber-soft: #fff1d5;--coral: #e99172;--violet: #8069a0;--violet-soft: #eee9f4;--paper: #f7f5ef;--white: #fffefa;--line: #dfe4df;--line-strong: #c7d0cc;--ink-soft: #50636d;--muted: #819096;--success: #2c8069;--success-soft: #e3f2eb;--danger: #b85c52;--danger-soft: #fff0ed;--shadow-sm: 0 6px 18px rgba(16, 40, 61, .06);--shadow: 0 18px 42px rgba(16, 40, 61, .1);--radius: 16px;--radius-lg: 25px;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--display: "Arial Narrow", "Avenir Next Condensed", Inter, sans-serif;--serif: Georgia, "Times New Roman", serif}:focus-visible{outline:3px solid rgba(233,170,59,.8);outline-offset:3px}body{min-width:320px;background:var(--paper);color:var(--navy);font-family:var(--sans);line-height:1.5;text-rendering:optimizeLegibility}button{border:0;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{color:var(--navy)}textarea{width:100%;min-height:105px;resize:vertical;border:1px solid var(--line-strong);border-radius:12px;outline:0;background:#ffffffa6;padding:13px 14px;line-height:1.55}textarea:focus,input:focus,select:focus{border-color:var(--navy);outline:3px solid rgba(40,105,199,.12)}h1,h2,h3,h4{letter-spacing:-.045em;line-height:1.08}h1{font-family:var(--display);font-size:clamp(2.2rem,8vw,4.8rem)}h2{font-size:clamp(1.25rem,3vw,2rem)}h3{font-size:1.05rem}p{color:var(--ink-soft)}em{color:var(--blue);font-family:var(--serif);font-weight:400}.section-kicker{color:var(--muted);font-size:.64rem;font-weight:900;letter-spacing:.14em;line-height:1.2;text-transform:uppercase}.page-wrap{width:100%;max-width:1160px;margin:0 auto}}@layer components{.app-frame,.app-main{min-height:100vh}.app-content{padding:28px 16px calc(100px + env(safe-area-inset-bottom))}.desktop-sidebar{display:none}.top-header{position:sticky;top:0;z-index:20;display:flex;height:67px;align-items:center;justify-content:space-between;gap:12px;padding:max(8px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid rgba(223,228,223,.9);background:#f7f5eff0;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.brand-lockup{display:inline-flex;align-items:center;gap:9px;color:var(--navy);font-size:.9rem;letter-spacing:-.04em;white-space:nowrap}.brand-logo{display:block;width:34px;height:34px;flex:0 0 auto;border:1px solid #d9d6cf;border-radius:9px;background:#fff;object-fit:cover}.brand-lockup>span:last-child{display:flex;flex-direction:column;line-height:.95}.brand-lockup strong{font-weight:900}.brand-lockup b{color:var(--blue);font-weight:850}.brand-mark{display:inline-grid;width:31px;height:31px;place-items:center;border-radius:9px;background:var(--navy);color:var(--amber)}.top-header>.brand-lockup{display:none}.current-subject{display:flex;min-width:0;flex:1;align-items:center;gap:8px;padding:0;background:transparent;text-align:left}.current-subject__icon{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:9px;background:var(--cyan-soft);color:var(--navy)}.current-subject>span:nth-child(2){display:flex;min-width:0;flex-direction:column;line-height:1.1}.current-subject small{color:var(--muted);font-size:.53rem;font-weight:900;letter-spacing:.12em}.current-subject b{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.current-subject>svg{color:var(--muted)}.top-header__actions{display:flex;align-items:center;gap:5px}.top-greeting{display:none;color:var(--ink-soft);font-size:.72rem;font-weight:750}.header-icon,.icon-button{display:inline-grid;width:39px;height:39px;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--navy)}.header-icon:hover,.icon-button:hover{border-color:var(--line-strong);background:#edf3f0}.bottom-navigation{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);padding:7px 8px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffefaf5;box-shadow:0 -8px 22px #10283d12;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-navigation__item{display:flex;min-height:51px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;background:transparent;color:var(--muted);font-size:.63rem;font-weight:800}.bottom-navigation__item.is-active{background:var(--navy);color:var(--amber)}.primary-button,.outline-button,.text-action,.danger-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:.78rem;font-weight:850;transition:transform .18s ease,background .18s ease,border .18s ease}.primary-button{padding:0 15px;background:var(--navy);color:#fff;box-shadow:0 8px 18px #10283d24}.primary-button:hover{background:var(--navy-2);transform:translateY(-1px)}.primary-button--large{width:100%;min-height:51px;margin-top:22px;font-size:.84rem}.outline-button{padding:0 14px;border:1px solid var(--line-strong);background:transparent;color:var(--navy)}.outline-button:hover{border-color:var(--navy);background:#edf3f0}.text-action{min-height:auto;padding:2px 0;background:transparent;color:var(--blue)}.danger-button{padding:0 14px;background:var(--danger);color:#fff}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:19px;padding:2px 0;background:transparent;color:var(--ink-soft);font-size:.75rem;font-weight:800}.back-link:hover{color:var(--blue)}.round-arrow{display:inline-grid;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--navy);color:var(--amber)}.progress-bar{display:grid;gap:7px;width:100%}.progress-bar__heading{display:flex;justify-content:space-between;color:var(--muted);font-size:.67rem;font-weight:800}.progress-bar__heading strong{color:var(--navy)}.progress-bar__track{height:7px;overflow:hidden;border-radius:99px;background:#dce6e2}.progress-bar__track span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .45s ease}.progress-bar--compact .progress-bar__track{height:5px}.search-field{display:flex;min-height:46px;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--muted)}.search-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2869c71c}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:.8rem}.search-field input::placeholder{color:#9aa7a7}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:17px;margin-bottom:25px}.page-heading h1{margin-top:7px}.page-heading p:not(.section-kicker){max-width:570px;margin-top:9px;font-size:.86rem}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2{margin-top:5px}.onboarding-shell{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;padding:30px 20px max(30px,env(safe-area-inset-bottom));background:var(--navy);color:#fff}.onboarding-shell:before{position:absolute;top:-150px;right:-100px;width:390px;height:390px;border:1px solid rgba(79,195,200,.3);border-radius:50%;content:"";box-shadow:0 0 0 32px #4fc3c80f,0 0 0 75px #4fc3c80a}.onboarding-shell:after{position:absolute;bottom:-190px;left:-100px;width:320px;height:320px;border:1px solid rgba(233,170,59,.3);border-radius:50%;content:""}.onboarding-brand{position:absolute;top:max(25px,env(safe-area-inset-top));left:20px;z-index:1}.brand-lockup--dark{color:#fff}.brand-lockup--dark b{color:var(--cyan)}.brand-lockup--dark .brand-mark{background:var(--amber);color:var(--navy)}.onboarding-progress{position:absolute;top:82px;right:20px;left:20px;z-index:1;height:4px;overflow:hidden;border-radius:99px;background:#ffffff29}.onboarding-progress span{display:block;height:100%;border-radius:inherit;background:var(--amber);transition:width .3s ease}.onboarding-screen{position:relative;z-index:1;width:min(100%,500px);padding-top:70px}.onboarding-screen h1{margin:12px 0;font-size:clamp(2.4rem,11vw,4.7rem)}.onboarding-screen h1 em{color:var(--cyan)}.onboarding-screen>p{max-width:440px;color:#c5d5d5;font-size:.92rem}.onboarding-screen--welcome{padding-top:0}.onboarding-map{display:grid;width:87px;height:87px;place-items:center;margin-bottom:24px;border:1px solid rgba(79,195,200,.45);border-radius:27px;background:#4fc3c81c;color:var(--cyan);box-shadow:0 0 0 13px #4fc3c80a}.onboarding-step{color:var(--amber);font-size:.68rem;font-weight:900;letter-spacing:.14em}.onboarding-input{display:grid;gap:7px;margin-top:25px}.onboarding-input span{color:#9fb7ba;font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.onboarding-input input{width:100%;min-height:56px;border:0;border-bottom:2px solid rgba(255,255,255,.28);outline:0;background:transparent;color:#fff;font-size:1.55rem;font-weight:750}.onboarding-input input:focus{border-color:var(--amber);box-shadow:none}.onboarding-input input::placeholder{color:#ffffff59}.onboarding-subject-card{display:flex;width:100%;min-height:90px;align-items:center;gap:12px;margin-top:23px;padding:15px;border:1px solid rgba(79,195,200,.5);border-radius:15px;background:#ffffff14;color:#fff;text-align:left}.onboarding-subject-card:hover{background:#4fc3c829}.onboarding-subject-card>span{display:grid;width:47px;height:47px;flex:0 0 auto;place-items:center;border-radius:13px;background:var(--cyan);color:var(--navy)}.onboarding-subject-card>div{display:flex;flex:1;flex-direction:column;gap:3px}.onboarding-subject-card small{color:#b8ced0;font-size:.7rem}.onboarding-skip{margin-top:19px;color:var(--amber)}.subject-home__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.subject-home__heading h1{margin-top:8px;font-size:clamp(2rem,8vw,4.4rem)}.subject-home__heading h1 span{color:var(--amber);font-family:var(--sans);font-size:.65em}.subject-home__heading p{max-width:520px;margin-top:10px;font-size:.85rem}.subject-count{display:flex;flex:0 0 auto;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-align:left}.subject-count strong{color:var(--blue);font-family:var(--display);font-size:1.45rem;line-height:.8}.subject-count span{color:var(--muted);font-size:.59rem;font-weight:800;line-height:1.15}.subject-count .round-arrow{width:25px;height:25px}.subject-hero{position:relative;display:flex;min-height:300px;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;margin-bottom:13px;padding:24px;border-radius:var(--radius-lg);background:var(--navy);color:#fff}.subject-hero:before{position:absolute;top:-120px;right:-130px;width:370px;height:370px;border:1px solid rgba(79,195,200,.3);border-radius:50%;content:"";box-shadow:0 0 0 25px #4fc3c80d,0 0 0 60px #4fc3c80a}.subject-hero>div:first-child{position:relative;z-index:1;max-width:580px}.hero-index{color:var(--amber);font-size:.62rem;font-weight:900;letter-spacing:.13em}.subject-hero h2{margin:12px 0 9px;color:#fff;font-family:var(--display);font-size:clamp(1.8rem,6vw,3.5rem)}.subject-hero h2 em{color:var(--cyan)}.subject-hero p{max-width:480px;color:#c2d2d4;font-size:.82rem}.hero-button{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin-top:20px;padding:0 14px;border-radius:10px;background:var(--amber);color:var(--navy);font-size:.77rem;font-weight:900}.hero-button:hover{background:#f6c15b;transform:translateY(-1px)}.hero-orbit{position:absolute;right:23px;display:grid;width:156px;height:156px;place-items:center;border:1px solid rgba(233,170,59,.75);border-radius:50%;color:var(--cyan)}.hero-orbit span{position:absolute;color:var(--amber);font-size:.75rem;font-weight:900;letter-spacing:.13em}.hero-orbit i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--amber)}.hero-orbit i:nth-of-type(1){top:9px;left:64px}.hero-orbit i:nth-of-type(2){right:4px;bottom:48px;background:var(--cyan)}.hero-orbit i:nth-of-type(3){bottom:12px;left:42px}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px}.stat-card{display:flex;align-items:center;gap:9px;min-height:76px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--white);box-shadow:var(--shadow-sm)}.stat-card>span{display:grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:9px}.stat-card--blue>span{background:#e1ebfa;color:var(--blue)}.stat-card--amber>span{background:var(--amber-soft);color:#a87217}.stat-card--cyan>span{background:var(--cyan-soft);color:#287b80}.stat-card--violet>span{background:var(--violet-soft);color:var(--violet)}.stat-card div{display:flex;flex-direction:column;gap:1px}.stat-card small{color:var(--muted);font-size:.62rem;font-weight:750}.stat-card strong{font-family:var(--display);font-size:1.25rem;line-height:1}.home-columns{display:grid;gap:13px;margin-bottom:26px}.daily-plan,.continue-card,.topic-learning-card,.topic-checklist,.note-editor,.settings-card{padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.daily-plan__heading{display:flex;align-items:center;gap:9px;margin-bottom:12px}.daily-plan__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--cyan-soft);color:var(--navy)}.daily-plan__heading div{flex:1}.daily-plan__heading h2{margin-top:4px;font-size:1.08rem}.daily-plan__heading>b{color:var(--blue);font-size:.76rem}.daily-plan__list{display:grid;gap:2px}.daily-task{display:flex;min-height:37px;align-items:center;gap:8px;color:var(--ink-soft);cursor:pointer;font-size:.75rem}.daily-task input{position:absolute;width:1px;height:1px;opacity:0}.daily-task>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;color:var(--muted)}.daily-task.is-checked{color:var(--success);text-decoration:line-through}.daily-task.is-checked>span{border-color:var(--success);background:var(--success-soft)}.continue-card{position:relative;overflow:hidden;background:#edf5f2}.continue-card:after{position:absolute;right:-40px;bottom:-65px;width:180px;height:180px;border:1px solid rgba(40,105,199,.19);border-radius:50%;content:"";box-shadow:0 0 0 18px #2869c70d}.continue-card>*{position:relative;z-index:1}.continue-card__heading{display:flex;align-items:center;justify-content:space-between}.continue-card__pin{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:var(--navy);color:var(--amber)}.continue-card h2{max-width:430px;margin:17px 0 5px;font-family:var(--display);font-size:1.45rem}.continue-card p{font-size:.75rem}.continue-card .progress-bar{max-width:390px;margin:19px 0 15px}.continue-card .outline-button{min-height:38px;font-size:.71rem}.home-lower{margin-top:7px}.quick-actions{display:grid;gap:8px}.quick-actions>button{display:flex;min-height:71px;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--white);text-align:left}.quick-actions>button:hover{border-color:var(--navy);transform:translateY(-1px)}.quick-actions>button>b{font-size:.79rem}.quick-actions>button>small{flex:1;color:var(--muted);font-size:.67rem}.quick-icon{display:grid;width:37px;height:37px;flex:0 0 auto;place-items:center;border-radius:10px}.quick-icon--cyan{background:var(--cyan-soft);color:#277e81}.quick-icon--amber{background:var(--amber-soft);color:#9a6b15}.quick-icon--violet{background:var(--violet-soft);color:var(--violet)}.review-callout{display:flex;align-items:center;gap:9px;margin-top:12px;padding:12px;border-radius:11px;background:var(--amber-soft);color:#966516}.review-callout span{display:flex;flex-direction:column;gap:1px}.review-callout b{font-size:.73rem}.review-callout small{color:#a08351;font-size:.68rem}.intro-cards{margin-top:24px;padding:16px;border:1px solid #c9dfdd;border-radius:var(--radius);background:var(--cyan-soft)}.intro-cards__heading h2{margin-top:6px;font-size:1.18rem}.intro-cards__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.intro-cards__grid>div{display:grid;gap:3px;padding:10px;border-radius:10px;background:#ffffffa6}.intro-cards__grid svg{color:var(--blue)}.intro-cards__grid b{font-size:.74rem}.intro-cards__grid span{color:var(--ink-soft);font-size:.65rem;line-height:1.3}.study-page .page-heading{margin-bottom:18px}.study-counter{display:flex;flex-direction:column;align-items:flex-end;padding:8px;border:1px solid var(--line);border-radius:11px;background:var(--white)}.study-counter strong{color:var(--blue);font-family:var(--display);font-size:1.4rem;line-height:1}.study-counter span{color:var(--muted);font-size:.58rem}.study-search{margin-bottom:11px}.filter-row{display:flex;gap:5px;overflow-x:auto;margin:0 -16px 12px;padding:2px 16px 5px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-button{min-height:34px;flex:0 0 auto;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--muted);font-size:.65rem;font-weight:850}.filter-button.is-active{border-color:var(--navy);background:var(--navy);color:#fff}.module-filter{display:flex;align-items:center;gap:8px;margin-bottom:17px}.module-filter select,.question-filters select{min-height:38px;flex:1;border:1px solid var(--line);border-radius:9px;background:var(--white);padding:0 9px;color:var(--navy);font-size:.71rem}.topic-grid{display:grid;gap:13px}.topic-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--white);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.topic-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.topic-card__open{display:block;width:100%;padding:0;background:transparent;text-align:left}.topic-card__art{position:relative;aspect-ratio:1.6;overflow:hidden;background:var(--navy)}.topic-card__art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.topic-card:hover .topic-card__art img{transform:scale(1.035)}.topic-card__number{position:absolute;top:11px;left:12px;display:grid;width:34px;height:27px;place-items:center;border-radius:7px;background:var(--amber);color:var(--navy);font-size:.73rem;font-weight:950}.topic-card__module{position:absolute;right:11px;bottom:10px;color:#fff;font-size:.57rem;font-weight:900;letter-spacing:.12em;text-shadow:0 1px 5px rgba(0,0,0,.4)}.topic-card__body{position:relative;padding:13px 14px 15px}.topic-card__status{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.61rem;font-weight:850}.topic-card--completed .topic-card__status{color:var(--success)}.topic-card--review .topic-card__status{color:#a16d1a}.topic-card__body h3{max-width:88%;margin:7px 0 5px;font-family:var(--display);font-size:1.17rem}.topic-card__body p{min-height:31px;font-size:.7rem}.topic-card__cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;color:var(--blue);font-size:.68rem;font-weight:900}.topic-card__favorite{position:absolute;top:164px;right:11px;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#10283db3;color:#fff}.topic-card__favorite.is-favorite{color:var(--coral)}.empty-panel{display:grid;justify-items:center;padding:48px 18px;border:1px dashed var(--line-strong);border-radius:var(--radius);background:#ffffff73;text-align:center}.empty-panel svg{color:var(--blue)}.empty-panel h2{margin:11px 0 6px}.empty-panel p{max-width:350px;font-size:.78rem}.empty-panel .primary-button{margin-top:17px}.topic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:19px}.topic-heading__number{display:block;color:var(--blue);font-family:var(--display);font-size:.79rem;font-weight:900;letter-spacing:.1em}.topic-heading h1{margin:7px 0 8px;font-size:clamp(2rem,8vw,3.9rem)}.topic-heading p{max-width:650px;font-size:.82rem}.favorite-button{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--white);color:var(--muted)}.favorite-button.is-favorite{color:var(--coral)}.illustration-viewer{margin-bottom:18px}.illustration-viewer__frame{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--navy);box-shadow:var(--shadow)}.illustration-viewer__frame img{display:block;width:100%;max-height:520px;object-fit:cover;transition:transform .25s ease}.illustration-viewer__frame.is-zoomed img{cursor:zoom-out;transform:scale(1.4)}.illustration-viewer__tools{position:absolute;right:11px;bottom:11px;display:flex;gap:5px}.illustration-viewer__tools button{display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:#10283ddb;color:#fff}.illustration-viewer__footer{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.illustration-viewer__footer button{display:inline-flex;min-height:34px;align-items:center;gap:3px;padding:0 6px;background:transparent;color:var(--blue);font-size:.68rem;font-weight:850}.illustration-viewer__footer>span{font-size:.72rem;font-weight:900}.illustration-viewer__footer i{color:var(--muted);font-style:normal;font-weight:500}.placeholder-note{margin-top:6px;color:var(--muted);font-size:.61rem;font-style:italic}.topic-tools{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:17px}.complete-topic,.review-topic,.pencil-topic{display:inline-flex;min-height:40px;align-items:center;gap:6px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--navy);font-size:.7rem;font-weight:850}.complete-topic{background:var(--amber-soft);border-color:#edd39b}.complete-topic.is-complete{background:var(--success-soft);border-color:#b9ddce;color:var(--success)}.review-topic.is-review{background:var(--violet-soft);color:var(--violet)}.pencil-topic.is-active{border-color:var(--navy);background:var(--navy);color:var(--amber)}.topic-learning-card{margin-bottom:14px}.topic-learning-card__heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.topic-learning-card__icon{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:var(--cyan-soft);color:var(--blue)}.topic-learning-card__heading h2{margin-top:4px;font-size:1.13rem}.highlightable-text{padding:2px;color:var(--ink-soft);font-size:.86rem;line-height:1.75}.highlightable-text.is-pencil-active{cursor:pointer}.highlightable-text.is-pencil-active:hover{border-radius:5px;background:#e9aa3b21}.highlight-range--highlight{border-radius:3px;background:#ffe49a;box-decoration-break:clone;-webkit-box-decoration-break:clone}.highlight-range--underline{text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:3px;text-underline-offset:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.topic-learning-card__hint{display:flex;align-items:flex-start;gap:7px;margin-top:13px;padding:10px;border-radius:9px;background:#f2f6f3;color:var(--muted);font-size:.66rem}.topic-learning-card__hint svg{flex:0 0 auto;color:var(--blue)}.topic-lower-grid{display:grid;gap:13px}.topic-checklist .section-title{align-items:center}.topic-checklist .section-title>span{color:var(--blue);font-size:.72rem;font-weight:900}.topic-check{display:flex;min-height:39px;align-items:center;gap:8px;color:var(--ink-soft);cursor:pointer;font-size:.73rem}.topic-check input{position:absolute;width:1px;height:1px;opacity:0}.topic-check>span{display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--line-strong);border-radius:6px;background:var(--white);color:var(--success)}.topic-check.is-checked{color:var(--success);text-decoration:line-through}.topic-check.is-checked>span{border-color:var(--success);background:var(--success-soft)}.note-editor{display:grid;gap:10px}.note-editor__heading{display:flex;align-items:center;gap:8px}.note-editor__icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--amber-soft);color:#a06e19}.note-editor__heading>div{flex:1}.note-editor h3{margin-top:4px}.note-saved{display:inline-flex;align-items:center;gap:3px;color:var(--success);font-size:.62rem;font-weight:850}.note-editor textarea{min-height:90px}.questions-topic-link{display:flex;width:100%;align-items:center;gap:9px;margin-top:13px;padding:13px;border:1px solid #d3e3e0;border-radius:12px;background:var(--cyan-soft);color:var(--navy);text-align:left}.questions-topic-link>svg:first-child{color:var(--blue)}.questions-topic-link span{display:flex;flex:1;flex-direction:column;gap:2px}.questions-topic-link b{font-size:.76rem}.questions-topic-link small{color:var(--ink-soft);font-size:.66rem}.highlight-toolbar{position:fixed;z-index:60;right:9px;bottom:calc(120px + env(safe-area-inset-bottom));left:9px;display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;border-radius:11px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.highlight-toolbar>span{width:100%;color:#c2d6d7;font-size:.63rem}.highlight-toolbar button{min-height:31px;padding:0 8px;border-radius:7px;background:#ffffff1a;color:#fff;font-size:.66rem;font-weight:800}.highlight-toolbar button:hover{background:var(--amber);color:var(--navy)}.highlight-toolbar__close{margin-left:auto}.question-score{display:flex;align-items:center;gap:5px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.question-score strong{color:var(--blue);font-family:var(--display);font-size:1.4rem;line-height:.9}.question-score span{color:var(--muted);font-size:.59rem;line-height:1.15}.question-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.question-stats>div{display:flex;align-items:center;gap:8px;min-height:67px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--white)}.question-stats span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:var(--cyan-soft);color:var(--blue)}.question-stats b{font-family:var(--display);font-size:1.15rem;line-height:1}.question-stats small{color:var(--muted);font-size:.59rem}.question-stats>div{flex-wrap:wrap}.question-stats>div>b{margin-right:auto}.question-stats>div>small{width:100%;margin-left:37px;margin-top:-5px}.question-filters{display:grid;gap:7px;margin-bottom:17px}.errors-toggle{display:inline-flex;min-height:39px;align-items:center;justify-content:center;gap:6px;border:1px solid #ecd4a1;border-radius:9px;background:var(--amber-soft);color:#996b1b;font-size:.7rem;font-weight:850}.errors-toggle.is-active{border-color:var(--navy);background:var(--navy);color:var(--amber)}.question-position{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:.68rem;font-weight:850}.question-position>div{display:flex;gap:4px}.question-position button{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--white)}.rotate-180{transform:rotate(180deg)}.question-card{padding:17px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.question-card__top{display:flex;align-items:center;justify-content:space-between}.question-source{color:var(--blue);font-size:.64rem;font-weight:900;letter-spacing:.04em}.question-favorite{display:grid;width:31px;height:31px;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted)}.question-favorite.is-favorite{color:var(--coral)}.question-meta{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0}.question-meta span{padding:5px 7px;border-radius:6px;background:#edf2ef;color:var(--muted);font-size:.6rem;font-weight:800}.question-card h2{margin-bottom:16px;font-size:1.18rem;line-height:1.26}.question-options{display:grid;gap:7px}.question-option{display:flex;min-height:48px;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fcfdfb;text-align:left}.question-option:not(:disabled):hover{border-color:var(--blue);background:#f0f6fb}.question-option>span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:7px;background:#edf2ef;color:var(--muted);font-size:.67rem;font-weight:900}.question-option b{flex:1;font-size:.75rem;font-weight:750}.question-option.is-correct{border-color:#96cbb4;background:var(--success-soft);color:var(--success)}.question-option.is-wrong{border-color:#e6ada4;background:var(--danger-soft);color:var(--danger)}.question-feedback{display:grid;gap:5px;margin-top:13px;padding:12px;border-radius:10px}.question-feedback.is-correct{background:var(--success-soft);color:var(--success)}.question-feedback.is-wrong{background:var(--danger-soft);color:var(--danger)}.question-feedback strong{font-size:.77rem}.question-feedback p{color:inherit;font-size:.71rem}.question-feedback>div{display:flex;gap:12px;margin-top:4px}.question-feedback .text-action{color:inherit;font-size:.7rem}.question-card__footer{display:grid;gap:3px;margin-top:17px;padding-top:12px;border-top:1px solid var(--line)}.question-card__footer span{color:var(--muted);font-size:.61rem;font-weight:800;text-transform:uppercase}.question-card__footer b{font-size:.74rem;text-transform:capitalize}.question-card__footer small{color:var(--muted);font-size:.65rem}.notes-total{display:flex;flex-direction:column;align-items:flex-end}.notes-total strong{color:var(--blue);font-family:var(--display);font-size:1.7rem;line-height:.9}.notes-total span{color:var(--muted);font-size:.61rem}.notes-search{margin-bottom:16px}.notes-grid{display:grid;gap:12px}.note-card{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm)}.note-card__top{display:flex;align-items:center;justify-content:space-between}.note-card__top>span{color:var(--amber);font-family:var(--display);font-size:1.45rem;font-weight:900}.note-card__top button{background:transparent}.note-card>h2{margin:6px 0 11px;font-size:1.12rem;text-transform:capitalize}.note-card textarea{min-height:110px}.note-card__saved{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--success);font-size:.63rem;font-weight:800}.subject-directory-card{display:flex;align-items:center;gap:15px;padding:17px;border:1px solid #cbdedc;border-radius:var(--radius-lg);background:var(--cyan-soft)}.subject-directory-card__visual{position:relative;display:grid;width:98px;height:98px;flex:0 0 auto;place-items:center;border-radius:21px;background:var(--navy);color:var(--cyan)}.subject-directory-card__visual span{position:absolute;right:9px;bottom:7px;color:var(--amber);font-family:var(--display);font-weight:900}.subject-directory-card h2{margin:6px 0 3px}.subject-directory-card p{margin-bottom:12px;font-size:.72rem}.subject-directory-card .primary-button{min-height:37px;font-size:.69rem}.future-subjects{margin-top:28px}.future-subjects h2{margin:6px 0 12px}.future-subjects>div{display:flex;flex-wrap:wrap;gap:7px}.future-subjects span{padding:8px 10px;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);font-size:.69rem}.settings-page>.page-heading>svg{color:var(--blue)}.settings-card{margin-bottom:13px}.settings-card--danger{border-color:#ecd9d4;background:#fffaf8}.settings-card__heading{display:flex;align-items:center;gap:9px;margin-bottom:15px}.settings-card__heading>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--cyan-soft);color:var(--blue)}.settings-card--danger .settings-card__heading>span{background:var(--danger-soft);color:var(--danger)}.settings-card h2{margin-top:4px;font-size:1.08rem}.settings-name-row{display:flex;gap:7px}.settings-name-row input{min-width:0;flex:1;border:1px solid var(--line-strong);border-radius:10px;background:var(--paper);padding:0 11px}.settings-name-row .primary-button{min-height:42px}.settings-card>small{display:block;margin-top:8px;color:var(--muted);font-size:.66rem}.settings-danger-actions{display:flex;flex-wrap:wrap;gap:8px}.settings-card--danger p{margin-top:12px;font-size:.71rem}.modal-backdrop,.drawer-backdrop{position:fixed;z-index:70;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#10283d8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal{position:relative;width:min(100%,390px);padding:24px 18px 18px;border-radius:19px;background:var(--white);text-align:center}.confirm-modal .modal-close{position:absolute;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:transparent}.confirm-icon{display:grid;width:52px;height:52px;place-items:center;margin:0 auto 13px;border-radius:16px;background:var(--danger-soft);color:var(--danger)}.confirm-modal h2{margin-bottom:7px}.confirm-modal p{font-size:.76rem}.confirm-modal>div{display:flex;justify-content:center;gap:8px;margin-top:18px}.drawer-backdrop{display:block;padding:0}.subject-drawer{position:absolute;top:0;right:0;bottom:0;width:min(100%,420px);overflow-y:auto;padding:24px 17px max(24px,env(safe-area-inset-bottom));background:var(--paper);box-shadow:-18px 0 45px #10283d24}.subject-drawer__heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:19px}.subject-drawer h2{margin-top:6px}.subject-drawer__list{display:grid;gap:8px;margin-top:16px}.subject-switch-card{display:flex;width:100%;min-height:70px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--white);text-align:left}.subject-switch-card.is-current{border-color:#a8d6d2;background:var(--cyan-soft)}.subject-switch-card.is-disabled{cursor:default;opacity:.65}.subject-switch-card__icon{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border-radius:10px;background:var(--navy);color:var(--cyan)}.subject-switch-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.subject-switch-card b{font-size:.77rem}.subject-switch-card small{color:var(--muted);font-size:.64rem}.subject-switch-card>svg{color:var(--success)}.drawer-empty{display:grid;justify-items:center;padding:35px 12px;text-align:center}.drawer-empty svg{color:var(--blue)}.drawer-empty p{margin-top:8px;font-size:.76rem}}@layer components{.topic-card__number{right:12px;left:auto}}@layer components{.route-not-found{display:grid;max-width:620px;justify-items:start;padding-top:18vh}.route-not-found__icon{display:grid;width:64px;height:64px;place-items:center;margin-bottom:18px;border-radius:20px;background:var(--cyan-soft);color:var(--blue)}.route-not-found h1{margin:8px 0;font-size:clamp(2rem,8vw,3.5rem)}.route-not-found p{max-width:430px;font-size:.84rem}.route-not-found .primary-button{margin-top:20px}.catalog-search{max-width:680px;margin-bottom:12px}.catalog-filters{display:flex;gap:6px;overflow-x:auto;margin:0 -16px 19px;padding:2px 16px 5px;scrollbar-width:none}.catalog-filters::-webkit-scrollbar{display:none}.subject-catalog-grid{display:grid;gap:13px}.subject-catalog-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.subject-catalog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.subject-catalog-card__cover{position:relative;aspect-ratio:1.75;overflow:hidden;background:var(--subject-accent, var(--navy))}.subject-catalog-card__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.subject-catalog-card:hover .subject-catalog-card__cover img{transform:scale(1.035)}.subject-catalog-card__cover>span{position:absolute;top:11px;left:12px;padding:5px 7px;border-radius:6px;background:#10283dcc;color:#fff;font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.subject-catalog-card__cover>strong{position:absolute;right:12px;bottom:10px;color:#fff;font-family:var(--display);font-size:1.25rem;text-shadow:0 2px 9px rgba(0,0,0,.45)}.subject-catalog-card__body{padding:14px}.subject-catalog-card__status{display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:.66rem;font-weight:850}.subject-catalog-card__status small{margin-left:auto;color:var(--muted);font-size:.6rem;font-weight:700;text-align:right}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-dot--progress{background:var(--amber)}.status-dot--done{background:var(--success)}.status-dot--new{background:var(--line-strong)}.subject-catalog-card h2{margin:8px 0;font-family:var(--display);font-size:1.35rem}.subject-catalog-card__meta{display:flex;gap:12px;margin-bottom:14px;color:var(--muted);font-size:.67rem;font-weight:800}.subject-catalog-card .progress-bar{margin-bottom:14px}.subject-catalog-card .primary-button{width:100%;min-height:39px}.illustration-empty{display:grid;min-height:260px;place-items:center;padding:30px;background:var(--navy);color:#fff;text-align:center}.illustration-empty>div{display:grid;justify-items:center;gap:9px;max-width:310px}.illustration-empty svg{color:var(--amber)}.illustration-empty strong{font-size:1rem}.illustration-empty p{color:#c5d5d8;font-size:.72rem}.onboarding-screen--subject{padding-top:55px}.onboarding-search{margin-top:17px;border-color:#ffffff38;background:#ffffff14;color:#b8ced0}.onboarding-search input{color:#fff}.onboarding-search input::placeholder{color:#ffffff80}.onboarding-subject-list{display:grid;max-height:245px;gap:7px;overflow-y:auto;margin-top:9px;padding-right:3px}.onboarding-subject-list .onboarding-subject-card{min-height:64px;margin-top:0;padding:9px}.onboarding-subject-list .onboarding-subject-card>span{width:35px;height:35px}.onboarding-subject-list .onboarding-subject-card b{font-size:.75rem}.onboarding-subject-list .onboarding-subject-card small{font-size:.62rem}.onboarding-subject-list .onboarding-subject-card.is-selected{border-color:var(--amber);background:#e9aa3b26}}@layer responsive{@media(min-width:600px){.app-content{padding:42px 32px 70px}.top-header{padding-right:32px;padding-left:32px}.top-header>.brand-lockup{display:inline-flex}.current-subject{max-width:290px;flex:0 1 290px;margin-left:auto}.top-greeting{display:inline}.subject-hero{min-height:330px;padding:35px}.hero-orbit{right:90px;width:220px;height:220px}.stats-row{grid-template-columns:repeat(4,1fr)}.home-columns{grid-template-columns:1fr 1fr;align-items:stretch}.quick-actions{grid-template-columns:repeat(3,1fr)}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-lower-grid{grid-template-columns:1fr 1fr;align-items:start}.notes-grid{grid-template-columns:repeat(2,1fr)}.question-stats{grid-template-columns:repeat(4,1fr)}.question-filters{grid-template-columns:1.4fr .8fr .8fr auto;align-items:center}.question-filters .search-field{min-width:0}.highlight-toolbar{right:auto;bottom:auto;left:auto;min-width:350px}.highlight-toolbar>span{width:auto;padding-right:8px}.highlight-toolbar__close{margin-left:auto}.subject-directory-card{max-width:700px;padding:25px}.subject-directory-card__visual{width:130px;height:130px}.onboarding-screen{padding-top:80px}}@media(min-width:960px){.desktop-sidebar{position:fixed;z-index:40;top:0;bottom:0;left:0;display:flex;width:245px;flex-direction:column;padding:27px 15px 17px;border-right:1px solid var(--line);background:#f1f4f0}.app-main{margin-left:245px}.top-header{height:72px;padding:10px 42px}.current-subject{margin-left:0}.app-content{min-height:calc(100vh - 72px);padding:50px 48px 72px}.bottom-navigation{display:none}.sidebar-subject{display:flex;flex-direction:column;gap:4px;margin:48px 8px 27px;padding:12px;border-left:3px solid var(--amber)}.sidebar-subject strong{font-family:var(--display);font-size:1.02rem}.sidebar-subject small{color:var(--muted);font-size:.67rem}.sidebar-menu{display:grid;gap:4px}.sidebar-item{position:relative;display:flex;min-height:44px;align-items:center;gap:10px;padding:0 11px;border-radius:10px;background:transparent;color:#6d7d82;font-size:.75rem;font-weight:800;text-align:left}.sidebar-item:hover{background:#e4edeb;color:var(--navy)}.sidebar-item.is-active{background:var(--navy);color:#fff;box-shadow:0 8px 17px #10283d21}.sidebar-item.is-active svg{color:var(--cyan)}.sidebar-item i{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--amber)}.sidebar-bottom{display:grid;gap:9px;margin-top:auto}.sidebar-extra{display:flex;align-items:center;gap:8px;padding:5px 3px;background:transparent;color:#708085;font-size:.7rem;font-weight:800;text-align:left}.sidebar-extra:hover{color:var(--navy)}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--line)}.sidebar-footer>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:var(--amber);color:var(--navy);font-family:var(--display);font-size:.74rem;font-weight:900}.sidebar-footer div{display:flex;flex-direction:column;gap:1px}.sidebar-footer b{font-size:.67rem}.sidebar-footer small{color:var(--muted);font-size:.59rem}.subject-home__heading{margin-bottom:34px}.subject-hero{min-height:360px}.hero-orbit{right:13%}.topic-grid{grid-template-columns:repeat(3,1fr)}.topic-card__favorite{top:174px}.page-heading--questions{align-items:flex-end}.question-card{max-width:800px;margin:0 auto}.question-position{max-width:800px;margin-right:auto;margin-left:auto}.notes-grid{grid-template-columns:repeat(3,1fr)}.settings-page{max-width:840px}.onboarding-shell{padding-left:10%}.onboarding-brand{left:10%}.onboarding-progress{right:10%;left:10%;max-width:560px}.onboarding-screen{max-width:650px}.topic-page{max-width:900px}.illustration-viewer__frame img{max-height:600px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}