:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#edf0f5;--bg-card-hover:rgba(30,7,205,.04);--border:#676666a9;--border-focus:rgba(37,99,235,.4);--text-primary:#1e293b;--text-secondary:#334155;--text-muted:#64748b;--accent:#2563eb;--accent-light:#3b82f6;--accent-glow:rgba(37,99,235,.12);--success:#16a34a;--success-bg:#dcfce7;--success-border:rgba(22,163,74,.3);--danger:#dc2626;--danger-bg:#fee2e2;--danger-border:rgba(220,38,38,.25);--warning:#f59e0b;--purple:#7c3aed;--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Inter","Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","JetBrains Mono",ui-monospace,monospace;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-glow:0 4px 14px rgba(37,99,235,.08);--transition:.2s cubic-bezier(.4,0,.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased}body,html{overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.3;min-height:100vh}h1{font-size:34px}h1,h2{font-weight:600;letter-spacing:-.02em;line-height:1.2}h2{font-size:28px}h3{font-size:22px;font-weight:600}h3,h4{line-height:1.25}h4{font-size:20px;font-weight:500}p{color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-light)}.container{margin:0 auto;max-width:900px;padding:0 24px;width:100%}.container--sm{max-width:680px}.container--wide{max-width:1280px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:border-color var(--transition),transform var(--transition)}.card--hover:hover{border-color:var(--border-focus);box-shadow:var(--shadow-card),var(--shadow-glow);cursor:pointer;transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all var(--transition);white-space:nowrap}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-light);box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn--ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn--ghost:hover{border-color:var(--border-focus);color:var(--text-primary)}.btn--danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.03em;padding:4px 10px;text-transform:uppercase}.badge--accent{background:var(--accent-glow);border:1px solid rgba(37,99,235,.2);color:var(--accent)}.progress-track{background:var(--bg-card-hover);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.stats-row{display:flex;flex-wrap:wrap;gap:16px}.stat-chip{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;font-size:15px;gap:8px;padding:8px 16px}.stat-chip__value{color:var(--text-primary);font-weight:700}.stat-chip__label{color:var(--text-muted)}.option-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:17px;gap:14px;line-height:1.3;padding:16px 20px;text-align:left;transition:all var(--transition);width:100%}.option-btn:hover:not(:disabled){background:#2563eb0a;border-color:var(--accent)}.option-btn:disabled{cursor:default}.option-btn--selected{background:var(--accent-glow);border-color:var(--accent)}.option-btn--correct{background:var(--success-bg)!important;border-color:var(--success)!important;color:var(--success)}.option-btn--wrong{background:var(--danger-bg)!important;border-color:var(--danger)!important;color:var(--danger)}.option-letter{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;min-width:28px;width:28px}.explanation-box{animation:fadeSlideIn .3s ease;border-left:3px solid;border-radius:var(--radius-md);padding:18px 20px}.explanation-box--correct{background:var(--success-bg);border-color:var(--success)}.explanation-box--wrong{background:var(--danger-bg);border-color:var(--danger)}.explanation-box__title{font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.explanation-box--correct .explanation-box__title{color:var(--success)}.explanation-box--wrong .explanation-box__title{color:var(--danger)}.explanation-box__text{color:var(--text-secondary);font-size:15px;line-height:1.5}.page-header{padding:48px 0 32px}.page-header__tag{color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.03em;margin-bottom:12px;text-transform:uppercase}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.divider{background:var(--border);height:1px;margin:24px 0}.text-muted{color:var(--text-muted);font-size:15px}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-2{margin-bottom:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:16px}.gap-3{gap:24px}.w-full{width:100%}.text-center{text-align:center}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}@keyframes cardIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .3s cubic-bezier(.22,1,.36,1)}.slide-up-leave-active{transition:all .15s ease}.slide-up-enter-from{opacity:0;transform:translateY(10px)}.slide-up-leave-to{opacity:0}.field-enter-active{transition:all .28s cubic-bezier(.22,1,.36,1)}.field-leave-active{transition:all .18s ease}.field-enter-from{transform:translateY(-10px)}.field-enter-from,.field-leave-to{max-height:0;opacity:0;overflow:hidden}.field-leave-to{transform:translateY(-6px)}.field-enter-to,.field-leave-from{max-height:120px;opacity:1;transform:translateY(0)}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.app-main{animation:fadeIn .3s ease;flex:1;padding-bottom:60px}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafceb;border-bottom:1px solid var(--border);box-shadow:0 1px 3px #0000000f;padding:16px 0;position:sticky;top:0;z-index:100}.app-header__inner{justify-content:space-between}.app-header__inner,.app-logo{align-items:center;display:flex}.app-logo{gap:10px;text-decoration:none}.app-logo__icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:9px;box-shadow:0 2px 8px #2563eb33;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.app-logo__name{color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.02em}.header-nav{align-items:center;display:flex;gap:8px}.header-link{background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.01em;padding:8px 16px;text-decoration:none;transition:all .2s}.header-link:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent)}.header-logout{align-items:center;background:transparent;border:1px solid var(--danger-border);border-radius:8px;color:var(--danger);cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:7px;letter-spacing:.01em;padding:8px 16px;transition:all .2s}.header-logout:hover{background:var(--danger-bg);border-color:#dc262673;color:var(--danger)}.mobile-bottom-nav{display:none}.home-page{min-height:100vh;padding-top:8px;position:relative}.page-grid{background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 0);background-size:48px 48px;inset:0;pointer-events:none;position:fixed;z-index:0}.hero{padding:48px 0 36px}.hero__tag{align-items:center;color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.03em;margin-bottom:16px;text-transform:uppercase}.hero__tag-dot{animation:pulse 2s ease-in-out infinite;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #2563eb66;height:6px;width:6px}.hero__title{color:var(--text-primary);display:flex;flex-direction:column;font-size:34px;font-weight:600;gap:4px;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.hero__title-accent{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{color:var(--text-muted);font-size:16px;line-height:1.5;max-width:520px}.dashboard-stats{margin-bottom:40px}.stats-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);display:flex;gap:0;padding:18px 24px}.stat-divider{background:var(--border);height:36px;margin:0 24px;width:1px}.stat-item{flex:1;gap:10px}.stat-item,.stat-item__icon{align-items:center;display:flex}.stat-item__icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.stat-item__icon--accent{background:var(--accent-glow);color:var(--accent)}.stat-item__icon--success{background:var(--success-bg);color:var(--success)}.stat-item__icon--cyan{background:#7c3aed14;color:var(--purple)}.stat-item__icon--warning{background:#f59e0b1a;color:var(--warning)}.stat-item__icon--danger{background:var(--danger-bg);color:var(--danger)}.stat-item__value{color:var(--text-primary);font-size:22px;font-weight:700;letter-spacing:-.02em}.stat-item__total{color:var(--text-muted);font-size:15px;font-weight:400}.stat-item__label{color:var(--text-muted);font-size:13px;line-height:1.38}.stats-toggle{align-items:center;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;padding:8px 14px;transition:all .2s}.stats-toggle:hover{background:var(--accent-glow);border-color:var(--border-focus)}.stats-toggle__chevron{transition:transform .25s}.stats-toggle__chevron--open{transform:rotate(180deg)}.subject-stats{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);margin-top:14px;overflow:hidden}.subject-stats__header{background:var(--bg-secondary);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.03em;padding:10px 16px;text-transform:uppercase}.subject-stats__header,.subject-stats__row{display:grid;gap:8px;grid-template-columns:1fr 80px 80px 80px 90px}.subject-stats__row{border-bottom:1px solid rgba(0,0,0,.04);color:var(--text-primary);font-size:14px;padding:12px 16px;transition:background .15s}.subject-stats__row:last-child{border-bottom:none}.subject-stats__row:hover{background:var(--bg-card-hover)}.subject-stats__col{align-items:center;display:flex}.subject-stats__col--name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-stats__col--success{color:var(--success);font-weight:600}.subject-stats__col--danger{color:var(--danger);font-weight:600}.subject-stats__badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px}.subject-stats__badge--excellent{background:var(--success-bg);color:var(--success)}.subject-stats__badge--good{background:#f59e0b1a;color:var(--warning)}.subject-stats__badge--low{background:var(--danger-bg);color:var(--danger)}.slide-down-enter-active,.slide-down-leave-active{overflow:hidden;transition:all .3s ease}.slide-down-enter-from,.slide-down-leave-to{margin-top:0;max-height:0;opacity:0}.slide-down-enter-to,.slide-down-leave-from{margin-top:14px;max-height:1000px;opacity:1}.stats-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.btn-reset-stats{align-items:center;background:transparent;border:1px solid var(--danger-border);border-radius:8px;color:var(--danger);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:500;gap:6px;padding:7px 14px;transition:all .2s}.btn-reset-stats:hover{background:var(--danger-bg);border-color:var(--danger)}.reset-modal{max-width:380px;text-align:center}.reset-modal__icon{align-items:center;background:var(--danger-bg);border-radius:50%;color:var(--danger);display:flex;height:52px;justify-content:center;margin:0 auto 16px;width:52px}.reset-modal__title{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:10px}.reset-modal__text{color:var(--text-muted);font-size:14px;line-height:1.55;margin-bottom:24px}.reset-modal__actions{display:flex;gap:10px;justify-content:center}.btn-reset-confirm{background:var(--danger);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.btn-reset-confirm:hover:not(:disabled){background:#b91c1c}.btn-reset-confirm:disabled{cursor:not-allowed;opacity:.6}.section-header{align-items:center;display:flex;gap:14px;margin-bottom:20px}.section-header__line{background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}.section-header__text{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.subject-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.subject-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-card);cursor:pointer;font-family:inherit;overflow:hidden;padding:0;position:relative;text-align:left;transition:all .25s cubic-bezier(.22,1,.36,1)}.subject-card:hover{background:var(--bg-card-hover);border-color:var(--border-focus);box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-3px)}.subject-card:hover .subject-card__arrow{opacity:1;transform:translate(0)}.sc-corner{border-color:#2563eb4d;border-style:solid;height:14px;position:absolute;transition:border-color .25s;width:14px}.sc-corner--tl{border-radius:4px 0 0;border-width:1.5px 0 0 1.5px;left:0;top:0}.sc-corner--br{border-radius:0 0 4px;border-width:0 1.5px 1.5px 0;bottom:0;right:0}.subject-card:hover .sc-corner{border-color:#2563eb80}.subject-card__inner{align-items:center;display:flex;gap:16px;padding:20px 22px}.subject-card__icon{align-items:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.2);border-radius:10px;color:var(--subject-color,var(--accent));display:flex;height:46px;justify-content:center;min-width:46px;transition:all .25s;width:46px}.subject-card:hover .subject-card__icon{background:#2563eb26;box-shadow:0 2px 8px #2563eb26}.subject-card__body{flex:1;min-width:0}.subject-card__head{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:5px}.subject-card__title{color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-card__count{background:var(--accent-glow);border:1px solid rgba(37,99,235,.18);border-radius:999px;color:var(--accent);flex-shrink:0;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.subject-card__desc{color:var(--text-muted);font-size:15px;line-height:1.33;margin-bottom:10px}.subject-card__progress{align-items:center;display:flex;gap:8px}.subject-card__progress-bar{background:var(--bg-secondary);border-radius:999px;flex:1;height:4px;overflow:hidden}.subject-card__progress-fill{background:var(--subject-color,var(--accent));border-radius:999px;height:100%;opacity:.7;transition:width .6s cubic-bezier(.4,0,.2,1)}.subject-card__accuracy{color:var(--text-muted);font-size:12px;font-weight:700}.subject-card__arrow{color:var(--accent);flex-shrink:0;opacity:0;transform:translate(-6px);transition:all .25s}.panels{display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:40px;min-width:0}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0;padding:24px}.panel__header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.panel__title{color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.01em}.panel__count{color:var(--text-muted);font-size:12px;font-weight:400}.panel__list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.panel__item{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;min-width:0;padding:12px;transition:background var(--transition),box-shadow var(--transition);width:100%}.panel__item:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow)}.panel__item-icon{align-items:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.15);border-radius:8px;color:var(--subject-color,var(--accent));display:flex;height:36px;justify-content:center;min-width:36px;transition:all .2s;width:36px}.panel__item:hover .panel__item-icon{background:#2563eb26;box-shadow:0 2px 8px #2563eb1f}.panel__item-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.panel__item-title{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:-.01em}.panel__item-desc,.panel__item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel__item-desc{color:var(--text-muted);font-size:13px;line-height:1.38}.panel__item-arrow{color:var(--text-muted);flex-shrink:0;opacity:0;transform:translate(-4px);transition:all .2s}.panel__item:hover .panel__item-arrow{opacity:1;transform:translate(0)}.empty-hint{align-items:center;display:flex;flex-direction:column;gap:10px;padding:40px;text-align:center}.empty-hint p{color:var(--text-muted);font-size:15px}.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.loading-state p{color:var(--text-muted);font-size:15px}.loading-spinner{animation:loadingSpin 1s linear infinite;border:2px solid rgba(37,99,235,.2);border-radius:50%;border-top:2px solid var(--accent);height:24px;width:24px}.auth-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-grid{background-image:linear-gradient(rgba(37,99,235,.04) 1px,transparent 0),linear-gradient(90deg,rgba(37,99,235,.04) 1px,transparent 0);background-size:48px 48px;inset:0;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 60% at 50% 50%,#000 40%,transparent 100%);position:absolute}.auth-orb{border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none;position:absolute}.auth-orb--1{animation:orbFloat 12s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(37,99,235,.15) 0,transparent 70%);height:480px;left:-80px;top:-120px;width:480px}.auth-orb--2{animation:orbFloat 15s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,rgba(124,58,237,.12) 0,transparent 70%);bottom:-80px;height:380px;right:-60px;width:380px}.auth-orb--3{animation:orbFloat 9s ease-in-out infinite alternate;background:radial-gradient(circle,rgba(124,58,237,.08) 0,transparent 70%);height:240px;right:15%;top:50%;width:240px}.auth-scanline{background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 4px);inset:0;pointer-events:none;position:absolute;z-index:0}.auth-card{animation:cardIn .5s cubic-bezier(.22,1,.36,1);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);max-width:430px;padding:40px 38px;position:relative;width:100%;z-index:1}.corner{border-color:#2563eb4d;border-style:solid;height:18px;position:absolute;width:18px}.corner--tl{border-radius:6px 0 0;border-width:2px 0 0 2px;left:-1px;top:-1px}.corner--tr{border-radius:0 6px 0 0;border-width:2px 2px 0 0;right:-1px;top:-1px}.corner--bl{border-radius:0 0 0 6px;border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner--br{border-radius:0 0 6px;border-width:0 2px 2px 0;bottom:-1px;right:-1px}.auth-brand{gap:12px;margin-bottom:32px}.auth-brand,.auth-brand__icon{align-items:center;display:flex}.auth-brand__icon{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:10px;box-shadow:0 2px 8px #2563eb33;color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.auth-brand__text{display:flex;flex-direction:column;gap:1px}.auth-brand__name{color:var(--text-primary);font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1}.auth-brand__tag{color:var(--accent);font-size:11px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.auth-header{margin-bottom:26px}.auth-title{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.auth-title__line{color:var(--text-primary)}.auth-title__accent,.auth-title__line{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.auth-title__accent{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-muted);font-size:15px}.auth-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;display:flex;gap:2px;margin-bottom:28px;padding:3px}.auth-tab{background:transparent;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;flex:1;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:.01em;padding:10px 0;position:relative;transition:all .25s}.auth-tab--active{background:var(--bg-card);border:1px solid var(--border);box-shadow:0 1px 3px #0000000f;color:var(--accent)}.auth-form{gap:16px}.auth-form,.form-field{display:flex;flex-direction:column}.form-field{gap:6px}.form-label-row{justify-content:space-between}.form-label,.form-label-row{align-items:center;display:flex}.form-label{color:var(--text-muted);font-size:12px;font-weight:500;gap:8px;letter-spacing:.03em;text-transform:uppercase}.form-label__prefix{font-size:11px;font-variant-numeric:tabular-nums;font-weight:600}.form-forgot,.form-label__prefix{color:var(--accent);letter-spacing:.02em}.form-forgot{font-size:12px;text-decoration:none;transition:color .2s}.form-forgot:hover{color:var(--accent-light)}.form-input,.form-input-wrap{position:relative}.form-input{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:17px;min-height:44px;outline:none;padding:13px 16px;transition:border-color .2s,box-shadow .2s;width:100%;z-index:1}.form-input::-moz-placeholder{color:#94a3b8}.form-input::placeholder{color:#94a3b8}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a}.form-input:focus+.input-glow{opacity:0}.input-glow{background:transparent;border-radius:10px;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:0}.form-input--pass{padding-right:44px}.form-eye{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:4px;position:absolute;right:13px;top:50%;transform:translateY(-50%);transition:color .2s;z-index:2}.form-eye:hover{color:var(--accent)}.auth-error{align-items:flex-start;background:var(--danger-bg);border:1px solid var(--danger-border);border-left:3px solid var(--danger);border-radius:8px;color:var(--danger);display:flex;font-size:15px;gap:10px;line-height:1.5;padding:12px 15px}.auth-btn{align-items:center;background:var(--accent);border:none;border-radius:10px;box-shadow:0 2px 8px #2563eb33;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:17px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.02em;margin-top:4px;overflow:hidden;padding:14px;position:relative;transition:all .25s;width:100%}.auth-btn:hover:not(:disabled){background:var(--accent-light);box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-glow{background:transparent;inset:0;pointer-events:none;position:absolute}.btn-spinner{animation:spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.25);border-radius:50%;border-top-color:#fff;height:18px;width:18px}.auth-divider{align-items:center;display:flex;gap:12px;margin:22px 0 18px}.auth-divider__line{background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}.auth-divider__text{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.auth-oauth{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:22px}.oauth-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.02em;padding:11px 12px;transition:all .2s}.oauth-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent);transform:translateY(-1px)}.oauth-btn:disabled{cursor:not-allowed;opacity:.4}.oauth-btn--loading{opacity:.7}.oauth-spinner{animation:spin .7s linear infinite;border:2px solid rgba(37,99,235,.2);border-radius:50%;border-top:2px solid var(--accent);display:inline-block;height:14px;width:14px}.auth-footer{color:var(--text-muted);font-size:13px;text-align:center}.auth-footer__link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:600;padding:0;transition:color .2s}.auth-footer__link:hover{color:var(--accent-light)}.quiz-page{min-height:100vh;padding-top:8px;position:relative}.quiz-page .container{padding-top:32px}.quiz-page .loading-spinner{animation:spin .8s linear infinite;border:2px solid rgba(37,99,235,.2);border-radius:50%;border-top:2px solid var(--accent);height:32px;width:32px}.finish-state{padding-bottom:60px}.result-card{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);margin:32px 0 24px;overflow:hidden;padding:40px 32px;position:relative;text-align:center}.result-card--corner{border-color:#2563eb4d;border-style:solid;height:18px;position:absolute;width:18px}.result-card--corner-tl{border-radius:6px 0 0;border-width:2px 0 0 2px;left:0;top:0}.result-card--corner-br{border-radius:0 0 6px;border-width:0 2px 2px 0;bottom:0;right:0}.result-card--excellent{border-color:var(--success-border)}.result-card--good{border-color:#2563eb40}.result-card--keep-going{border-color:var(--danger-border)}.score-ring{height:100px;margin:0 auto 24px;position:relative;width:100px}.score-ring__svg{height:100%;transform:rotate(-90deg);width:100%}.score-ring__bg{fill:none;stroke:var(--bg-secondary);stroke-width:6}.score-ring__fill{fill:none;stroke-dasharray:213.6;stroke-linecap:round;stroke-width:6;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1) .3s}.score-ring--excellent .score-ring__fill{stroke:#16a34a}.score-ring--good .score-ring__fill{stroke:#2563eb}.score-ring--keep-going .score-ring__fill{stroke:#dc2626}.score-ring__text{align-items:center;display:flex;flex-direction:column;gap:1px;inset:0;justify-content:center;position:absolute}.score-ring__value{color:var(--text-primary);font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1}.score-ring__label{color:var(--text-muted);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.result-title{color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.result-sub{color:var(--text-muted);font-size:15px;margin-bottom:28px}.result-sub strong{color:var(--accent);font-weight:700}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.result-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;padding:11px 20px;text-decoration:none;transition:all .2s}.result-btn--ghost{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary)}.result-btn--ghost:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent)}.result-btn--primary{background:var(--accent);box-shadow:0 2px 8px #2563eb33;color:#fff}.result-btn--primary:hover{box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.review-section{margin-top:8px}.section-label{align-items:center;display:flex;gap:12px;margin-bottom:16px}.section-label__line{background:linear-gradient(90deg,transparent,var(--border),transparent);flex:1;height:1px}.section-label__text{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:12px;padding:20px}.review-question{color:var(--text-primary);font-size:17px;font-weight:500;line-height:1.5;margin-bottom:12px}.review-answers{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.review-answer{align-items:center;border-radius:8px;display:flex;font-size:15px;gap:8px;padding:8px 12px}.review-answer--wrong{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.review-answer--correct{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success)}.review-explanation{background:#2563eb0a;border-left:3px solid rgba(37,99,235,.4);border-radius:8px;color:var(--text-secondary);font-size:15px;line-height:1.5;margin-top:12px;padding:16px}.review-explanation__label{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.review-explanation__text{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:8px}.review-explanation__legal{background:var(--accent-glow);border-radius:6px;color:var(--accent);display:inline-block;font-size:13px;font-weight:600;padding:6px 10px}.quiz-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.quiz-back{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:inline-flex;font-size:15px;font-weight:500;gap:7px;padding:8px 14px;text-decoration:none;transition:all .2s}.quiz-back:hover{background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--accent)}.quiz-info{align-items:center;display:flex;gap:12px}.quiz-subject-tag{background:var(--accent-glow);border:1px solid rgba(37,99,235,.2);border-radius:999px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.03em;padding:4px 12px;text-transform:uppercase}.quiz-counter{color:var(--accent);font-size:17px;font-weight:700;letter-spacing:-.01em}.quiz-counter__total{color:var(--text-muted);font-weight:400}.quiz-progress{background:var(--bg-secondary);border-radius:999px;height:3px;margin-bottom:24px;overflow:hidden}.quiz-progress__fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.question-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-card);padding:32px 28px;position:relative}.qc-corner{border-color:#2563eb4d;border-style:solid;height:16px;position:absolute;width:16px}.qc-corner--tl{border-radius:6px 0 0;border-width:2px 0 0 2px;left:-1px;top:-1px}.qc-corner--tr{border-radius:0 6px 0 0;border-width:2px 2px 0 0;right:-1px;top:-1px}.qc-corner--bl{border-radius:0 0 0 6px;border-width:0 0 2px 2px;bottom:-1px;left:-1px}.qc-corner--br{border-radius:0 0 6px;border-width:0 2px 2px 0;bottom:-1px;right:-1px}.question-topic{color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:12px;text-transform:uppercase}.question-text{color:var(--text-primary);font-size:20px;font-weight:500;letter-spacing:-.01em;line-height:1.4;margin-bottom:24px}.quiz-page .options-list{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.quiz-page .option-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:17px;gap:13px;line-height:1.3;padding:14px 18px;position:relative;text-align:left;transition:all .2s;width:100%}.quiz-page .option-btn:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-focus);color:var(--text-primary)}.quiz-page .option-btn:disabled{cursor:default}.quiz-page .option-btn--selected{background:var(--accent-glow)!important;border-color:var(--accent)!important;color:var(--accent)!important}.quiz-page .option-btn--correct{background:var(--success-bg)!important;border-color:var(--success)!important;color:var(--success)!important}.quiz-page .option-btn--wrong{background:var(--danger-bg)!important;border-color:var(--danger)!important;color:var(--danger)!important}.quiz-page .option-letter{align-items:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.2);border-radius:6px;color:var(--accent);display:flex;font-size:12px;font-weight:700;height:26px;justify-content:center;letter-spacing:0;min-width:26px;width:26px}.option-text{flex:1;line-height:1.4}.option-icon{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.option-icon--correct{color:var(--success)}.option-icon--wrong{color:var(--danger)}.explanation{border-left:3px solid;border-radius:10px;margin-bottom:20px;padding:16px 18px}.explanation--correct{background:var(--success-bg);border-color:var(--success)}.explanation--wrong{background:var(--danger-bg);border-color:var(--danger)}.explanation__label{font-size:12px;font-weight:600;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.explanation--correct .explanation__label{color:var(--success)}.explanation--wrong .explanation__label{color:var(--danger)}.explanation__text{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:8px}.explanation__legal{background:var(--accent-glow);border-left:2px solid rgba(37,99,235,.4);border-radius:6px;color:var(--accent);font-size:13px;font-weight:600;padding:6px 12px}.next-row{display:flex;justify-content:flex-end}.next-btn{align-items:center;background:var(--accent);border:none;border-radius:10px;box-shadow:0 2px 8px #2563eb33;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:15px;font-weight:600;gap:9px;padding:13px 22px;transition:all .2s}.next-btn:hover{box-shadow:0 4px 16px #2563eb4d;transform:translateY(-1px)}.collections-link{align-items:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.15);border-radius:999px;color:var(--accent);display:inline-flex;font-size:13px;font-weight:600;gap:7px;margin-top:18px;padding:9px 16px;text-decoration:none;transition:all .2s}.collections-link:hover{background:#2563eb26;border-color:#2563eb4d;color:var(--accent-light)}.bookmark-btn{align-items:center;background:var(--accent-glow);border:1px solid rgba(37,99,235,.15);border-radius:7px;color:var(--accent);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all .2s;width:28px}.panel__item:hover .bookmark-btn,.subject-card:hover .bookmark-btn{opacity:1}.bookmark-btn:hover{background:#2563eb26;color:var(--accent-light)}.toast{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:999px;bottom:28px;box-shadow:0 8px 32px #0000001f;color:var(--accent);display:inline-flex;font-size:15px;font-weight:600;gap:8px;left:50%;padding:10px 18px;position:fixed;transform:translate(-50%);white-space:nowrap;z-index:200}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(12px)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;box-shadow:0 24px 80px #00000026;display:flex;flex-direction:column;gap:14px;max-height:70vh;max-width:380px;padding:24px;width:100%}.modal__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.modal__label{color:var(--accent);font-size:11px;font-weight:600;letter-spacing:.03em;margin-bottom:3px;text-transform:uppercase}.modal__title{color:var(--text-primary);font-size:17px;font-weight:600}.modal__close{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:7px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.modal__close:hover{color:var(--text-primary)}.modal-create-row{display:flex;gap:8px}.modal-input{background:var(--bg-card);border:1px solid var(--border);border-radius:9px;color:var(--text-primary);flex:1;font-family:inherit;font-size:15px;padding:10px 13px;transition:border-color .2s}.modal-input::-moz-placeholder{color:#94a3b8}.modal-input::placeholder{color:#94a3b8}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-create-btn{align-items:center;background:var(--accent);border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;min-width:38px;transition:opacity .2s;width:38px}.modal-create-btn:disabled{cursor:not-allowed;opacity:.4}.modal-empty{color:var(--text-muted);font-size:13px;line-height:1.5;padding:12px 0;text-align:center}.modal-collection-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto}.modal-col-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;font-family:inherit;gap:10px;padding:11px 13px;text-align:left;transition:all .15s}.modal-col-item:hover:not(:disabled){background:var(--accent-glow);border-color:#2563eb40}.modal-col-item:disabled{cursor:not-allowed;opacity:.5}.modal-col-item__emoji{font-size:1.2rem;line-height:1}.modal-col-item__info{flex:1;min-width:0}.modal-col-item__name{color:var(--text-primary);font-size:15px;font-weight:600}.modal-col-item__count{color:var(--text-muted);font-size:12px;margin-top:1px}.modal-col-item__add{color:var(--text-muted);flex-shrink:0}.modal-col-item:hover .modal-col-item__add{color:var(--accent)}.modal-enter-active,.modal-leave-active{transition:all .2s ease}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal,.modal-leave-to .modal{transform:scale(.95) translateY(8px)}@media(max-width:768px){.container{padding:0 16px}.container--wide{max-width:100%}.panels{grid-template-columns:1fr}.header-nav{display:none}.app-main{padding-bottom:68px}.mobile-bottom-nav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafcf2;border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-around;left:0;padding:6px 0 env(safe-area-inset-bottom,6px);position:fixed;right:0;z-index:200}.mobile-nav-item{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:2px;padding:6px 8px;text-decoration:none;transition:color .2s;-webkit-tap-highlight-color:transparent}.mobile-nav-item--active{color:var(--accent)}.mobile-nav-item--active .mobile-nav-icon{stroke-width:2.5}.mobile-nav-item--logout{color:var(--danger)}.mobile-nav-icon{flex-shrink:0;height:22px;width:22px}.mobile-nav-label{font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}.hero{padding:32px 0 24px}.hero__title{font-size:28px}.hero__subtitle{font-size:15px}.stats-bar{align-items:stretch;flex-direction:column;gap:0;padding:16px}.stat-divider{height:1px;margin:12px 0;width:100%}.stat-item{justify-content:flex-start}.subject-stats__header{display:none}.subject-stats__row{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.subject-stats__col--name{font-size:15px;font-weight:600;margin-bottom:4px}.subject-stats__col:before{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.03em;margin-right:8px;text-transform:uppercase}.subject-stats__col:nth-child(2):before{content:"Resolvidas: "}.subject-stats__col:nth-child(3):before{content:"Acertos: "}.subject-stats__col:nth-child(4):before{content:"Erros: "}.subject-stats__col:nth-child(5):before{content:"% Acerto: "}.panel{padding:16px}.panel__item{padding:10px}.question-card{padding:24px 18px}.question-text{font-size:17px}.quiz-page .option-btn{font-size:15px;padding:12px 14px}.result-card{padding:28px 20px}.result-title{font-size:20px}.result-actions{align-items:stretch;flex-direction:column}.result-btn{justify-content:center}.auth-card{border-radius:16px;padding:28px 24px}.auth-title__accent,.auth-title__line{font-size:28px}.auth-oauth{gap:6px;grid-template-columns:1fr 1fr}}@media(max-width:430px){.container{padding:0 12px}.app-header__inner{justify-content:center}.hero{padding:24px 0 16px}.hero__tag{font-size:11px}.hero__title{font-size:24px;gap:2px}.hero__subtitle{font-size:14px;line-height:1.45}.dashboard-stats{margin-bottom:24px}.stats-bar{border-radius:10px;padding:12px}.stat-item__value{font-size:18px}.stat-item__label{font-size:12px}.stat-divider{margin:8px 0}.stats-toggle{font-size:12px;gap:6px;padding:7px 12px}.subject-stats__row{padding:12px}.app-header{padding:10px 0}.app-logo__icon{border-radius:7px;height:28px;width:28px}.app-logo__icon svg{height:13px;width:13px}.app-logo__name{font-size:15px}.bookmark-btn{opacity:1}.collections-link{justify-content:center;width:100%}.panel{border-radius:10px;padding:14px}.panel__header{margin-bottom:12px;padding-bottom:10px}.panel__title{font-size:15px}.panel__count{font-size:11px}.panel__item{gap:10px;padding:8px}.panel__item-arrow{display:none}.panel__item-icon{border-radius:6px;height:32px;min-width:32px;width:32px}.panel__item-icon svg{height:14px;width:14px}.panel__item-title{font-size:14px}.panel__item-desc{font-size:12px}.section-header__text,.section-label__text{font-size:11px}.question-card{border-radius:14px;padding:20px 14px}.question-topic{font-size:11px}.question-text{font-size:16px;margin-bottom:18px}.quiz-topbar{flex-wrap:wrap;gap:8px}.quiz-back{font-size:13px;padding:6px 10px}.quiz-subject-tag{font-size:11px;padding:3px 8px}.quiz-counter{font-size:15px}.quiz-page .option-btn{font-size:14px;gap:10px;padding:11px 12px}.quiz-page .option-letter{font-size:11px;height:22px;min-width:22px;width:22px}.explanation{padding:12px 14px}.explanation__text{font-size:14px}.explanation__legal{font-size:12px}.next-btn{font-size:14px;justify-content:center;padding:12px 18px;width:100%}.next-row{justify-content:stretch}.result-card{border-radius:14px;margin:20px 0 16px;padding:24px 16px}.score-ring{height:80px;margin-bottom:16px;width:80px}.score-ring__value{font-size:28px}.result-title{font-size:18px}.result-sub{font-size:14px;margin-bottom:20px}.result-btn{font-size:14px;padding:10px 16px}.review-card{border-radius:10px;padding:14px}.review-question{font-size:15px}.review-answer{font-size:13px;padding:6px 10px}.review-explanation{padding:12px}.review-explanation__text{font-size:14px}.auth-page{padding:16px}.auth-card{border-radius:14px;padding:24px 18px}.auth-brand__icon{height:34px;width:34px}.auth-brand__name{font-size:15px}.auth-brand__tag{font-size:11px}.auth-title__accent,.auth-title__line{font-size:24px}.auth-subtitle{font-size:14px}.auth-tabs{margin-bottom:20px}.auth-tab{font-size:14px;padding:8px 0}.form-input{font-size:16px;padding:11px 14px}.auth-btn{font-size:15px;padding:12px}.auth-oauth{gap:6px;grid-template-columns:1fr 1fr}.oauth-btn{gap:6px;padding:9px 8px}.auth-footer,.oauth-btn{font-size:12px}.auth-divider{margin:16px 0 14px}.toast{line-height:1.35;max-width:calc(100vw - 24px);text-align:center;white-space:normal}.modal-overlay{padding:12px}.modal{border-radius:14px;max-height:82vh;max-width:100%;padding:18px}.modal-create-row{flex-direction:column}.modal-create-btn{height:40px;width:100%}.empty-hint{padding:24px}.empty-hint p{font-size:14px}.corner{height:14px;width:14px}.qc-corner{height:12px;width:12px}}@media(max-width:390px){.app-logo__name{font-size:14px}.hero__title{font-size:22px}.panel__item{gap:8px;padding:8px 7px}.question-card{padding:16px 12px}.quiz-page .option-btn{font-size:13px;padding:10px}.result-card{padding:20px 12px}}@media(max-width:360px){.container{padding:0 10px}.panel__item-title{font-size:13px}.panel__item-desc{font-size:11px}}
