:root{--bg: #f4efe6;--bg-alt: #eef3ee;--surface: rgba(255, 253, 248, .92);--surface-strong: #fffdf8;--text: #16222b;--muted: #5d6a73;--border: rgba(22, 34, 43, .12);--shadow: 0 16px 48px rgba(21, 34, 44, .08);--accent: #4d8c74;--accent-strong: #314b6b;--accent-soft: rgba(77, 140, 116, .12);--warning: #b07a2b;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--page-pad: clamp(.65rem, 1vw, 1rem);--card-pad: clamp(.8rem, 1.1vw, 1.05rem);color-scheme:light;font-family:Aptos,Avenir Next,Trebuchet MS,Segoe UI,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:radial-gradient(circle at top left,rgba(77,140,116,.12),transparent 28%),radial-gradient(circle at top right,rgba(49,75,107,.14),transparent 24%),linear-gradient(180deg,#fbf8f1,#f4efe6 36%,#eef3ee)}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:inherit;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(22,34,43,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(22,34,43,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 90%);mask-image:linear-gradient(180deg,rgba(0,0,0,.22),transparent 90%)}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stack{display:grid;gap:1rem}.eyebrow{margin:0 0 .35rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card-title,.page-title,.brand-title{margin:0;line-height:1.1;letter-spacing:-.03em}.card-title{font-size:clamp(1.2rem,1rem + 1vw,1.8rem)}.page-title,.brand-title{font-size:clamp(1.65rem,1.3rem + 1.7vw,2.7rem)}.card-copy,.page-copy,.brand-subtitle{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.page-header__body{max-width:72ch}.app-shell{width:min(100%,1760px);margin:0 auto;padding:var(--page-pad);display:grid;gap:.7rem}.app-shell__header{display:grid;gap:.6rem;position:static;z-index:30;padding-top:0;padding-bottom:0;background:linear-gradient(180deg,#f4efe6f5,#f4efe6cc);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell__brand{display:grid;gap:.6rem;padding:.8rem .85rem}.brand-copy{display:grid;gap:.35rem}.brand-stats,.button-row,.chip-row,.concept-card__footer,.note-card__tags,.note-card__actions,.page-header__actions,.level-switcher__controls,.section-card__header,.path-card__meta,.concept-card__meta,.formula-card__meta,.practice-card__meta{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.status-chip,.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#314b6b14;color:var(--accent-strong);font-size:.84rem;font-weight:600}.status-chip--soft{background:#4d8c741a;color:var(--accent)}.section-nav{padding:.55rem .65rem}.section-nav__row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin}.section-nav__link{flex:0 0 auto;padding:.55rem .8rem;border-radius:999px;color:var(--muted);font-weight:600;transition:background-color .16s ease,color .16s ease,transform .16s ease}.section-nav__link:hover{background:#314b6b14;color:var(--text)}.section-nav__link--active{background:#314b6b1f;color:var(--text)}.level-switcher{padding:.8rem .85rem;display:grid;gap:.6rem}.level-switcher__top{display:grid;gap:.6rem}.level-switcher__controls{margin-top:0;display:flex;flex-wrap:wrap;gap:.5rem}.button,.choice-button,.focus-button,.solver-case,.subject-filter,.path-step__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;color:var(--text);background:#16222b0d;border:1px solid rgba(22,34,43,.08);transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover,.focus-button:hover,.solver-case:hover,.subject-filter:hover,.choice-button:hover,.path-step__button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,#314b6beb,#4d8c74eb);color:#fffdf8;border-color:transparent}.button--soft{background:#314b6b0f}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.level-pills{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.level-pill{position:relative;display:grid;gap:.15rem;min-width:0;padding:.72rem .8rem .8rem;text-align:left;background:#ffffffbd;border:1px solid rgba(22,34,43,.08);color:var(--muted);box-shadow:0 6px 18px #16222b0d}.level-pill[data-active=true]{background:#fffdf8;color:var(--text);box-shadow:0 14px 28px #16222b1f;border-color:#16222b29}.level-pill__number{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.level-pill__label{font-size:.92rem;font-weight:700}.level-pill__accent{position:absolute;left:.75rem;right:.75rem;bottom:.35rem;height:3px;border-radius:999px}.app-shell__main{display:grid;gap:.8rem;padding-bottom:.65rem}.app-shell__footer{padding:.5rem 0 1.25rem;color:var(--muted);font-size:.92rem}.page-header,.section-card,.summary-card,.feature-card,.subject-card,.level-card,.formula-card,.path-card,.solver-card,.practice-card,.setting-card,.note-form,.note-card,.concept-card{padding:var(--card-pad)}.page-header{display:grid;gap:.85rem}.page-header__body{display:grid;gap:.5rem}.page-header__actions{align-items:flex-start}.summary-grid,.feature-grid,.subject-grid,.level-grid,.formula-grid,.path-grid,.practice-grid,.settings-grid{display:grid;gap:1rem}.summary-grid,.feature-grid,.level-grid,.subject-grid,.formula-grid,.path-grid,.practice-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.summary-card,.feature-card,.subject-card,.level-card,.formula-card,.path-card,.practice-card,.setting-card{display:grid;gap:.85rem}.feature-card__link{font-weight:700;color:var(--accent-strong)}.section-card{display:grid;gap:1rem}.section-card__header{justify-content:space-between;align-items:flex-start}.level-card{border-top:5px solid transparent}.level-card__title{margin:0;font-size:1.15rem}.subject-card__topics,.note-card__tags,.concept-card__footer{display:flex;flex-wrap:wrap;gap:.5rem}.subject-card__topics{margin-top:.25rem}.subject-card{align-content:start}.subject-card__topics .chip{font-size:.78rem}.explain-layout,.learn-layout,.notebook-layout,.solver-grid,.concept-details,.concept-hero{display:grid;gap:1rem}.concept-hero__top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.concept-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.rescue-flow{display:grid;gap:.75rem}.rescue-flow__step{padding:.9rem 1rem;border-radius:var(--radius-md);background:#4d8c7414}.callout{display:grid;gap:.75rem;padding:1rem;border-radius:var(--radius-lg);background:#314b6b14}.callout--accent{background:#4d8c741f}.preview-code{margin:0;overflow-x:auto;font-size:.85rem;line-height:1.6;color:var(--text)}.empty-state{display:grid;gap:.85rem;justify-items:start}.details-grid{display:grid;gap:1rem}.details-grid--compact{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-block{display:grid;gap:.75rem}.detail-block__text{margin:0}.clean-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.clean-list__item{display:flex;gap:.7rem;align-items:flex-start}.clean-list__bullet{width:.68rem;height:.68rem;margin-top:.42rem;flex:0 0 auto;border-radius:999px;background:var(--accent)}.focus-buttons{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.focus-button{display:grid;gap:.25rem;padding:.85rem .95rem;text-align:left;background:#16222b0d;color:var(--text);border:1px solid rgba(22,34,43,.08)}.focus-button[data-active=true]{background:#4d8c741f;border-color:#4d8c7447}.focus-button small{color:var(--muted)}.field{display:grid;gap:.45rem}.field__label{font-size:.9rem;font-weight:700}.field__input,.field__textarea,.field__select{width:100%;min-height:44px;padding:.8rem .95rem;border-radius:var(--radius-md);border:1px solid rgba(22,34,43,.14);background:#fffdf8e6;color:var(--text);outline:none}.field__textarea{resize:vertical;min-height:120px}.field__input:focus,.field__textarea:focus,.field__select:focus{border-color:#314b6b73;box-shadow:0 0 0 4px #314b6b1a}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem}.subject-filter{min-height:42px;padding:.7rem .9rem;background:#16222b0d;color:var(--muted)}.subject-filter[data-active=true]{background:#314b6b1a;color:var(--text)}.concept-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.concept-card{display:grid;gap:.75rem;text-align:left;background:#fffdf8e0;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.concept-card[data-active=true]{border-color:#4d8c7466;box-shadow:0 18px 42px #4d8c7424}.concept-card__meta,.formula-card__meta,.practice-card__meta{justify-content:space-between}.concept-card__title{margin:0;font-size:1.05rem}.concept-card__copy{margin:0;color:var(--muted);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.learn-layout,.explain-layout{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start}.formula-card__formula{margin:0;padding:.9rem 1rem;border-radius:var(--radius-md);background:#314b6b14;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.95rem}.formula-card__meaning,.note-card__content{margin:0;color:var(--muted)}.path-card{display:grid;gap:1rem}.path-step{display:grid;gap:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding:.95rem 1rem;border-radius:var(--radius-lg);background:#16222b0a}.path-step__level{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:0 .6rem;border-radius:999px;background:#4d8c741f;font-weight:700}.path-step__body p{margin:.2rem 0 0;color:var(--muted)}.path-step__button{min-width:72px;min-height:40px;padding:.6rem .85rem}.practice-card__choices{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.practice-card__hint-row{display:flex;flex-wrap:wrap;gap:.5rem}.practice-card__hint{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:#314b6b14}.practice-card__hint p{margin:0}.practice-card__ladder{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}.practice-card__ladder-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start}.practice-card__ladder-index{display:inline-flex;align-items:center;justify-content:center;min-width:1.4rem;min-height:1.4rem;border-radius:999px;background:#314b6b24;font-size:.8rem;font-weight:700}.spine-preview{display:grid;gap:.9rem}.spine-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.spine-card{display:grid;gap:.65rem;padding:.85rem;text-align:left;background:#fffdf8e6}.spine-card[data-active=true]{border-color:#4d8c7466;box-shadow:0 18px 42px #4d8c7424}.spine-card__meta{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:space-between}.spine-card__title{margin:0;font-size:1.04rem}.spine-card__copy{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}.choice-button{min-height:44px;padding:.8rem .9rem;background:#16222b0d;border:1px solid rgba(22,34,43,.08)}.choice-button[data-selected=true]{border-color:#314b6b4d;background:#314b6b14}.choice-button[data-correct=true]{background:#4d8c742e;border-color:#4d8c7459}.choice-button[data-wrong=true]{background:#b07a2b24;border-color:#b07a2b47}.practice-feedback{display:grid;gap:.35rem;padding:.95rem 1rem;border-radius:var(--radius-lg)}.practice-feedback--success{background:#4d8c741f}.practice-feedback--warning{background:#b07a2b1f}.note-form,.note-list{display:grid;gap:1rem}.note-form__grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.note-card{display:grid;gap:.8rem}.note-card__meta{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.note-card__actions{justify-content:flex-start}.note-card__empty{display:grid;gap:.85rem;justify-items:start}.setting-row{display:flex;gap:.9rem;align-items:flex-start}.setting-row input[type=checkbox]{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:var(--accent)}.setting-row__body{display:grid;gap:.2rem}.setting-row__body span{color:var(--muted)}@media(max-width:860px){.learn-layout,.explain-layout{grid-template-columns:1fr}.concept-hero__top,.section-card__header{flex-direction:column}.path-step{grid-template-columns:1fr}}@media(max-width:640px){.practice-card__choices{grid-template-columns:1fr}}@media(min-width:900px){.level-switcher__top{grid-template-columns:minmax(0,1fr) auto;align-items:start}.level-switcher__controls{justify-content:flex-end}}@media(min-width:1100px){.app-shell__header{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start}.app-shell__brand{grid-column:1;align-self:stretch;grid-template-columns:minmax(0,1fr) auto;align-items:center}.level-switcher{grid-column:2;align-self:stretch}.section-nav{grid-column:1 / -1}}:root[data-compact=true]{--page-pad: .85rem;--card-pad: .9rem}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}