@import "https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Manrope:wght@500;600;700;800&display=swap";html,body,#root{min-height:100%;margin:0}body{color:#111827;background:#fff;min-height:100svh;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit}:root{--sun:#f0a202;--sand:#fff8e8;--ink:#1a2d42;--ocean:#1e6091;--mist:#dcedf8;--mint:#a8ddb5;--card:#fff;--stroke:#1a2d421f;--shadow:0 24px 55px #19304d24}.app-root-with-tabs{background:#f8fbff;min-height:100svh}.global-tabs{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff0;border-bottom:1px solid #dbeafe;justify-content:center;align-items:center;gap:2px;padding:10px 14px 0;display:flex;position:sticky;top:0}.global-tab{color:#1e3a8a;cursor:pointer;background:#eaf3ff;border:1px solid #bfdbfe;border-bottom:none;border-radius:8px 8px 0 0;margin-bottom:-1px;padding:8px 14px;font-weight:700}.global-tab:hover{background:#dbeafe}.global-tab:focus-visible{outline-offset:1px;outline:2px solid #93c5fd}.global-tab--active{color:#0b57d0;background:#fff;border-color:#93c5fd}.app-page-shell{min-height:calc(100svh - 57px)}*{box-sizing:border-box}.landing-page{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 15% 8%,#ffe6b6 0%,#0000 33%),radial-gradient(circle at 88% 18%,#b8e1fa 0%,#0000 30%),linear-gradient(#fffdf8 0%,#f4fbff 100%);padding:clamp(1rem,3vw,2.5rem);font-family:Manrope,Segoe UI,sans-serif}.hero{border:1px solid var(--stroke);width:min(1100px,100%);box-shadow:var(--shadow);background:linear-gradient(140deg,#fffffff2,#ecf7fff2);border-radius:28px;margin:0 auto;padding:clamp(1rem,2.8vw,2rem);animation:.7s ease-out rise-in}.hero-nav{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{letter-spacing:.02em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(1.4rem,2vw,1.7rem);font-weight:700}.hero-nav-links{align-items:center;gap:1rem;display:flex}.hero-nav-links a{color:var(--ink);border-bottom:1px solid #0000;font-size:.92rem;font-weight:700;text-decoration:none;transition:border-color .2s}.hero-nav-links a:hover{border-color:var(--ink)}.nav-button{color:var(--ink);cursor:pointer;background:#ffffffb8;border:1px solid #1a2d422e;border-radius:999px;padding:.4rem .85rem;font-weight:700}.hero-content{max-width:680px;margin-top:clamp(1.6rem,4vw,3rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#fff;background:linear-gradient(130deg,#1874b4,#1f6b64);border-radius:999px;width:fit-content;margin:0;padding:.45rem .7rem;font-size:.78rem;font-weight:800}.hero h1{letter-spacing:-.02em;color:var(--ink);margin:1rem 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);line-height:1.06}.hero-copy{color:#1a2d42d9;margin:1rem 0 0;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1.2rem;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(140deg,#e27600,#f0a202);box-shadow:0 10px 18px #f0a2024d}.btn-secondary{color:var(--ink);background:#ffffffbf;border:1px solid #1a2d422e}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin:1.6rem 0 0;padding:0;list-style:none;display:grid}.hero-stats li{border:1px solid var(--stroke);background:#ffffffd1;border-radius:14px;padding:.9rem;font-size:.9rem}.hero-stats strong{font-size:1.2rem;display:block}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem;width:min(1100px,100%);margin:clamp(1.6rem,4vw,2.4rem) auto 0;display:grid}.feature-card{background:var(--card);border:1px solid var(--stroke);opacity:0;border-radius:20px;padding:1.25rem;animation:.62s forwards card-in;transform:translateY(14px);box-shadow:0 14px 30px #1f598514}.feature-card:nth-child(2){animation-delay:.12s}.feature-card:nth-child(3){animation-delay:.24s}.feature-card h2{margin:0;font-size:1.18rem}.feature-card p{color:#1a2d42d6;margin:.65rem 0 0;line-height:1.68}.standards-strip{border:1px solid var(--stroke);background:linear-gradient(130deg,#a8ddb547,#dcedf873);border-radius:24px;width:min(1100px,100%);margin:clamp(1.4rem,3.5vw,2.2rem) auto 0;padding:1rem}.strip-title{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.84rem;font-weight:800}.strip-items{flex-wrap:wrap;gap:.6rem;margin-top:.7rem;display:flex}.strip-items span{background:#ffffffd6;border:1px solid #1a2d421a;border-radius:999px;padding:.45rem .75rem;font-size:.86rem;font-weight:700}.landing-footer{text-align:center;width:min(1100px,100%);margin:clamp(1.4rem,3.6vw,2.8rem) auto 0;padding-bottom:1rem}.landing-footer p{margin:0 0 .8rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.3rem,2.9vw,2rem)}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-stats,.feature-grid{grid-template-columns:1fr}}@media (width<=700px){.landing-page{padding:.85rem}.hero{border-radius:20px}.hero-nav{flex-direction:column;align-items:flex-start}.hero-nav-links{flex-wrap:wrap}.btn{width:100%}.landing-footer{padding-bottom:2rem}}.app-layout{background:#f8fbff;align-items:flex-start;width:100%;min-height:100svh;display:flex;position:relative}.practice-home-link{z-index:5;color:#1d4ed8;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:8px 12px;font-weight:700;position:fixed;top:12px;right:12px}.app-page{flex:1;min-width:0}.standards-sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;flex-shrink:0;width:240px;min-height:100svh;padding:24px 16px}.sidebar-heading{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin:0 0 12px;font-size:.75rem;font-weight:700}.sidebar-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sidebar-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:3px;width:100%;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.sidebar-item:hover{background:#e0f0ff;border-color:#bfdbfe}.sidebar-item--active{background:#dbeafe;border-color:#93c5fd}.sidebar-item-title{color:#1e3a8a;font-size:.92rem;font-weight:700}.sidebar-item-desc{color:#4b5563;font-size:.78rem;line-height:1.4}.progress-section{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:24px 24px 0;padding:14px 16px}.progress-label{letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:.85rem;font-weight:700}.progress-value{margin:4px 0 0;font-size:1.2rem;font-weight:800}.progress-attempted{color:#1e40af;margin:6px 0 0;font-size:.92rem;font-weight:600}.progress-track{background:#dbeafe;border-radius:999px;width:100%;height:12px;margin-top:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#0b57d0 0%,#1d8bff 100%);border-radius:999px;width:0;height:100%;transition:width .35s}.app-box{color:#000;background:#fff;border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;max-width:none;margin:24px;padding:32px 24px;display:flex;box-shadow:0 8px 30px #007aff29}.app-title{color:#000;margin:0;font-size:1.4rem;font-weight:700}.app-subtitle{color:#000;margin:0;font-size:1.15rem;font-weight:600}.inline-math{vertical-align:baseline;color:#000;margin:0 .08em;display:inline-block;position:relative;top:-.08em}.inline-math::part(content){color:#000;-webkit-text-fill-color:#000}.attempts-left{color:#1f2937;margin:0;font-size:.95rem;font-weight:600}.answer-row{align-items:center;gap:10px;display:flex}.answer-form{flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:0;display:flex}.app-box input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}.app-box input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.answer-input{color:#000;appearance:textfield;background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px}.math-answer-input{color:#000;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:6px;min-width:280px;min-height:46px;padding:8px 10px}.math-answer-input[read-only]{opacity:.7;cursor:not-allowed}.math-answer-input::part(container){background:0 0}.math-answer-input::part(content),.math-answer-input::part(placeholder){color:#000;-webkit-text-fill-color:#000}.submit-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;margin:0;padding:8px 16px;font-weight:700}.submit-button:hover{background-color:#0069d9}.submit-button:disabled,.answer-input:disabled{opacity:.7;cursor:not-allowed}.next-button{color:#fff;cursor:pointer;background-color:#0f766e;border:none;border-radius:6px;padding:9px 16px;font-weight:700}.next-button:hover{background-color:#0b5f59}.feedback-wrap{width:100%}.feedback{border-radius:6px;margin-top:8px;padding:8px 12px;font-weight:700;display:inline-block}.feedback--success{color:#178a2c;background:#b6f5c6}.feedback--error{color:#b91c1c;background:#fdeaea}.completion-message{color:#0f172a;margin:0;font-weight:700}@media (width<=1024px){.app-layout{flex-direction:column}.standards-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;min-height:auto;padding-top:56px}.sidebar-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}}.simple-dashboard{background:#f8fbff;min-height:100svh;padding:24px}.simple-dashboard-card{background:#fff;border:1px solid #bfdbfe;border-radius:14px;width:min(1000px,100%);margin:0 auto;padding:24px;box-shadow:0 8px 30px #007aff24}.simple-dashboard-kicker{letter-spacing:.06em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:.82rem;font-weight:700}.simple-dashboard-title{color:#0f172a;margin:10px 0 0;font-size:clamp(1.6rem,4.6vw,2.2rem);line-height:1.1}.simple-dashboard-copy{color:#334155;margin:10px 0 0;line-height:1.6}.assignment-list{grid-template-columns:1fr;gap:10px;margin-top:16px;display:grid}.assignment-card{border:1px solid #dbeafe;border-radius:10px;padding:12px}.assignment-card--active{background:#eff6ff}.assignment-card--upcoming{opacity:.88;background:#f8fafc}.assignment-label{letter-spacing:.05em;text-transform:uppercase;color:#475569;margin:0;font-size:.75rem;font-weight:700}.assignment-title{color:#0f172a;margin:6px 0 0;font-size:1.05rem}.assignment-copy{color:#334155;margin:6px 0 0}.simple-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.simple-dashboard-stat{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:10px}.simple-dashboard-stat-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem}.simple-dashboard-stat-value{color:#1e3a8a;margin:6px 0 0;font-weight:700}.simple-dashboard-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.simple-dashboard-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:700}.simple-dashboard-btn-primary{color:#fff;background:linear-gradient(90deg,#0b57d0 0%,#1d8bff 100%)}.simple-dashboard-btn-secondary{color:#0f172a;background:#e2e8f0}.simple-dashboard-btn-tertiary{color:#1e3a8a;background:#dbeafe}.simple-dashboard-btn:hover{filter:brightness(.97)}@media (width<=700px){.simple-dashboard{padding:14px}.simple-dashboard-card{padding:20px}.simple-dashboard-stats{grid-template-columns:1fr}}.courses-page{background:#f8fbff;min-height:100svh;padding:24px}.courses-shell{background:#fff;border:1px solid #bfdbfe;border-radius:14px;width:min(1000px,100%);margin:0 auto;padding:24px;box-shadow:0 8px 30px #007aff24}.courses-hero{text-align:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:16px}.courses-hero-kicker{letter-spacing:.06em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:.82rem;font-weight:700}.courses-hero-title{color:#0f172a;margin:8px 0 0;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.1}.courses-hero-copy{color:#334155;margin:8px 0 0;max-width:640px;margin-inline:auto;line-height:1.6}.courses-hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;display:flex}.courses-kicker{letter-spacing:.06em;text-transform:uppercase;color:#1e3a8a;margin:16px 0 0;font-size:.82rem;font-weight:700}.courses-title{color:#0f172a;margin:10px 0 0;font-size:clamp(1.6rem,4.6vw,2.2rem);line-height:1.1}.courses-copy{color:#334155;margin:10px 0 0;line-height:1.6}.course-stack{gap:10px;margin-top:14px;display:grid}.course-card{border:1px solid #dbeafe;border-radius:12px;padding:12px}.course-card--active{background:#eff6ff}.course-card--placeholder{background:#f8fafc}.course-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.course-header-meta{align-items:center;gap:10px;display:inline-flex}.course-toggle{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.course-content{border-top:1px solid #bfdbfe;margin-top:10px;padding-top:10px}.course-content-wrap{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.course-content-wrap--open{grid-template-rows:1fr}.course-content-wrap>.course-content{overflow:hidden}.course-header h2{color:#0f172a;margin:0;font-size:1.1rem}.course-status{letter-spacing:.04em;text-transform:uppercase;color:#1e3a8a;font-size:.75rem;font-weight:700}.course-status--muted{color:#64748b}.course-placeholder-copy{color:#475569;margin:8px 0 0}.unit-block{background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:10px}.unit-stack{gap:10px;display:grid}.unit-toggle{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:0}.unit-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.unit-title{letter-spacing:.05em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:.88rem;font-weight:700}.topic-grid{grid-template-columns:1fr;gap:10px;margin-top:10px;display:grid}.unit-content-wrap{grid-template-rows:0fr;transition:grid-template-rows .2s;display:grid}.unit-content-wrap--open{grid-template-rows:1fr}.unit-content-wrap>.topic-grid{overflow:hidden}.chevron{color:#1e3a8a;font-size:.95rem;transition:transform .2s;display:inline-block;transform:rotate(0)}.chevron--small{font-size:.86rem}.chevron--open{transform:rotate(180deg)}.topic-card{background:#fff;border:1px solid #bfdbfe;border-radius:10px;padding:10px}.topic-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.topic-id{color:#0f172a;margin:0;font-size:.9rem;font-weight:700}.topic-standard-code{color:#1e3a8a;letter-spacing:.04em;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.topic-standard-code:hover{background:#dbeafe}.topic-standard-code:focus-visible{outline-offset:1px;outline:2px solid #93c5fd}.topic-description{color:#334155;margin:6px 0 0}.courses-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.courses-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:700}.courses-btn-primary{color:#fff;background:linear-gradient(90deg,#0b57d0 0%,#1d8bff 100%)}.courses-btn-google{color:#0f172a;background:#fff;border:1px solid #bfdbfe;align-items:center;gap:10px;display:inline-flex}.google-mark{background:conic-gradient(#4285f4 0 90deg, #34a853 90deg 180deg, #fbbc05 180deg 270deg, #ea4335 270deg 360deg);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:inline-flex}.courses-btn-muted{color:#0f172a;background:#e2e8f0}.courses-btn:hover{filter:brightness(.97)}@media (width<=700px){.courses-page{padding:14px}.courses-shell{padding:18px}}.standards-page{background:#f8fbff;min-height:100svh;padding:24px}.standards-shell{background:#fff;border:1px solid #bfdbfe;border-radius:14px;width:min(1000px,100%);margin:0 auto;padding:24px;box-shadow:0 8px 30px #007aff24}.standards-kicker{letter-spacing:.06em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:.82rem;font-weight:700}.standards-title{color:#0f172a;margin:10px 0 0;font-size:clamp(1.6rem,4.6vw,2.2rem);line-height:1.1}.standards-copy{color:#334155;margin:10px 0 0;line-height:1.6}.standards-search-label{letter-spacing:.04em;text-transform:uppercase;color:#1e3a8a;margin-top:14px;font-size:.78rem;font-weight:700;display:inline-block}.standards-search-input{color:#0f172a;background:#fff;border:1px solid #bfdbfe;border-radius:8px;width:100%;margin-top:6px;padding:10px 12px;font-size:.95rem}.standards-search-input:focus{outline-offset:1px;outline:2px solid #93c5fd}.standards-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:16px;display:grid}.standard-preview-card{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;padding:12px}.standard-preview-card--selected{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa40}.standard-preview-id{letter-spacing:.05em;text-transform:uppercase;color:#1e3a8a;margin:0;font-size:.8rem;font-weight:700}.standard-preview-description{color:#334155;margin:8px 0 0}.standard-preview-problem{border-top:1px solid #bfdbfe;margin-top:12px;padding-top:10px}.standard-example-wrap{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.standard-example-wrap--open{grid-template-rows:1fr}.standard-example-content{overflow:hidden}.standard-preview-label{color:#475569;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.76rem}.standard-preview-question{color:#0f172a;margin:6px 0 0;font-weight:700}.standard-preview-answer{color:#1e3a8a;margin:8px 0 0}.standards-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:700}.standards-btn-primary{color:#fff;background:linear-gradient(90deg,#0b57d0 0%,#1d8bff 100%)}.standards-btn-secondary{color:#0f172a;background:#dbeafe}.standards-btn:hover{filter:brightness(.97)}.standard-preview-nav{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.standard-preview-position{color:#1e3a8a;margin:0;font-size:.82rem;font-weight:700}.standards-empty{color:#475569;margin-top:14px;font-weight:600}@media (width<=700px){.standards-page{padding:14px}.standards-shell{padding:18px}}
