:root{--font:"Inter",-apple-system,"SF Pro Text","Helvetica Neue",sans-serif;--bg:#fff;--surface:#f7f7f9;--surface-2:#efeff3;--surface-3:#e5e5eb;--text:#111117;--text-2:#6b6b80;--text-3:#b0b0be;--accent:#6366f1;--accent-hover:#4f52e0;--accent-dim:#6366f112;--accent-border:#6366f133;--green:#16a34a;--green-dim:#16a34a14;--red:#dc2626;--red-dim:#dc262614;--amber:#b45309;--amber-dim:#b4530914;--rule:#e8e8f0;--rule-2:#d8d8e4;--shadow-xs:0 1px 2px #1111170d;--shadow-sm:0 2px 8px #1111170f,0 0 0 1px #1111170a;--shadow-md:0 4px 16px #11111714,0 0 0 1px #1111170a;--r-sm:.3rem;--r:.5rem;--r-lg:.75rem}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{font-family:var(--font),sans-serif;background:var(--bg);color:var(--text);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4,strong{font-family:var(--font),sans-serif;letter-spacing:-.03em;color:var(--text);margin-top:0;font-weight:600}h1{margin-bottom:.6rem;font-size:clamp(1.9rem,5vw,3.6rem);font-weight:700;line-height:1.06}h2{margin-bottom:.5rem;font-size:clamp(1.15rem,2.5vw,1.6rem);line-height:1.2}h3{margin-bottom:.4rem;font-size:1rem}h4{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.5rem;font-size:.72rem;font-weight:600}p{margin-top:0}ul{margin:0;padding-left:1.15rem}li+li{margin-top:.3rem}input,select,textarea,button{font:inherit;border-radius:var(--r)}input,select,textarea{border:1px solid var(--rule-2);background:var(--bg);width:100%;color:var(--text);padding:.7rem .875rem;font-size:1rem;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#c4c4d4}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);box-shadow:none;margin:0}textarea{resize:vertical}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%236b6b80'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2.25rem}button,.button-link{cursor:pointer;border-radius:var(--r);white-space:nowrap;letter-spacing:0;touch-action:manipulation;background:var(--accent);color:#fff;border:none;justify-content:center;align-items:center;width:auto;min-height:2.5rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:500;transition:background .15s,box-shadow .15s,transform .12s;display:inline-flex;box-shadow:0 1px 3px #6366f14d}button:hover,.button-link:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 3px 8px #6366f152}button:active,.button-link:active{transform:translateY(0)}button:disabled,.button-link:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}button.secondary,.button-link.ghost{background:var(--bg);color:var(--text-2);border:1px solid var(--rule-2);box-shadow:var(--shadow-xs)}button.secondary:hover,.button-link.ghost:hover{background:var(--surface);color:var(--text);border-color:#c4c4d4;transform:translateY(-1px)}button.danger{background:var(--red-dim);color:var(--red);box-shadow:none;border:1px solid #dc26262e}button.danger:hover{background:#dc26261f;transform:translateY(-1px)}button.google-button{background:var(--bg);color:var(--text);border:1px solid var(--rule-2);box-shadow:var(--shadow-xs)}button.google-button:hover{background:var(--surface);border-color:#c4c4d4;transform:translateY(-1px)}button:focus-visible,.button-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-bg{flex-direction:column;min-height:100dvh;display:flex}.top-nav{z-index:40;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:#ffffffe6;position:sticky;top:0}.nav-inner{align-items:center;gap:1rem;max-width:1100px;height:3.25rem;margin:0 auto;padding:0 1rem;display:flex}.brand-text{letter-spacing:-.03em;color:var(--text);flex-shrink:0;font-size:.9rem;font-weight:700}.brand-link:hover{color:var(--accent)}.nav-links{flex:1;align-items:center;gap:.1rem;display:none}.nav-link{border-radius:var(--r-sm);color:var(--text-2);padding:.3rem .65rem;font-size:.85rem;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.active{color:var(--accent);background:var(--accent-dim)}.nav-right{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.main-container{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.75rem 1rem 5.5rem}.page-header{border-bottom:1px solid var(--rule);margin-bottom:2rem;padding-bottom:1.25rem}.page-title{letter-spacing:-.04em;color:var(--text);margin-bottom:.2rem;font-size:clamp(1.4rem,4vw,2rem);font-weight:700}.page-subtitle{color:var(--text-2);margin:0;font-size:.875rem}.content-grid{gap:2rem;display:grid}.bottom-nav{z-index:40;border-top:1px solid var(--rule);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:3rem;color:var(--text-2);letter-spacing:0;flex:1;justify-content:center;align-items:center;padding:.875rem .5rem;font-size:.82rem;font-weight:500;transition:color .15s;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav a:hover{color:var(--text)}.muted{color:var(--text-2)}.small{font-size:.85rem}.stack{gap:.75rem;display:grid}.inline-actions,.inline-line{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-actions .button-link,.inline-actions button{width:auto}.status{background:var(--green-dim);border-radius:var(--r);color:var(--green);border:1px solid #16a34a2e;padding:.7rem .95rem;font-size:.875rem}.error,.card.error{background:var(--red-dim);border-radius:var(--r);color:var(--red);border:1px solid #dc26262e;padding:.7rem .95rem;font-size:.875rem}.card.status{background:var(--green-dim);border-radius:var(--r);color:var(--green);border:1px solid #16a34a2e;padding:.7rem .95rem;font-size:.875rem}.locked-note{background:var(--amber-dim);border-radius:var(--r);color:var(--amber);border:1px solid #b453092e;padding:.7rem .95rem;font-size:.875rem}.stats-strip{border:1px solid var(--rule);border-radius:var(--r-lg);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.stat{background:var(--surface);padding:1.1rem 1.25rem;position:relative}.stat:nth-child(odd){border-right:1px solid var(--rule)}.stat:first-child,.stat:nth-child(2){border-bottom:1px solid var(--rule)}.stat.highlight{background:var(--accent-dim)}.stat.highlight .value{color:var(--accent)}.stat .label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-3);margin-bottom:.3rem;font-size:.72rem}.stat .value{letter-spacing:-.04em;color:var(--text);font-size:1.65rem;font-weight:700;line-height:1}.question-list{gap:.4rem;display:grid}.question-pill{text-align:left;background:var(--bg);border:1px solid var(--rule);border-radius:var(--r);width:100%;color:var(--text-2);min-height:2.75rem;box-shadow:none;align-items:center;gap:1.25rem;padding:.8rem 1rem;font-size:.875rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;display:flex}.question-pill:hover{background:var(--surface);border-color:var(--rule-2);color:var(--text);box-shadow:var(--shadow-xs);transform:none}.question-pill.active{border-color:var(--accent-border);background:var(--accent-dim);color:var(--text);box-shadow:none}.result-grid{gap:1.5rem;display:grid}.chart-grid{gap:.55rem;display:grid}.chart-row{grid-template-columns:6rem 1fr 2.25rem;align-items:center;gap:.75rem;display:grid}.chart-label,.chart-value{color:var(--text-2);font-size:.8rem}.chart-bar-wrap,.progress-track{background:var(--surface-2);border:none;border-radius:2px;height:4px;overflow:hidden}.chart-bar,.progress-fill{background:var(--accent);opacity:.75;border-radius:2px;height:100%}.topic-progress-list{gap:1rem;display:grid}.topic-progress-item{gap:.4rem;display:grid}.practice-workspace{gap:1rem;display:grid}.practice-sidebar,.practice-panel{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface)}.practice-sidebar{align-content:start;gap:.7rem;padding:1rem;display:grid}.practice-sidebar-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.practice-sidebar-head h3{margin:0}.practice-sidebar-head button{min-height:2rem;padding:.4rem .65rem}.practice-history-list{gap:.55rem;display:grid}.practice-history-item{text-align:left;border-radius:var(--r);border:1px solid var(--rule);background:var(--bg);width:100%;min-height:auto;color:var(--text);box-shadow:none;justify-content:flex-start;align-items:flex-start;gap:.35rem;padding:.75rem .8rem;display:grid}.practice-history-item:hover{background:var(--surface);border-color:var(--rule-2);box-shadow:var(--shadow-xs);transform:none}.practice-history-item.active{background:var(--accent-dim);border-color:var(--accent-border)}.practice-history-item p{margin:0}.practice-main{gap:.9rem;display:grid}.practice-toolbar{gap:.6rem;display:grid}.toolbar-select{width:min(100%,22rem);min-width:0}.practice-panel{gap:.875rem;padding:1rem;display:grid}.practice-panel h3,.practice-panel h4{margin:0}.chat-history-list{gap:.75rem;display:grid}.chat-history-card{border:1px solid var(--rule);border-radius:var(--r);background:var(--bg);gap:.7rem;padding:1rem;display:grid}.chat-history-card p{margin:0}.practice-question-prompt{margin:0;font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:500;line-height:1.65}.chat-box{gap:.75rem;max-height:48dvh;display:grid;overflow-y:auto}.bubble{border-radius:var(--r);border:1px solid var(--rule);background:var(--surface);padding:.75rem 1rem;font-size:.875rem}.bubble.user{border-color:var(--accent-border);background:var(--accent-dim)}.bubble p{margin-bottom:0}.bubble-role{text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-bottom:.2rem;font-size:.68rem;display:inline-block}.admin-list{gap:0;display:grid}.admin-topic-group{border-top:1px solid var(--rule);padding-top:.35rem}.admin-topic-group+.admin-topic-group{margin-top:.85rem}.admin-topic-group summary{cursor:pointer;color:var(--text);padding:.75rem 0;font-weight:600}.admin-item{border-bottom:1px solid var(--rule);background:0 0;border-radius:0;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.admin-item:first-child{border-top:1px solid var(--rule)}@media (max-width:480px){.admin-item{flex-direction:column;gap:.6rem}}.auth-container{gap:.875rem;width:100%;max-width:360px;display:grid}.auth-divider{text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.7rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--rule);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-form{gap:.75rem;display:grid}.auth-status{color:var(--green);margin:0;font-size:.85rem}.landing-page{flex-direction:column;min-height:100dvh;display:flex}.landing-nav{z-index:30;border-bottom:1px solid var(--rule);-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);background:#ffffffe6;position:sticky;top:0}.nav-container{align-items:center;max-width:1100px;height:3.25rem;margin:0 auto;padding:0 1rem;display:flex}.logo{align-items:center;display:flex}.logo-mark{display:none}.logo-text{letter-spacing:-.03em;color:var(--text);font-size:.9rem;font-weight:700}.landing-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 1rem}.hero-section{padding:2rem 0}.hero-grid{gap:1.75rem;display:grid}.hero-content{max-width:680px}.hero-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1rem;font-size:.68rem;display:inline-block}.hero-title{margin-bottom:.9rem}.hero-gradient{color:var(--accent);background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.hero-description{color:var(--text-2);max-width:52ch;margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.hero-actions{max-width:400px}.hero-visual{border:1px solid var(--rule);background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem}.visual-headline{text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:.9rem;font-size:.68rem}.visual-row{border-top:1px solid var(--rule);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.6rem 0;display:grid}.visual-row:first-of-type{border-top:none;padding-top:0}.visual-label{color:var(--text-2);font-size:.85rem}.visual-value{color:var(--text);font-size:.85rem;font-weight:600}.features-section{border-top:1px solid var(--rule);padding:0 0 4rem}.features-header{border-bottom:1px solid var(--rule);flex-direction:column;gap:.5rem;margin-bottom:0;padding-top:2.5rem;padding-bottom:2rem;display:flex}.features-title{margin-bottom:0}.features-subtitle{color:var(--text-2);max-width:44ch;margin:0;font-size:.9rem}.features-grid{gap:0;display:grid}.feature-card{border:none;border-bottom:1px solid var(--rule);background:0 0;border-radius:0;padding:1.5rem 0;transition:none}.feature-card:hover{box-shadow:none;border-color:var(--rule);background:0 0;transform:none}.feature-tag{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;border-radius:0;margin-bottom:.4rem;padding:0;font-size:.65rem;display:block}.feature-title{margin-bottom:.3rem;font-size:.95rem}.feature-description{color:var(--text-2);margin:0;font-size:.875rem}.landing-footer{border-top:1px solid var(--rule);text-align:center;color:var(--text-3);padding:1.5rem 1rem;font-size:.8rem}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.content-grid>*{animation:.28s both rise-in}.content-grid>:nth-child(2){animation-delay:40ms}.content-grid>:nth-child(3){animation-delay:80ms}.content-grid>:nth-child(4){animation-delay:.12s}@media (min-width:640px){.nav-links{display:flex}.bottom-nav{display:none}.main-container{padding:2.5rem 1.5rem 4rem}.stats-strip{border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr)}.stat:nth-child(odd){border-right:1px solid var(--rule)}.stat:first-child,.stat:nth-child(2){border-bottom:none}.stat:not(:last-child){border-right:1px solid var(--rule)}.stat .value{font-size:2rem}.features-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.hero-section{padding:5rem 0 4rem}.toolbar-select{min-width:10rem}}@media (min-width:768px){.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2,.stats-strip{grid-column:span 2}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}.hero-section{padding:6rem 0 5rem}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{border-bottom:none;border-right:1px solid var(--rule);padding:2rem 2rem 2rem 0}.feature-card:nth-child(3n){border-right:none;padding-right:0}.practice-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media (min-width:980px){.practice-workspace{grid-template-columns:minmax(0,19rem) minmax(0,1fr);align-items:start}.practice-sidebar{max-height:calc(100dvh - 6rem);position:sticky;top:5.2rem}.practice-history-list{max-height:calc(100dvh - 13.5rem);padding-right:.25rem;overflow-y:auto}}
:root{--font:"Inter",-apple-system,sans-serif;--bg:#fff;--surface:#fff;--surface-2:#f8f9fa;--surface-3:#f1f5f9;--text:#0f172a;--text-2:#64748b;--text-3:#94a3b8;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-dim:#eff6ff;--accent-border:transparent;--green:#10b981;--green-dim:#ecfdf5;--red:#ef4444;--red-dim:#fef2f2;--amber:#f59e0b;--amber-dim:#fffbeb;--rule:transparent;--rule-2:transparent;--shadow-xs:none;--shadow-sm:none;--shadow-md:none;--r:20px;--r-sm:12px;--r-lg:32px}body{background:var(--bg)!important;color:var(--text)!important;font-family:var(--font)!important;font-weight:500!important;animation:none!important}.card,.stat,.feature-card,.question-pill,.bubble{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.card:hover,.feature-card:hover{box-shadow:none!important;background:0 0!important;border-color:#0000!important;transform:none!important}.stats-strip{background:0 0!important;border:none!important}.stat{text-align:center!important;padding:1rem .5rem!important}.stat .value{letter-spacing:-.05em!important;font-size:2.5rem!important;font-weight:800!important}.stat .label{color:var(--text-2)!important;text-transform:uppercase!important;letter-spacing:.05em!important;margin-top:.5rem!important;font-size:.75rem!important;font-weight:700!important}.question-pill{padding:1rem 0!important}.question-pill:hover{background:var(--surface-2)!important}.question-pill.active{background:var(--accent-dim)!important;color:var(--accent)!important;border-radius:var(--r-sm)!important;padding:1rem!important;font-weight:600!important}.nav-link.active{background:var(--accent-dim)!important;color:var(--accent)!important;border-radius:var(--r-sm)!important;font-weight:600!important}button,.button-link{background:var(--surface-2)!important;color:var(--text)!important;border-radius:var(--r)!important;box-shadow:none!important;letter-spacing:0!important;text-transform:none!important;border:none!important;padding:.8rem 1.75rem!important;font-weight:600!important}button:hover,.button-link:hover{background:var(--surface-3)!important;color:var(--text)!important;box-shadow:none!important;transform:none!important}button[type=submit],.button-primary,button:not([class]),.button-link:not([class]){background:var(--accent)!important;color:#fff!important;border-radius:var(--r-sm)!important}button[type=submit]:hover,.button-primary:hover,button:not([class]):hover,.button-link:not([class]):hover{background:var(--accent-hover)!important;color:#fff!important}button.secondary,.button-link.ghost{color:var(--text)!important;background:0 0!important}button.secondary:hover,.button-link.ghost:hover{background:var(--surface-2)!important;color:var(--text)!important}.top-nav,.bottom-nav,.landing-nav{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#fffffff2!important;border:none!important}.page-header{border-bottom:none!important;margin-bottom:3rem!important}.admin-item{border-radius:var(--r-sm)!important;background:var(--surface-2)!important;border:none!important;margin-bottom:1rem!important;padding:1.5rem!important}h1,.hero-title,.page-title{letter-spacing:-.05em!important;color:var(--text)!important;-webkit-text-fill-color:initial!important;background:0 0!important;margin-bottom:.5rem!important;font-size:clamp(2.5rem,8vw,4.5rem)!important;font-weight:900!important;line-height:1.1!important}.hero-gradient{color:var(--accent)!important;-webkit-text-fill-color:initial!important;background:0 0!important}.page-subtitle,.hero-description{color:var(--text-2)!important;max-width:600px!important;font-size:1.125rem!important;font-weight:500!important}input,select,textarea{background:var(--surface-2)!important;border-radius:var(--r-sm)!important;color:var(--text)!important;border:none!important;padding:1.25rem!important;font-size:1rem!important}input:focus,select:focus,textarea:focus{background:var(--surface-3)!important;box-shadow:0 0 0 2px var(--accent-dim)!important;border-color:#0000!important}.main-container{max-width:900px!important;padding-top:4rem!important}.content-grid{gap:4rem!important}.topic-icon-wrap,.feature-icon{background:var(--surface-2)!important;width:48px!important;height:48px!important;color:var(--accent)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;display:flex!important}.status,.card.status{background:var(--green-dim)!important;color:#059669!important;border:none!important;font-weight:600!important}.error,.card.error{background:var(--red-dim)!important;color:var(--red)!important;border:none!important;font-weight:600!important}.locked-note{background:var(--amber-dim)!important;color:#d97706!important;border:none!important;font-weight:600!important}.bubble{background:var(--surface-2)!important;border:none!important;padding:1rem 1.25rem!important}.bubble.user{background:var(--accent-dim)!important;color:var(--text)!important;border:none!important}@media (max-width:639px){.main-container{padding-top:1.75rem!important}.content-grid{gap:2rem!important}.page-header{margin-bottom:1.5rem!important}.admin-item{padding:1rem!important}h1,.hero-title,.page-title{font-size:clamp(1.75rem,7vw,2.75rem)!important}}