:root{--bg: #f7f8fc;--card: #ffffff;--primary: #52647a;--secondary: #8faf9d;--accent: #9a8fbf;--success: #5e9b78;--error: #d77878;--text: #253243;--muted: #687386;--border: #e5e9f0;--shadow: 0 16px 40px rgba(82, 100, 122, .1);color:var(--text);background:var(--bg);font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{min-height:44px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(143,175,157,.16),transparent 34rem),var(--bg)}.phone-frame{width:100%;min-height:100vh;margin:0 auto}.screen{width:min(100%,1040px);margin:0 auto;padding:28px 18px 32px}.with-nav{padding-bottom:102px}.screen-header{margin-bottom:22px}.screen-header h1,.welcome-screen h1,.question-top h1{margin-bottom:8px;color:var(--text);font-size:2rem;line-height:1.08;letter-spacing:0}.screen-header p,.welcome-screen p,.card p{color:var(--muted);line-height:1.55}.mini-label{margin-bottom:7px;color:var(--primary);font-size:.77rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.card{border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.session-loading-screen{display:grid;min-height:100vh;place-items:center;align-content:center;gap:12px;color:var(--primary);font-weight:800}.brand-mark{display:grid;width:86px;height:86px;place-items:center;border-radius:18px;background:linear-gradient(145deg,var(--primary),var(--accent));color:#fff;font-size:1.4rem;font-weight:900;box-shadow:var(--shadow)}.auth-flow-screen{--flow-blue: #0064e3;position:relative;display:grid;width:100%;max-width:none;min-height:100vh;margin:0;overflow:hidden;background:#fff;padding:0;color:var(--text)}.auth-flow-hero{position:relative;min-height:58vh;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 12rem),linear-gradient(150deg,#0064e3,#045ad0 62%,#044fbd)}.login-hero{min-height:36vh}.auth-flow-curve{position:absolute;z-index:1;right:0;bottom:-1px;left:0;display:block;width:100%;height:clamp(80px,11.5vw,110px);fill:#fff;pointer-events:none}.auth-flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg width='420' height='420' viewBox='0 0 420 420' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='white' stroke-width='1.3' stroke-opacity='.55'%3E%3Cpath d='M-30 96C38 24 94 34 126 70c44 49 78 56 120 18 56-51 118-48 194 8'/%3E%3Cpath d='M-12 160c56-38 104-38 143 1 48 49 112 47 165-6 39-39 86-43 140-14'/%3E%3Cpath d='M-28 230c80-31 137-18 169 38 28 49 77 63 147 21 50-29 94-28 137 4'/%3E%3Cpath d='M42-26c45 78 47 143 5 194-32 38-29 86 10 144 29 43 32 82 10 118'/%3E%3Cpath d='M220-40c-20 77-11 133 26 170 41 41 42 92 3 153-30 47-30 91 0 133'/%3E%3C/g%3E%3C/svg%3E");background-size:310px 310px}.auth-flow-panel{position:relative;z-index:1;display:grid;width:min(100%,460px);margin:0 auto;padding:22px 28px max(28px,env(safe-area-inset-bottom));animation:auth-flow-enter .52s ease both}.welcome-panel{min-height:42vh;align-content:start;gap:18px}.welcome-screen h1,.login-heading h1{margin-bottom:10px;color:#253243;font-size:clamp(1.75rem,7.5vw,2rem);font-weight:900;line-height:1.08}.welcome-screen p:not(.mini-label){max-width:31ch;color:var(--muted);font-size:1rem;line-height:1.55}.welcome-action-row{display:flex;margin-top:auto;padding-top:clamp(54px,12vh,90px);justify-content:flex-end}.welcome-start-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:6px 6px 6px 18px;background:transparent;color:var(--flow-blue);font-weight:900;transition:transform .16s ease,background .16s ease}.welcome-start-button:hover,.welcome-start-button:focus-visible{background:#0064e314;transform:translateY(-1px)}.welcome-start-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:var(--flow-blue);color:#fff;box-shadow:0 12px 26px #0064e347}.login-panel{gap:16px}.login-heading .mini-label{color:var(--flow-blue)}.auth-card{gap:15px;padding:0}.login-panel .auth-card{padding:0}.auth-card label{gap:8px;color:#263548;font-size:.9rem}.auth-field{position:relative}.auth-field>svg{position:absolute;bottom:16px;left:14px;color:#8a96a8;pointer-events:none}.auth-card input{min-height:52px;border:1px solid #dde4ee;border-radius:16px;background:#fbfcff;color:var(--text);font-size:1rem;box-shadow:0 10px 26px #52647a0f}.auth-field input{padding-left:44px;padding-right:48px}.auth-card input::placeholder{color:#8a96a8}.auth-card .primary-button{min-height:52px;margin-top:4px;background:var(--flow-blue);color:#fff;opacity:1;box-shadow:0 14px 30px #0064e33d}.auth-card .primary-button:hover,.auth-card .primary-button:focus-visible{background:#0059ca}.login-screen .ghost-button{width:fit-content;justify-self:center;border-color:#0064e329;background:#0064e30f;color:var(--flow-blue)}.login-screen .text-button{color:var(--flow-blue)}.password-toggle{position:absolute;right:8px;bottom:6px;display:grid;width:40px;min-height:40px;place-items:center;border:0;border-radius:50%;background:transparent;color:#637086}.password-toggle:hover,.password-toggle:focus-visible{background:#0064e314;color:var(--flow-blue)}@keyframes auth-flow-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-flow-panel,.welcome-start-button{animation:none;transition:none}}.primary-button,.ghost-button,.danger-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:16px;padding:0 18px;font-weight:800;text-decoration:none}.primary-button{background:var(--primary);color:#fff}.ghost-button{border:1px solid var(--border);background:var(--card);color:var(--primary)}.danger-button{background:#d778781f;color:#9d4141}.text-button{min-height:36px;background:transparent;color:var(--primary)}.wide{width:100%}.small{min-height:38px;border-radius:14px}.icon-button{width:46px;min-width:46px;min-height:46px;padding:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{rotate:360deg}}.form-card{display:grid;gap:16px;padding:18px}label{display:grid;gap:8px;color:var(--text);font-weight:800}input,select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:14px;padding:0 14px;background:#fbfcfe;color:var(--text)}.auth-message,.error-message,.connection-banner{display:flex;align-items:center;gap:8px;border-radius:14px;padding:12px;background:#d778781f;color:#9d4141;font-size:.9rem}.auth-message.success{background:#5e9b7824;color:var(--success)}.auth-message.info{background:#52647a1a;color:var(--primary)}.connection-banner{position:sticky;top:0;z-index:4;border-radius:0;justify-content:center}.subject-row,.summary-row{display:grid;width:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--border);padding:16px;color:var(--text);text-align:left}.subject-row h2,.summary-row h2,.performance-row h2,.mistake-card h2,.card h2{margin-bottom:5px;color:var(--text);font-size:1rem;line-height:1.25}.subject-row p,.summary-row p,.performance-row p,.mistake-card p,.profile-card p{margin-bottom:0}.shortcut-card svg,.summary-row svg{color:var(--secondary)}.empty-state{display:grid;gap:8px;margin-top:16px;padding:18px}.shortcut-grid,.stats-grid,.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.shortcut-card{display:grid;min-height:112px;align-content:center;gap:10px;border:1px solid var(--border);padding:14px;color:var(--text);text-align:left}.shortcut-card span{font-weight:800}.info-card{min-height:96px;padding:15px}.info-card p{margin-bottom:10px;font-size:.88rem}.info-card strong{color:var(--primary);font-size:1.45rem}.review-card,.chart-card,.trend-card,.reader-card,.question-card,.support-text,.feedback-card,.result-hero,.profile-card,.filter-card{padding:18px}.list-stack,.button-stack,.options-list{display:grid;gap:12px}.segmented{min-width:0;margin:0;border:0;padding:0}.segmented legend{margin-bottom:8px;color:var(--text);font-weight:800}.segmented div{display:flex;flex-wrap:wrap;gap:8px}.segmented button{min-height:42px;border:1px solid var(--border);border-radius:14px;padding:0 12px;background:#fbfcfe;color:var(--muted);font-weight:800}.segmented button.active{border-color:transparent;background:#52647a1f;color:var(--primary)}.toggle-row{display:flex;align-items:center;gap:10px}.toggle-row input{width:20px;min-height:20px;accent-color:var(--primary)}.question-top{display:grid;gap:12px;margin-bottom:18px}.question-heading-row{display:flex;align-items:flex-start;gap:12px}progress{width:100%;height:10px;overflow:hidden;border:0;border-radius:999px;accent-color:var(--secondary)}.support-text p,.reader-card p,.feedback-card p{white-space:pre-wrap}.pdf-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.pdf-toolbar span{color:var(--primary);font-weight:900}.pdf-frame-wrap{width:100%;min-height:min(72vh,720px);overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fbfcfe}.pdf-frame{display:block;width:100%;height:min(72vh,720px);border:0}.mock-image{display:grid;min-height:168px;place-items:center;gap:8px;border-radius:14px;background:linear-gradient(135deg,#8faf9d2e,#9a8fbf2e),#fbfcfe;color:var(--primary);text-align:center}.question-image{width:100%;max-height:320px;object-fit:contain;border:1px solid var(--border);border-radius:14px;background:#fff}.question-image.zoomed{max-height:72vh}.image-card{display:grid;gap:12px;margin-bottom:14px}.zoom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:18px;background:#2532436b}.zoom-card{display:grid;width:min(680px,100%);gap:12px;padding:14px}.zoomed{min-height:min(70vh,520px)}.question-card h2{font-size:1.08rem;line-height:1.55}.option-card{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;border:1px solid var(--border);border-radius:16px;padding:12px;background:var(--card);color:var(--text);text-align:left}.option-card span{display:grid;width:40px;height:40px;place-items:center;border-radius:14px;background:#52647a1a;color:var(--primary);font-weight:900}.option-card p{margin:0;color:var(--text)}.option-card.selected{border-color:var(--accent)}.option-card.correct{border-color:var(--success);background:#5e9b781a}.option-card.wrong{border-color:var(--error);background:#d778781a}.feedback-card{margin-top:14px}.feedback-card.ok{border-color:#5e9b7873}.feedback-card.bad{border-color:#d7787873}.action-row{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.favorite-toggle.active{border-color:#d7787861;background:#d778781a;color:var(--error)}.result-hero{display:grid;justify-items:center;margin-bottom:16px}.result-hero strong{color:var(--success);font-size:3rem}.performance-row{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:14px}.dot{width:12px;height:12px;margin-top:6px;border-radius:999px}.ok-bg{background:var(--success)}.bad-bg{background:var(--error)}.mistake-card{display:grid;gap:8px}.status{width:fit-content;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:800}.status.warn{background:#9a8fbf29;color:#675d91}.status.success{background:#5e9b7824;color:var(--success)}.summary-row{background:var(--card)}.bar-chart{display:flex;align-items:end;gap:18px;height:180px;padding-top:18px}.bar-chart span{display:grid;width:92px;min-height:48px;place-items:end center;border-radius:16px 16px 8px 8px;padding:12px 8px;background:#5e9b7833;color:var(--success);font-size:.82rem;font-weight:900}.bar-chart .error-bar{background:#d7787833;color:var(--error)}.bar-chart.empty span{min-height:0;overflow:hidden;padding:0}.subject-performance{display:grid;grid-template-columns:1fr;gap:7px;margin-top:14px}.subject-performance strong{color:var(--primary)}.profile-card{display:grid;justify-items:center;text-align:center}.avatar{display:grid;width:78px;height:78px;place-items:center;border-radius:18px;background:#9a8fbf29;color:var(--accent);font-size:2rem;font-weight:900}.bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;border-top:1px solid var(--border);background:#fffffff0;padding:8px 8px max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;min-width:0;min-height:58px;place-items:center;gap:2px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-size:.72rem;font-weight:800}.bottom-nav button.active{background:#52647a1a;color:var(--primary)}@media (min-width: 760px){.screen{padding:44px 34px 122px}.auth-flow-screen,.session-loading-screen{min-height:100vh}.screen-header h1{font-size:2.8rem}.auth-flow-panel{padding-inline:34px}.shortcut-grid,.stats-grid,.two-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.two-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row{grid-template-columns:1fr 1fr}.subject-performance{grid-template-columns:220px 1fr 56px;align-items:center}.bottom-nav{right:50%;left:50%;width:min(720px,calc(100% - 48px));transform:translate(-50%);bottom:18px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}}