.practice-page{position:relative;min-height:100vh;padding:calc(76px + 1.5rem) 1.5rem 1.5rem;color:#eef2ff}.practice-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(53,112,255,.16),transparent 32%),radial-gradient(circle at 85% 15%,rgba(114,66,255,.12),transparent 26%),radial-gradient(circle at bottom right,rgba(28,186,255,.1),transparent 30%)}.practice-container{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.practice-filter-panel,.practice-hero-copy,.practice-loading-panel,.practice-next-step,.practice-panel,.practice-question-card,.practice-result-card,.practice-results,.practice-review-panel,.practice-session-panel,.practice-support-card{background:linear-gradient(180deg,rgba(11,16,40,.88),rgba(10,14,34,.78));border:1px solid rgba(138,163,255,.18);box-shadow:0 24px 70px rgba(5,10,30,.35);backdrop-filter:blur(16px)}.practice-hero-copy{border-radius:28px;padding:2.35rem 2.35rem 2.25rem}.practice-kicker{margin:0 0 .9rem;color:#93c5fd;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-filter-panel h2,.practice-hero h1,.practice-results-header h2,.practice-review-header h2,.practice-session-header h2{margin:0;color:#f8fbff;font-family:var(--font-plus-jakarta),system-ui,sans-serif;font-weight:700;line-height:1.02}.practice-hero h1{font-size:clamp(2.2rem,4vw,3.55rem)}.practice-filter-panel h2,.practice-results-header h2,.practice-review-header h2,.practice-session-header h2{font-size:clamp(1.4rem,2.2vw,1.9rem)}.practice-builder-helper,.practice-filter-panel-header p,.practice-hero-description,.practice-mode-intro p,.practice-next-step p,.practice-panel__empty,.practice-panel__title p,.practice-result-card p,.practice-results-header p,.practice-review-header p,.practice-support-card p{margin:0;color:rgba(221,230,255,.82);font-size:1rem;line-height:1.7;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-hero-hint{margin-top:.9rem;color:#dcecff}.practice-filter-panel,.practice-results,.practice-review-panel,.practice-session-panel{border-radius:26px;padding:1.6rem}.practice-filter-panel-header,.practice-results-header,.practice-review-header,.practice-session-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.practice-filter-summary{display:inline-flex;align-items:center;gap:.55rem;padding:.7rem 1rem;border-radius:999px;color:#d8e4ff;background:rgba(18,26,58,.92);border:1px solid rgba(138,163,255,.16);font-size:.92rem;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-mode-intro{margin-bottom:1rem}.practice-mode-intro h3,.practice-next-step h3,.practice-panel h3,.practice-result-block h3,.practice-support-card h3{margin:0 0 .45rem;color:#f8fbff;font-family:var(--font-plus-jakarta),system-ui,sans-serif;font-size:1.02rem;font-weight:700}.practice-feedback-grid,.practice-insights-grid,.practice-mode-grid,.practice-review-grid,.practice-support-grid{display:grid;gap:1rem}.practice-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.2rem}.practice-feedback-grid,.practice-insights-grid,.practice-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:220px;padding:26px 24px;border-radius:26px;border:1px solid rgba(145,167,255,.22);background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(10,14,44,.88)),radial-gradient(circle at top right,rgba(125,211,252,.18),transparent 42%);box-shadow:0 18px 48px rgba(4,10,30,.32);color:#ffffff;text-align:left;cursor:pointer;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;overflow:hidden}.practice-mode-card.is-active,.practice-mode-card:hover{transform:translateY(-4px);border-color:rgba(96,165,250,.55);box-shadow:0 24px 56px rgba(17,24,39,.42)}.practice-mode-card:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.practice-mode-card h3{margin:0;font-size:1.25rem}.practice-mode-card p{margin:0;color:rgba(226,232,240,.86);line-height:1.6}.practice-mode-card p,.practice-mode-card__meta{font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-mode-card__meta{margin-top:auto;color:#dbeafe;font-weight:700;font-size:.96rem}.practice-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.practice-field{display:flex;flex-direction:column;gap:.45rem}.practice-answer-field>span,.practice-confidence>span,.practice-field span,.practice-pill-group>span{color:rgba(224,233,255,.78);font-size:.88rem;font-weight:600;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-answer-field textarea,.practice-field select{width:100%;min-width:0;padding:.9rem 1rem;border-radius:16px;border:1px solid rgba(138,163,255,.18);background:rgba(13,19,48,.9);color:#f8fbff;font-size:.96rem;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-answer-field textarea:focus,.practice-field select:focus{outline:none;border-color:rgba(123,165,255,.45);box-shadow:0 0 0 3px rgba(70,118,255,.18)}.practice-builder-controls,.practice-next-step__actions,.practice-question-actions{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.practice-builder-controls{margin-top:1.2rem}.practice-pill-group{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.practice-btn,.practice-chip,.practice-option,.practice-pill,.practice-topic-item{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.practice-chip,.practice-metric-card,.practice-option,.practice-pill,.practice-redo-item,.practice-session-stat,.practice-topic-item{border:1px solid rgba(138,163,255,.16);background:rgba(20,28,62,.92)}.practice-pill{padding:.78rem 1rem;border-radius:999px;color:#eef2ff;font-weight:700;cursor:pointer;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-option.is-selected,.practice-pill.is-active{border-color:rgba(123,165,255,.48);background:linear-gradient(135deg,rgba(52,97,255,.28),rgba(109,71,255,.24))}.practice-check{display:inline-flex;align-items:center;gap:.7rem;color:rgba(224,233,255,.78);font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-builder-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem}.practice-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.8rem 1.15rem;border-radius:999px;border:1px solid rgba(138,163,255,.16);text-decoration:none;font-size:.92rem;font-weight:700;font-family:var(--font-plus-jakarta),system-ui,sans-serif;white-space:nowrap;cursor:pointer}.practice-btn:hover,.practice-chip:hover,.practice-option:hover,.practice-topic-item:hover{transform:translateY(-1px)}.practice-btn-primary{color:#f8fbff;background:linear-gradient(135deg,#3f72ff,#22b0ff);box-shadow:0 14px 28px rgba(34,110,255,.25)}.practice-btn-secondary{color:#eef2ff;background:rgba(20,28,62,.92);border-color:rgba(138,163,255,.18)}.practice-inline-error{display:inline-flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.75rem .95rem;border-radius:16px;color:#fecaca;background:rgba(127,29,29,.25);border:1px solid rgba(248,113,113,.25);font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-chip-list,.practice-redo-list,.practice-topic-list{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.practice-chip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.9rem 1rem;border-radius:18px;color:#eef2ff;cursor:pointer;text-align:left;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-chip--static{cursor:default}.practice-chip span,.practice-redo-item span,.practice-topic-item span{color:rgba(215,225,255,.72);font-size:.82rem}.practice-metric-card,.practice-redo-item,.practice-session-stat,.practice-topic-item{padding:.95rem 1rem;border-radius:20px;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-topic-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#eef2ff;text-align:left;cursor:pointer}.practice-review-metrics,.practice-session-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.practice-metric-card span,.practice-result-score span,.practice-session-stat span{display:block;color:rgba(215,225,255,.72);font-size:.82rem;margin-bottom:.25rem}.practice-metric-card strong,.practice-result-score strong,.practice-session-stat strong{color:#f8fbff;font-size:1.45rem;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-question-card{border-radius:24px;padding:1.45rem;margin-top:1rem}.practice-question-meta{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;color:rgba(215,225,255,.72);font-size:.88rem;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-working-badge{padding:.35rem .7rem;border-radius:999px;color:#d9ecff;background:rgba(50,91,180,.26);border:1px solid rgba(126,168,255,.24);font-weight:700}.practice-question-prompt{margin-top:1rem;color:#f8fbff}.practice-question-prompt p{line-height:1.75}.practice-options{display:grid;gap:.75rem;margin-top:1rem}.practice-option{width:100%;padding:1rem;border-radius:18px;text-align:left;color:#eef2ff;cursor:pointer;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-option.is-locked{cursor:default}.practice-answer-field,.practice-confidence{display:grid;gap:.55rem;margin-top:1rem}.practice-answer-field textarea{min-height:220px;resize:vertical}.practice-question-actions{margin-top:1rem}.practice-next-step,.practice-result-card,.practice-support-card{border-radius:22px;padding:1.25rem}.practice-result-block{margin-top:1rem}.practice-result-block ul{margin:0;padding-left:1.25rem;color:rgba(221,230,255,.82);line-height:1.65}.practice-panel{border-radius:22px;padding:1.25rem}.practice-panel__title,.practice-support-card__header{display:flex;align-items:flex-start;gap:.7rem}.practice-panel__title h3,.practice-support-card__header h3{margin-bottom:.25rem}.practice-support-answer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(138,163,255,.12)}.practice-support-answer strong{display:block;margin-bottom:.35rem}.practice-loading-panel{min-height:60vh;border-radius:28px;display:grid;place-items:center;gap:.8rem;text-align:center;color:rgba(221,230,255,.82);font-family:var(--font-plus-jakarta),system-ui,sans-serif}.practice-loading__icon,.practice-spin{animation:practice-spin 1s linear infinite}@keyframes practice-spin{to{transform:rotate(1turn)}}@media (max-width:980px){.practice-feedback-grid,.practice-filters,.practice-insights-grid,.practice-mode-grid,.practice-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-review-header,.practice-session-header{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.practice-page{padding:calc(76px + 1rem) 1rem 1rem}.practice-filter-panel,.practice-hero-copy,.practice-loading-panel,.practice-next-step,.practice-panel,.practice-question-card,.practice-result-card,.practice-results,.practice-review-panel,.practice-session-panel,.practice-support-card{border-radius:22px;padding:1.2rem}.practice-hero h1{font-size:clamp(1.9rem,9vw,2.4rem)}.practice-builder-footer,.practice-filter-panel-header,.practice-results-header{flex-direction:column;align-items:flex-start}.practice-feedback-grid,.practice-filters,.practice-insights-grid,.practice-mode-grid,.practice-review-grid,.practice-review-metrics,.practice-session-stats,.practice-support-grid{grid-template-columns:1fr}.practice-btn{width:100%}.practice-next-step__actions,.practice-question-actions{align-items:stretch}.practice-topic-item{flex-direction:column;align-items:flex-start}}