*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:Hanken Grotesk,system-ui,-apple-system,sans-serif;background:#f6f6f4;color:#0b0b0c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#d8d6cf;border-radius:6px;border:3px solid transparent;background-clip:content-box}@keyframes ovIn{0%{opacity:0}to{opacity:1}}@keyframes shIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sheetIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}.auth-wrap{display:flex;min-height:100vh}.auth-hero{width:46%;flex:none;background:#0b0b0c;color:#fff;padding:56px 56px 48px;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.3}.auth-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,#0b0b0c80,#0b0b0ceb)}.auth-hero-glow{position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(18,185,129,.22),transparent 70%)}.auth-hero-glow-bottom{top:auto;bottom:-120px;background:radial-gradient(circle,rgba(18,185,129,.18),transparent 70%)}.auth-hero-brand{display:flex;align-items:center;gap:10px;position:relative}.auth-hero-brand-text{font:700 18px Schibsted Grotesk,sans-serif}.auth-hero-title{font:800 44px/1.08 Schibsted Grotesk,sans-serif;letter-spacing:-.02em;margin:0 0 18px;position:relative}.auth-hero-sub{font:400 16px/1.5 Hanken Grotesk,sans-serif;color:#a6a6ac;margin:0 0 32px;max-width:420px}.auth-hero-stats{display:flex;gap:28px}.auth-hero-stat-num{font:800 26px Schibsted Grotesk,sans-serif}.auth-hero-stat-lab{font:400 13px Hanken Grotesk,sans-serif;color:#7a7a7e}.auth-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:48px}.auth-form{width:100%;max-width:400px}.auth-title{font:700 32px/1.1 Schibsted Grotesk,sans-serif;letter-spacing:-.02em;margin:0 0 8px}.auth-lede{font:400 15px Hanken Grotesk,sans-serif;color:#88888e;margin:0 0 30px}.auth-label{font:600 13px Hanken Grotesk,sans-serif;display:block;margin-bottom:8px}.auth-phone-row{display:flex;gap:10px;margin-bottom:22px}.auth-phone-prefix{display:flex;align-items:center;gap:8px;padding:0 14px;height:54px;border:1.5px solid #e6e6e2;border-radius:13px;font:600 15px Hanken Grotesk,sans-serif;flex:none}.auth-phone-num{flex:1;display:flex;align-items:center;padding:0 16px;height:54px;border:1.5px solid #0b0b0c;border-radius:13px;font:600 15px Hanken Grotesk,sans-serif}.auth-input{display:flex;align-items:center;padding:0 16px;height:54px;border:1.5px solid #e6e6e2;border-radius:13px;font:600 15px Hanken Grotesk,sans-serif;margin-bottom:18px}.auth-input--focus{border-color:#0b0b0c}.auth-pw{justify-content:space-between;font:600 18px Hanken Grotesk,sans-serif;letter-spacing:3px;margin-bottom:12px}.auth-pw-toggle{font:600 13px Hanken Grotesk,sans-serif;color:#88888e;letter-spacing:0;cursor:pointer}.auth-link{font:600 13.5px Hanken Grotesk,sans-serif;cursor:pointer}.btn-primary{height:54px;width:100%;border:none;border-radius:13px;background:#0b0b0c;color:#fff;font:600 16px Hanken Grotesk,sans-serif;cursor:pointer;margin-bottom:20px}.btn-secondary{height:52px;width:100%;border:1.5px solid #e6e6e2;border-radius:13px;background:#fff;font:600 15px Hanken Grotesk,sans-serif;cursor:pointer;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px}.auth-divider{display:flex;align-items:center;gap:14px;margin-bottom:20px;font:500 12.5px Hanken Grotesk,sans-serif;color:#a6a6ac}.auth-divider-line{flex:1;height:1px;background:#ececea}.auth-google-dot{width:18px;height:18px;border-radius:50%;border:2px solid #0b0b0c;display:inline-block}.auth-footer{font:400 14px Hanken Grotesk,sans-serif;color:#88888e;text-align:center;margin:24px 0 0}.auth-footer-link{color:#0b0b0c;font-weight:700;cursor:pointer}@media (max-width: 900px){.auth-wrap{flex-direction:column}.auth-hero{width:100%;padding:36px 28px 32px;min-height:320px}.auth-hero-title{font-size:30px}.auth-hero-sub{font-size:14.5px;margin-bottom:22px}.auth-panel{padding:32px 22px 40px}.auth-title{font-size:26px}}.shell{display:flex;height:100vh;overflow:hidden}.shell-main{flex:1;overflow-y:auto;overflow-x:hidden}.sidebar{width:264px;flex:none;background:#fff;border-right:1px solid #ececea;display:flex;flex-direction:column;padding:24px 16px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:32px}.sidebar-brand-text{font:700 17px Schibsted Grotesk,sans-serif;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:11px;border:none;cursor:pointer;width:100%;text-align:left;font:600 14.5px Hanken Grotesk,sans-serif;color:#9a9aa0;background:transparent}.sidebar-link--active{background:#f2f2ef;color:#0b0b0c}.sidebar-link-ico{width:21px;height:21px;flex:none}.plan-card{background:#0b0b0c;border-radius:16px;padding:16px}.plan-card-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.plan-card-dot{width:8px;height:8px;border-radius:50%;background:#12b981}.plan-card-status{font:700 13px Hanken Grotesk,sans-serif;color:#fff}.plan-card-renews{font:400 12px Hanken Grotesk,sans-serif;color:#9a9aa0}.plan-card--upgrade{cursor:pointer}.plan-card-title{font:700 14px Schibsted Grotesk,sans-serif;color:#fff;margin-bottom:3px}.plan-card-lede{font:400 12px Hanken Grotesk,sans-serif;color:#9a9aa0;margin-bottom:12px}.plan-card-cta{height:38px;border-radius:10px;background:#12b981;display:flex;align-items:center;justify-content:center;font:700 13px Hanken Grotesk,sans-serif;color:#0b0b0c}.bottom-nav{display:none}.bottom-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px 6px;border:none;background:transparent;color:#9a9aa0;font:600 11px Hanken Grotesk,sans-serif;cursor:pointer}.bottom-nav-btn--active{color:#0b0b0c}.bottom-nav-ico{width:22px;height:22px}@media (max-width: 900px){.shell{flex-direction:column}.sidebar{display:none}.shell-main{flex:1;padding-bottom:72px}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid #ececea;z-index:20;padding-bottom:env(safe-area-inset-bottom,0)}}.page{max-width:1060px;margin:0 auto;padding:40px 48px 60px}.page--paper,.page--review,.page--quiz-results,.page--note{max-width:760px}.page--quiz{max-width:720px;padding:32px 40px 40px;min-height:100%;display:flex;flex-direction:column}.page--profile{max-width:740px}.page--quizzes{max-width:920px}.icon-btn{width:40px;height:40px;border-radius:11px;border:1.5px solid #ececea;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.home-greeting{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.home-search{display:flex;align-items:center;gap:14px;height:64px;background:#fff;border:1.5px solid #0b0b0c;border-radius:16px;padding:0 20px;cursor:pointer;box-shadow:0 4px 16px #0000000d;margin-bottom:18px}.home-chips{display:flex;gap:9px;margin-bottom:32px;flex-wrap:wrap}.home-shortcuts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-bottom:36px}.home-continue{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.continue-card{text-align:left;background:#fff;border:1px solid #ececea;border-radius:18px;padding:16px;cursor:pointer}.continue-cover{position:relative;height:72px;border-radius:12px;overflow:hidden;margin-bottom:14px;background:#ececea}.continue-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.continue-cover-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent 70%)}.continue-cover-tag{position:absolute;left:12px;bottom:10px;font:700 12px Hanken Grotesk,sans-serif;color:#fff;letter-spacing:.04em}.results-layout{display:flex;min-height:100%}.results-sidebar{width:248px;flex:none;border-right:1px solid #ececea;background:#fff;padding:30px 22px}.results-main{flex:1;overflow-y:auto;padding:30px 40px 50px}.results-topbar{display:flex;align-items:center;gap:14px;margin-bottom:8px}.results-search{flex:1;display:flex;align-items:center;gap:10px;height:46px;background:#f2f2ef;border-radius:12px;padding:0 14px}.results-filter-btn{display:none}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.quizzes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.quiz-results-stats{display:flex;gap:12px;margin-bottom:26px;flex-wrap:wrap}.profile-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:24px}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c8c;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:ovIn .18s ease}.sheet{width:100%;max-width:520px;background:#fff;border-radius:26px 26px 0 0;padding:12px 22px 28px;box-shadow:0 -10px 40px #0000002e;animation:sheetIn .26s cubic-bezier(.2,.8,.2,1);max-height:88vh;overflow-y:auto}.sheet-handle{width:42px;height:5px;border-radius:3px;background:#d8d6cf;margin:0 auto 14px}@media (max-width: 900px){.page,.page--quiz,.page--paper,.page--review,.page--quiz-results,.page--note,.page--profile,.page--quizzes{padding:24px 18px 32px}.results-layout{flex-direction:column}.results-sidebar{display:none}.results-main{padding:24px 18px 40px}.results-filter-btn{display:flex}.home-greeting img{width:40px;height:40px}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c8c;display:flex;align-items:center;justify-content:center;padding:24px;animation:ovIn .18s ease;z-index:60}.paywall-card{width:100%;max-width:460px;background:#0b0b0c;border-radius:24px;padding:32px;animation:shIn .26s cubic-bezier(.2,.8,.2,1)}@media (max-width: 700px){.paywall-overlay{align-items:flex-end;padding:0}.paywall-card{border-radius:24px 24px 0 0;padding:26px 22px calc(28px + env(safe-area-inset-bottom,0));animation:sheetIn .26s cubic-bezier(.2,.8,.2,1);max-width:none}}