.practice-page{padding:44px max(24px,calc((100vw - 1340px)/2)) 56px}.practice-page .practice-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:20px}.practice-page .practice-header h1{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.02;letter-spacing:-.03em}.practice-page .practice-header .lead{margin:0;max-width:60ch;font-size:clamp(1.05rem,2vw,1.2rem)}.practice-page .practice-disclaimer{display:inline-flex;align-items:center;gap:8px;margin:2px 0 0;font-size:.85rem;font-weight:500;color:var(--text-tertiary)}.practice-page .practice-disclaimer svg{flex-shrink:0;color:var(--accent)}.practice-page .question-figure{margin:0 0 20px;padding:14px;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);text-align:center}.practice-page .question-figure img{max-width:100%;max-height:440px;height:auto;margin:0 auto;border-radius:var(--radius-sm)}.practice-page .question-figure figcaption{margin-top:8px;font-size:.8rem;color:var(--text-tertiary)}.practice-page .mode-switch{gap:4px;padding:5px;margin-bottom:28px;background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:none}.practice-page .mode-switch button{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-width:112px;padding:10px 16px;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--text-secondary);border-radius:var(--radius-full);transition:color var(--transition),background var(--transition),box-shadow var(--transition)}.practice-page .mode-switch button:hover{color:var(--text-primary)}.practice-page .mode-switch button.is-active{color:var(--text-on-accent);background:var(--accent);box-shadow:0 4px 14px -4px var(--accent)}.practice-page .practice-layout{grid-template-columns:264px minmax(0,1fr);gap:26px}.practice-page .practice-panel,.practice-page .insight-panel{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.practice-page .practice-panel{padding:32px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-wash),transparent 48%),var(--bg-card-solid);scroll-margin-top:84px}.practice-page.is-mock-mode,.practice-page.is-drill-mode{padding-top:34px}.practice-page.is-mock-mode .practice-header,.practice-page.is-drill-mode .practice-header{margin-bottom:14px}.practice-page.is-mock-mode .mode-switch,.practice-page.is-drill-mode .mode-switch{margin-bottom:18px}.practice-page .practice-panel.is-mock,.practice-page .practice-panel.is-drill{padding:24px 28px}.practice-page .module-rail{gap:5px}.practice-page .module-column{min-width:0}.practice-page .rail-collapse{display:block}.practice-page .rail-toggle{display:none}.practice-page .rail-trade{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:0;background:transparent;border-radius:0}.practice-page .rail-trade button{padding:6px 13px;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:color var(--transition),background var(--transition),border-color var(--transition)}.practice-page .rail-trade button:hover{color:var(--text-primary);border-color:var(--accent)}.practice-page .rail-trade button.is-active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent);box-shadow:0 2px 10px -3px var(--accent)}.practice-page .module-group-label{display:flex;align-items:center;gap:5px;margin:2px 4px;font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary)}.practice-page .module-group-label.is-pro{margin-top:20px;color:var(--accent)}.practice-page .module-group-label.is-pro svg{color:var(--accent)}.practice-page .module-btn{position:relative;gap:12px;padding:13px 14px;border-radius:var(--radius-md);transition:transform var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition)}.practice-page .module-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.practice-page .module-btn.is-active{background:var(--accent-subtle);border-color:var(--accent)}.practice-page .module-btn{padding:11px 13px}.practice-page .module-icon{width:40px;height:40px;border-radius:var(--radius-md)}.practice-page .module-btn small{font-size:.75rem}.practice-page .module-btn strong{font-family:var(--font-display);font-size:1rem;font-weight:800;letter-spacing:-.01em}.practice-page .module-btn small{font-size:.78rem;font-weight:700;color:var(--text-tertiary)}.practice-page .module-btn.is-active strong{color:var(--text-primary)}.practice-page .panel-heading{margin-bottom:18px}.practice-page .panel-heading span{font-size:.8rem;font-weight:800;letter-spacing:.09em}.practice-page .panel-heading strong{font-size:.92rem;font-weight:700;color:var(--text-secondary)}.practice-page .practice-panel>h2{margin:4px 0 12px;font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:700;line-height:1.4;letter-spacing:-.02em;color:var(--text-primary)}.practice-page .question-meta{gap:8px;margin-bottom:22px;padding-bottom:18px}.practice-page .question-meta span{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 10px;font-size:.74rem;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--topic-chip-text);background:var(--topic-chip-bg);border:1px solid var(--topic-chip-border);border-radius:var(--radius-full)}.practice-page .question-meta span:before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:var(--topic-chip-dot)}.practice-page .question-meta span:nth-child(2):before{background:var(--topic-chip-dot-warm)}.practice-page .question-meta .question-history-chip{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-strong)}.practice-page .question-meta .question-history-chip:before{background:var(--text-tertiary)}.practice-page .question-meta .question-history-chip.is-correct{color:var(--accent);background:var(--accent-subtle);border-color:var(--border-accent)}.practice-page .question-meta .question-history-chip.is-correct:before{background:var(--accent)}.practice-page .question-meta .question-history-chip.is-incorrect{color:var(--red);background:var(--red-subtle);border-color:#e5534b59}.practice-page .question-meta .question-history-chip.is-incorrect:before{background:var(--red)}.practice-page .question-meta button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:0;background:none;border:none;border-radius:0;font-size:.74rem;font-weight:500;color:var(--text-tertiary);transition:color var(--transition)}.practice-page .question-meta button:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}.practice-page .question-meta button svg{width:13px;height:13px}.practice-page .test-timed{display:flex;align-items:center;gap:9px;margin:20px 0;font-size:.9rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.practice-page .test-timed input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.practice-page .test-running h2{margin:2px 0 16px;font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.4rem);font-weight:700;line-height:1.4;letter-spacing:-.01em;color:var(--text-primary)}.practice-page .practice-panel.is-mock .test-panel,.practice-page .practice-panel.is-mock .test-running,.practice-page .practice-panel.is-mock .test-results{gap:12px}.practice-page .practice-panel.is-mock .panel-heading{margin-bottom:12px}.practice-page .practice-panel.is-mock .test-intro{margin:-2px 0 0;font-size:.9rem;line-height:1.45}.practice-page .practice-panel.is-mock .test-setup{display:flex;flex-direction:column;gap:12px}.practice-page .practice-panel.is-mock .test-field,.practice-page .practice-panel.is-mock .test-length-pills{gap:8px}.practice-page .practice-panel.is-mock .test-length-pill{padding:10px}.practice-page .practice-panel.is-mock .test-length-pill strong{font-size:1.25rem}.practice-page .practice-panel.is-mock .test-timed{margin:0;padding:10px 12px}.practice-page .practice-panel.is-mock .test-running-head{font-size:.8rem}.practice-page .practice-panel.is-mock .test-progress{height:4px}.practice-page .practice-panel.is-mock .test-running h2{margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.32}.practice-page .practice-panel.is-mock .question-figure{margin-bottom:12px;padding:10px}.practice-page .practice-panel.is-mock .question-figure img{max-height:320px}.practice-page .practice-panel.is-mock .test-choices{gap:8px}.practice-page .practice-panel.is-mock .test-choice{gap:10px;padding:10px 13px;font-size:.92rem;line-height:1.35}.practice-page .practice-panel.is-mock .test-choice-key{width:26px;height:26px}.practice-page .practice-panel.is-mock .test-choice:disabled{cursor:default}.practice-page .practice-panel.is-mock .test-choice:disabled:not(.is-correct):not(.is-wrong):hover{border-color:var(--border)}.practice-page .practice-panel.is-mock .test-choice.is-correct,.practice-page .practice-panel.is-mock .test-choice.is-wrong{border-width:2px;box-shadow:var(--shadow-sm)}.practice-page .practice-panel.is-mock .test-choice.is-correct{border-color:var(--accent);background:var(--accent-subtle)}.practice-page .practice-panel.is-mock .test-choice.is-wrong{border-color:var(--red);background:var(--red-subtle)}.practice-page .practice-panel.is-mock .test-choice.is-correct .test-choice-key{color:var(--text-on-accent);background:var(--accent)}.practice-page .practice-panel.is-mock .test-choice.is-wrong .test-choice-key{color:#fff;background:var(--red)}.practice-page .practice-panel.is-mock .test-choices.is-answered .test-choice:not(.is-correct):not(.is-wrong){opacity:.45}.practice-page .practice-panel.is-mock .answer-note{margin-top:0;padding:16px 18px}.practice-page .practice-panel.is-mock .answer-note-head{gap:8px;margin-bottom:4px}.practice-page .practice-panel.is-mock .answer-note-head strong{font-size:1.05rem}.practice-page .practice-panel.is-mock .answer-note p{font-size:.9rem;line-height:1.48}.practice-page .practice-panel.is-mock .rationale-list{gap:6px;margin-top:10px}.practice-page .practice-panel.is-mock .rationale-list p{font-size:.86rem;line-height:1.42}.practice-page .practice-panel.is-mock .test-nav{margin-top:2px}.practice-page .practice-panel.is-mock .test-nav .btn,.practice-page .practice-panel.is-mock .test-results-actions .btn{padding:9px 16px}.practice-page .practice-panel.is-mock .test-submit-now{font-size:.8rem}.practice-page .practice-panel.is-mock .test-score{gap:16px}.practice-page .practice-panel.is-mock .test-score-ring{width:92px;height:92px;border-width:5px}.practice-page .practice-panel.is-mock .test-score-copy h2{font-size:1.18rem}.practice-page .practice-panel.is-mock .test-score-copy p{margin-bottom:10px}.practice-page .practice-panel.is-mock .test-breakdown{gap:8px}.practice-page .practice-panel.is-mock .test-breakdown-item{padding:11px 13px}.practice-page .practice-panel.is-mock .tb-head{margin-bottom:4px}.practice-page .practice-panel.is-mock .tb-prompt{margin-bottom:6px;font-size:.9rem;line-height:1.38}.practice-page .practice-panel.is-mock .tb-your,.practice-page .practice-panel.is-mock .tb-correct{margin-bottom:3px}.practice-page .practice-panel.is-mock .tb-explain{margin-top:5px;padding-top:5px;line-height:1.42}.practice-page .practice-panel.is-drill .panel-heading{margin-bottom:12px}.practice-page .practice-panel.is-drill>h2{margin:0 0 10px;font-size:clamp(1.08rem,2vw,1.25rem);line-height:1.32}.practice-page .practice-panel.is-drill .question-figure{margin-bottom:12px;padding:10px}.practice-page .practice-panel.is-drill .question-figure img{max-height:320px}.practice-page .practice-panel.is-drill .question-meta{gap:6px;margin-bottom:12px;padding-bottom:12px}.practice-page .practice-panel.is-drill .question-meta span{padding:3px 9px}.practice-page .practice-panel.is-drill .question-picker{margin-bottom:12px;padding:5px}.practice-page .practice-panel.is-drill .question-picker button{padding:7px 12px}.practice-page .practice-panel.is-drill .question-picker>span{font-size:.86rem}.practice-page .practice-panel.is-drill .module-options-row{margin:-8px 0 12px;min-height:28px}.practice-page .practice-panel.is-drill .module-options summary{width:28px;height:28px}.practice-page .practice-panel.is-drill .module-progress-error{margin:-6px 0 12px}.practice-page .practice-panel.is-drill .choice-list{gap:8px}.practice-page .practice-panel.is-drill .choice-button{gap:11px;min-height:52px;padding:11px 13px;font-size:.95rem;line-height:1.35}.practice-page .practice-panel.is-drill .choice-button .choice-key{width:30px;height:30px;font-size:.85rem}.practice-page .practice-panel.is-drill .choice-status{width:24px;height:24px}.practice-page .practice-panel.is-drill .answer-note{margin-top:6px;padding:16px 18px}.practice-page .practice-panel.is-drill .answer-note-head{gap:8px;margin-bottom:4px}.practice-page .practice-panel.is-drill .answer-note-head strong{font-size:1.05rem}.practice-page .practice-panel.is-drill .answer-note p{font-size:.9rem;line-height:1.48}.practice-page .practice-panel.is-drill .rationale-list{gap:6px;margin-top:10px}.practice-page .practice-panel.is-drill .rationale-list p{font-size:.86rem;line-height:1.42}.practice-page .question-picker{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px;padding:7px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.practice-page .question-picker button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;font-weight:700;background:var(--bg-card-solid);transition:border-color var(--transition),color var(--transition),background var(--transition)}.practice-page .question-picker button:hover{color:var(--accent);border-color:var(--accent)}.practice-page .question-picker button:disabled{opacity:.45;cursor:not-allowed}.practice-page .question-picker>span{flex:1 1 auto;text-align:center;font-size:.92rem;font-weight:700;color:var(--text-primary)}.practice-page .question-picker>span em{font-style:normal;font-weight:600;color:var(--text-tertiary)}.practice-page .module-options-row{display:flex;justify-content:flex-end;margin:-12px 0 16px;min-height:30px}.practice-page .module-options{position:relative}.practice-page .module-options summary{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;list-style:none;transition:color var(--transition),border-color var(--transition),background var(--transition)}.practice-page .module-options summary::-webkit-details-marker{display:none}.practice-page .module-options summary:hover,.practice-page .module-options[open] summary{color:var(--text-secondary);background:var(--bg-secondary);border-color:var(--border)}.practice-page .module-options-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:flex;flex-direction:column;gap:3px;min-width:220px;padding:6px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.practice-page .module-options-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;text-align:left}.practice-page .module-options-menu button:hover{color:var(--text-secondary);background:var(--bg-secondary)}.practice-page .module-options-menu button.is-danger:hover{color:var(--red);background:var(--red-subtle)}.practice-page .module-options-menu button:disabled{opacity:.6;cursor:progress}.practice-page .module-progress-error{margin:-8px 0 16px;font-size:.82rem;font-weight:700;color:var(--red)}@media(max-width:600px){.practice-page .question-picker{justify-content:center}.practice-page .question-picker .qp-word{display:none}.practice-page .question-picker>span{flex-basis:100%;order:-1}}.practice-page .choice-list{gap:12px}.practice-page .choice-button{align-items:center;gap:16px;min-height:60px;padding:16px 18px;font-size:1.02rem;font-weight:500;line-height:1.45;border-radius:var(--radius-md);transition:transform var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition),opacity var(--transition)}.practice-page .choice-button .choice-key{width:34px;height:34px;font-size:.92rem;font-weight:800;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-full);transition:color var(--transition),background var(--transition)}.practice-page .choice-text{flex:1;min-width:0;user-select:text;-webkit-user-select:text}@media(hover:hover){.practice-page .choice-button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent);background:var(--bg-card-hover)}.practice-page .choice-button:not(:disabled):hover .choice-key{color:var(--text-on-accent);background:var(--accent)}}.practice-page .choice-button:not(:disabled):active{transform:translateY(0)}.practice-page .choice-button.is-correct,.practice-page .choice-button.is-wrong{border-width:2px;box-shadow:var(--shadow-sm)}.practice-page .choice-status{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;color:#fff;border-radius:var(--radius-full)}.practice-page .choice-status.is-correct{background:var(--accent)}.practice-page .choice-status.is-wrong{background:var(--red)}.practice-page .choice-flag{flex-shrink:0;font-size:.78rem;font-weight:800;letter-spacing:.01em;white-space:nowrap}.practice-page .choice-flag.is-correct{color:var(--accent-strong)}.practice-page .choice-flag.is-wrong{color:var(--red)}@media(max-width:600px){.practice-page .choice-flag{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.practice-page .choice-button{gap:11px;padding:13px 14px;min-height:54px;font-size:.96rem}.practice-page .choice-button .choice-key{width:30px;height:30px;font-size:.84rem}.practice-page .choice-status{width:23px;height:23px}.practice-page .choice-button.is-correct .choice-key{color:var(--accent);background:var(--green-badge-subtle)}.practice-page .choice-button.is-wrong .choice-key{color:var(--red);background:var(--red-subtle)}}.practice-page .choice-list.is-answered .choice-button:not(.is-correct):not(.is-wrong){opacity:.45}.practice-page .choice-list.is-answered .choice-button:not(.is-correct):not(.is-wrong):hover{background:var(--bg-secondary);border-color:var(--border)}.practice-page .answer-note{margin-top:8px;padding:22px 24px;border-radius:var(--radius-lg)}.practice-page .answer-note-head{display:flex;align-items:center;gap:11px;margin-bottom:6px}.practice-page .answer-note-head strong{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.practice-page .answer-note p{font-size:.95rem;line-height:1.6}.practice-page .answer-note-icon{display:inline-flex}.practice-page .answer-note.correct .answer-note-icon,.practice-page .answer-note.correct .answer-note-head strong{color:var(--accent)}.practice-page .answer-note.wrong .answer-note-icon,.practice-page .answer-note.wrong .answer-note-head strong{color:var(--red)}.practice-page .rationale-list{gap:10px;margin-top:16px}.practice-page .rationale-list p{font-size:.9rem;line-height:1.55;color:var(--text-secondary)}.practice-page .rationale-list strong{font-weight:700;color:var(--text-primary)}.practice-page .source-links a,.practice-page .source-links span{font-weight:600}.practice-page .source-links a{transition:border-color var(--transition),color var(--transition)}.practice-page .source-links a:hover{color:var(--accent);border-color:var(--accent)}.practice-page .answer-note small{font-size:.82rem}.practice-page .free-meter{display:flex;flex-direction:column;gap:9px;height:auto;margin:0 0 28px;background:none}.practice-page .free-meter-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.practice-page .free-meter-label{font-size:.8rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.practice-page .free-meter-count{font-size:.92rem;font-weight:600;color:var(--text-secondary)}.practice-page .free-meter-count strong{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--accent)}.practice-page .free-meter-track{position:relative;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.practice-page .free-meter-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:var(--radius-full);transition:width var(--transition-slow)}.practice-page .paywall{gap:18px;padding:48px 36px;background:var(--bg-card-solid);border:1px solid var(--border-accent);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.practice-page .paywall-mark{width:64px;height:64px;border-radius:var(--radius-full)}.practice-page .paywall h2{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:800;letter-spacing:-.02em}.practice-page .paywall>p{max-width:50ch;font-size:1.05rem}.practice-page .paywall-actions{margin-top:10px}.practice-page .paywall-fineprint{font-size:.9rem}.practice-page .empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:60px 32px;font-size:1.02rem;line-height:1.6}.practice-page .empty-state svg{margin-bottom:4px;color:var(--text-tertiary);opacity:.85}.practice-page .empty-state strong{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text-primary)}.practice-page .empty-state span{max-width:44ch;color:var(--text-tertiary)}.practice-page .issue-panel{margin:16px 0 26px;box-shadow:var(--shadow-sm)}.practice-page .issue-panel select:focus,.practice-page .issue-panel textarea:focus{box-shadow:0 0 0 3px var(--accent-subtle)}.practice-page .mock-panel{gap:22px}.practice-page .mock-score>div{padding:24px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.practice-page .mock-score>div:last-child{background:var(--accent-subtle);border-color:var(--border-accent)}.practice-page .mock-score span{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary)}.practice-page .mock-score strong{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor}.practice-page .mock-score>div:last-child strong{color:var(--accent)}.practice-page .task-list{gap:12px}.practice-page .task-list li{padding:14px 16px;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius-md)}.practice-page .mock-hint{margin:-8px 0 0;font-size:.85rem;color:var(--text-tertiary)}.practice-page .btn:disabled,.practice-page .btn:disabled:hover{opacity:.5;transform:none;box-shadow:none;cursor:not-allowed}.practice-page .tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.practice-page .tool-tab{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:10px 18px;font-size:.9rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.practice-page .tool-tab svg{flex-shrink:0}.practice-page .tool-tab:hover{color:var(--text-primary);border-color:var(--border-strong)}.practice-page .tool-tab.is-active{color:var(--text-on-accent);background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm)}.practice-page .calc-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.practice-page .calc-span-2{grid-column:1 / -1}.practice-page .calc-grid label{gap:7px;font-weight:700}.practice-page .calc-grid input,.practice-page .calc-grid select{padding:12px 14px;font-size:1rem;font-weight:700;color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition),box-shadow var(--transition)}.practice-page .calc-grid select{padding-right:38px}.practice-page .calc-grid input:focus,.practice-page .calc-grid select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.practice-page .calc-result{padding:22px 24px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.practice-page .calc-result span{font-size:.92rem;font-weight:600}.practice-page .calc-result strong{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--accent)}.practice-page .calc-result.is-stacked{flex-direction:column;align-items:stretch;gap:12px}.practice-page .calc-result-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.practice-page .calc-result-sub{font-size:.82rem;font-weight:600;color:var(--text-tertiary)}.practice-page .calc-note{margin:0;font-size:.84rem;line-height:1.5;color:var(--text-secondary)}.practice-page .calc-warning{display:flex;align-items:flex-start;gap:8px;margin:0;padding:11px 13px;font-size:.85rem;font-weight:700;line-height:1.45;color:var(--red);background:var(--red-subtle);border-radius:var(--radius-sm)}.practice-page .calc-warning svg{flex-shrink:0;margin-top:2px}.practice-page .calc-status{padding:5px 13px;font-size:.78rem;font-weight:800;letter-spacing:.04em;border-radius:var(--radius-full)}.practice-page .calc-status.is-ok{color:var(--accent);background:var(--accent-subtle)}.practice-page .calc-status.is-over{color:var(--red);background:var(--red-subtle)}.practice-page .insight-panel{gap:18px;padding:26px;border-radius:var(--radius-xl)}.practice-page .mastery-ring{width:100px;height:100px}.practice-page .mastery-ring span{font-family:var(--font-display);font-size:1.5rem;font-weight:800}.practice-page .insight-panel h3{font-family:var(--font-display);font-size:1.05rem;font-weight:800;letter-spacing:-.01em}.practice-page .progress-bar{height:8px}.practice-page .weak-topics strong{font-size:.8rem;font-weight:800;letter-spacing:.06em}.practice-page .weak-topics button{padding:11px 12px;font-size:.88rem;font-weight:600;text-align:left;line-height:1.4;border-radius:var(--radius-md);transition:transform var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.practice-page .weak-topics button:hover{transform:translate(3px);color:var(--text-primary);background:var(--accent-subtle);border-color:var(--border-accent)}.practice-page .weak-topics button svg{flex-shrink:0;color:var(--text-tertiary)}.practice-page .sync-note{align-items:flex-start;padding:12px;line-height:1.45;border:1px solid var(--border);border-radius:var(--radius-md)}.practice-page .sync-note svg{margin-top:2px;color:var(--accent)}@media(prefers-reduced-motion:no-preference){.practice-page .answer-note,.practice-page .paywall{animation:pr-rise .3s var(--ease)}.practice-page .choice-status{animation:pr-pop .24s var(--ease)}}@keyframes pr-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pr-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.practice-page .practice-layout{grid-template-columns:1fr}.practice-page .module-group-label{display:none}.practice-page .module-rail{gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.practice-page .module-btn{scroll-snap-align:start}.practice-page .module-rail::-webkit-scrollbar{height:6px}.practice-page .module-rail::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}}@media(max-width:900px){.practice-page .rail-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;margin-bottom:14px;background:var(--bg-card-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent}.practice-page .rail-toggle:active{border-color:var(--accent)}.practice-page .rail-toggle-current{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.practice-page .rail-toggle .module-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-md)}.practice-page .rail-toggle-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.practice-page .rail-toggle-text small{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-tertiary)}.practice-page .rail-toggle-text strong{font-size:.98rem;font-weight:800;color:var(--text-primary)}.practice-page .rail-toggle-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform var(--transition)}.practice-page .module-column.is-open .rail-toggle-chevron{transform:rotate(180deg)}.practice-page .module-column .rail-collapse{display:none}.practice-page .module-column.is-open .rail-collapse{display:block;background:var(--bg-card-solid);border:1px solid var(--border-strong);border-top:none;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);padding:16px 14px 6px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.practice-page .module-column.is-open .rail-toggle{margin-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--border-subtle);box-shadow:none}.practice-page .module-column.is-open .rail-trade{display:flex;margin-bottom:12px}.practice-page .module-column.is-open .module-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;overflow-x:visible}.practice-page .module-column.is-open .module-btn{min-width:0;white-space:normal;gap:8px;padding:9px 10px}.practice-page .module-column.is-open .module-icon{width:28px;height:28px}.practice-page .module-column.is-open .module-btn>span:nth-of-type(2){min-width:0}.practice-page .module-column.is-open .module-btn strong{white-space:normal;overflow-wrap:break-word;font-size:.86rem;line-height:1.2}.practice-page .module-column.is-open .module-group-label{display:flex;grid-column:1 / -1;margin-top:8px}}@media(max-width:600px){.practice-page{padding:20px 16px 36px}.practice-page.is-mock-mode,.practice-page.is-drill-mode{padding:18px 16px 36px}.practice-page.is-mock-mode .practice-header,.practice-page.is-drill-mode .practice-header{margin-bottom:10px}.practice-page.is-mock-mode .mode-switch,.practice-page.is-drill-mode .mode-switch{margin-bottom:14px}.practice-page .practice-panel,.practice-page .practice-panel.is-mock,.practice-page .practice-panel.is-drill{padding:16px 14px}.practice-page .practice-panel.is-mock .test-choice{padding:10px 12px}.practice-page .practice-panel.is-mock .answer-note{padding:15px 14px}.practice-page .practice-panel.is-drill .choice-button{min-height:50px;padding:11px 12px;font-size:.94rem}.practice-page .practice-panel.is-drill .answer-note{padding:15px 14px}.practice-page .mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.practice-page .mode-switch button{min-width:0;width:100%;padding:12px 10px}.practice-page .paywall{padding:36px 22px}}.practice-page.review-page{padding-top:48px}.review-shell{max-width:760px;margin:0 auto}.review-progress{margin-bottom:18px}.review-progress>span{font-size:.9rem;font-weight:700;color:var(--text-primary)}.review-progress>span em{font-style:normal;font-weight:600;color:var(--text-tertiary)}.review-progress .test-progress{height:8px;margin-top:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.review-progress .test-progress>span{display:block;height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition)}.review-next{margin-top:16px}.review-done{max-width:560px;margin:0 auto;padding:48px 24px;text-align:center}.review-done-mark{display:inline-grid;place-items:center;width:64px;height:64px;margin-bottom:16px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-full)}.review-done h2{font-family:var(--font-display);font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.review-done p{margin:10px 0 0;color:var(--text-secondary);line-height:1.6}.review-done-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.review-page .empty-state .review-done-actions{margin-top:20px}.practice-loading-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 64px);padding:24px;background:var(--bg-primary);color:var(--text-primary)}.practice-loading-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--bg-card-solid);border:1px solid var(--accent-subtle);border-radius:var(--radius-lg);padding:40px 32px;max-width:420px;width:100%;box-shadow:0 4px 20px #00000040}.practice-spinner{width:40px;height:40px;border:3px solid var(--accent-subtle);border-top-color:var(--accent-strong);border-radius:var(--radius-full);animation:practice-spin .8s linear infinite;margin-bottom:20px}.practice-loading-card p{font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.practice-loading-sub{font-size:.85rem;color:var(--text-tertiary)}@keyframes practice-spin{to{transform:rotate(360deg)}}.practice-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.skeleton-rail{pointer-events:none}.skeleton-btn{background:var(--bg-card-solid)!important;border-color:var(--bg-tertiary)!important;opacity:.7;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-icon{background:var(--bg-tertiary)!important;border-radius:var(--radius-md);width:36px;height:36px;flex-shrink:0}.skeleton-text{display:flex;flex-direction:column;gap:6px;width:100%}.skeleton-line{height:12px;background:var(--bg-tertiary);border-radius:var(--radius-xs);display:block}.skeleton-line.short{width:60%}.skeleton-line.long{width:40%}.skeleton-tab{background:var(--bg-tertiary)!important;opacity:.6;border:none!important;color:transparent!important;cursor:default}@keyframes skeleton-pulse{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.module-lock-placeholder{margin-left:auto;width:13px;height:13px;flex-shrink:0}.practice-page{background:radial-gradient(48rem 20rem at 88% -8%,hsla(160,55%,58%,.09),transparent 60%),radial-gradient(40rem 18rem at 0% -6%,hsla(203,68%,62%,.07),transparent 55%),var(--bg-primary)}.practice-page .practice-header h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.025em}.practice-page .practice-disclaimer{gap:7px;padding:6px 13px;color:var(--topic-chip-text);background:var(--topic-chip-bg);border:1px solid var(--topic-chip-border);border-radius:var(--radius-full);font-size:.8rem;font-weight:700}.practice-page .practice-disclaimer svg{color:var(--accent-strong)}.practice-page .mode-switch{gap:4px;padding:5px;background:var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-full);box-shadow:var(--studio-shadow-sm)}.practice-page .mode-switch button{border-radius:var(--radius-full);color:var(--text-secondary);font-weight:800}.practice-page .mode-switch button:hover{color:var(--text-primary);background:var(--studio-surface-wash)}.practice-page .mode-switch button.is-active{color:#fff;background:var(--studio-grad);box-shadow:var(--studio-shadow-glow)}.practice-page .rail-trade button{min-height:40px;padding:8px 15px;color:var(--text-secondary);background:var(--bg-card-solid);border:1px solid var(--border-strong);border-radius:var(--radius-full);box-shadow:var(--studio-shadow-sm)}.practice-page .rail-trade button:hover{color:var(--text-primary);border-color:var(--border-accent)}.practice-page .rail-trade button.is-active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:var(--studio-shadow-glow)}.practice-page .module-rail{gap:6px}.practice-page .module-group-label{color:var(--text-tertiary);font-weight:800;letter-spacing:.09em}.practice-page .module-group-label.is-pro{color:var(--accent)}.practice-page .module-btn{background:transparent;border:1px solid transparent;border-radius:var(--radius-md);transition:background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.practice-page .module-btn:hover{transform:none;background:var(--bg-secondary);border-color:transparent;box-shadow:none}.practice-page .module-btn.is-active{background:var(--studio-correct-wash);border-color:var(--border-accent);box-shadow:var(--studio-shadow-sm)}.practice-page .module-btn.is-active small{color:var(--accent)}.practice-page .module-btn strong{font-family:var(--font-display);font-weight:800;letter-spacing:-.005em}.practice-page .module-btn small{font-weight:700}.practice-page .module-icon{border-radius:12px}.practice-page .module-btn.green .module-icon{color:var(--studio-mint-deep);background:var(--studio-mint)}.practice-page .module-btn.red .module-icon{color:var(--studio-rose-deep);background:var(--studio-rose)}.practice-page .module-btn.blue .module-icon{color:var(--studio-sky-deep);background:var(--studio-sky)}.practice-page .module-btn.amber .module-icon{color:var(--studio-sand-deep);background:var(--studio-sand)}.practice-page .module-btn .module-lock{color:var(--text-tertiary)}.practice-page .module-lock-placeholder{background:var(--bg-tertiary);border-radius:var(--radius-full)}.practice-page .practice-panel{background:var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-xl);box-shadow:var(--studio-shadow-lg)}.practice-page .panel-heading span{display:inline-flex;align-items:center;padding:4px 11px;color:var(--accent);background:var(--accent-subtle);border-radius:var(--radius-full);font-size:.72rem;font-weight:800;letter-spacing:.06em}.practice-page .panel-heading strong{color:var(--text-secondary);font-weight:700}.practice-page .practice-panel>h2,.practice-page .test-running h2{font-family:var(--font-display);font-weight:700;letter-spacing:-.015em}.practice-page .question-figure{border-color:var(--studio-hairline);border-radius:var(--radius-md);box-shadow:var(--studio-shadow-sm)}.practice-page .question-meta{border-bottom-color:var(--studio-hairline)}.practice-page .question-meta span{font-weight:800}.practice-page .question-meta .question-history-chip{color:var(--text-secondary);background:var(--bg-secondary);border-color:var(--border)}.practice-page .question-meta .question-history-chip.is-correct{color:var(--accent);background:var(--studio-correct-wash);border-color:var(--border-accent)}.practice-page .question-meta .question-history-chip.is-incorrect{color:var(--studio-rose-deep);background:var(--studio-wrong-wash);border-color:#e11d484d}.practice-page .question-meta button{padding:12px 4px;margin-top:-12px;margin-bottom:-12px}.practice-page .question-picker{padding:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.practice-page .question-picker button{min-height:40px;color:var(--text-secondary);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:none}.practice-page .question-picker button:hover{color:var(--accent);background:var(--bg-card-hover);border-color:var(--border-accent)}.practice-page .question-picker button:disabled{box-shadow:none;opacity:.45}.practice-page .question-picker>span{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums}.practice-page .module-options summary,.practice-page .practice-panel.is-drill .module-options summary{width:40px;height:40px}.practice-page .module-options-menu{border-color:var(--studio-hairline);border-radius:var(--radius-md);box-shadow:var(--studio-shadow-lg)}.practice-page .module-options-menu button{border-radius:var(--radius-sm)}.practice-page .module-progress-error{color:var(--studio-rose-deep)}.practice-page .issue-panel{padding:18px 20px;background:var(--bg-secondary);border:1px solid var(--studio-hairline);border-radius:var(--radius-md);box-shadow:none}.practice-page .issue-panel select,.practice-page .issue-panel textarea{border-color:var(--border-strong);border-radius:12px}.practice-page .issue-panel select:focus,.practice-page .issue-panel textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.practice-page .choice-list{gap:10px}.practice-page .choice-button,.practice-page .test-choice{background:var(--bg-card-solid);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:0 1px 2px #1018280a;transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition),opacity var(--transition)}.practice-page .choice-button .choice-key,.practice-page .test-choice-key{color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full)}@media(hover:hover){.practice-page .choice-button:not(:disabled):hover,.practice-page .test-choice:hover{transform:none;background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--studio-shadow-sm)}.practice-page .choice-button:not(:disabled):hover .choice-key{color:#fff;background:var(--accent)}}.practice-page .choice-button.is-pending{background:var(--studio-surface-wash);border-color:var(--border-accent)}.practice-page .choice-button.is-correct,.practice-page .choice-button.is-wrong,.practice-page .practice-panel.is-mock .test-choice.is-correct,.practice-page .practice-panel.is-mock .test-choice.is-wrong{border-width:1.5px;box-shadow:var(--studio-shadow-sm)}.practice-page .choice-button.is-correct,.practice-page .practice-panel.is-mock .test-choice.is-correct{background:var(--studio-correct-wash);border-color:var(--accent-strong)}.practice-page .choice-button.is-wrong,.practice-page .practice-panel.is-mock .test-choice.is-wrong{background:var(--studio-wrong-wash);border-color:var(--red)}.practice-page .choice-button.is-correct .choice-key,.practice-page .practice-panel.is-mock .test-choice.is-correct .test-choice-key{color:#fff;background:var(--accent)}.practice-page .choice-button.is-wrong .choice-key,.practice-page .practice-panel.is-mock .test-choice.is-wrong .test-choice-key{color:#fff;background:var(--red)}.practice-page .choice-flag.is-correct{color:var(--accent)}.practice-page .choice-flag.is-wrong{color:var(--studio-rose-deep)}.practice-page .choice-status{border-radius:var(--radius-full)}.practice-page .choice-status.is-correct{background:var(--accent-strong)}.practice-page .choice-list.is-answered .choice-button:not(.is-correct):not(.is-wrong),.practice-page .practice-panel.is-mock .test-choices.is-answered .test-choice:not(.is-correct):not(.is-wrong){opacity:.5}.practice-page .answer-note{border-radius:var(--radius-lg)}.practice-page .answer-note.correct{background:var(--studio-correct-wash);border-color:#37a47a4d}.practice-page .answer-note.wrong{background:var(--studio-wrong-wash);border-color:#e11d4847}.practice-page .answer-note-head strong{font-family:var(--font-display);font-weight:800}.practice-page .answer-note.wrong .answer-note-icon,.practice-page .answer-note.wrong .answer-note-head strong{color:var(--studio-rose-deep)}.practice-page .rationale-list p{color:var(--text-secondary)}.practice-page .test-setup{gap:14px}.practice-page .test-field{gap:9px}.practice-page .test-length-pills{gap:10px}.practice-page .test-intro{color:var(--text-secondary)}.practice-page .test-field-label{color:var(--text-tertiary);letter-spacing:.07em}.practice-page .test-length-pill{background:var(--bg-card-solid);border:1.5px solid var(--border);border-radius:var(--radius-md);box-shadow:0 1px 2px #1018280a;transition:border-color var(--transition),background-color var(--transition),box-shadow var(--transition)}.practice-page .test-length-pill strong,.practice-page .test-score-ring strong,.practice-page .test-score-copy h2,.practice-page .tb-num{font-family:var(--font-display);font-weight:800}.practice-page .test-length-pill:hover:not(:disabled){border-color:var(--border-accent);box-shadow:var(--studio-shadow-sm)}.practice-page .test-length-pill.is-active{background:var(--studio-correct-wash);border-color:var(--accent-strong);box-shadow:var(--studio-shadow-sm)}.practice-page .test-length-pill.is-active strong{color:var(--accent)}.practice-page .test-timed{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 1px 2px #1018280a}.practice-page .test-timed:hover{border-color:var(--border-accent)}.practice-page .test-running{gap:15px}.practice-page .test-running-head{color:var(--text-secondary);font-weight:700}.practice-page .test-timer{gap:6px;padding:6px 13px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--studio-hairline);border-radius:var(--radius-full);font-weight:800}.practice-page .test-timer.is-low{color:var(--studio-rose-deep);background:var(--studio-wrong-wash);border-color:#e11d484d}.practice-page .test-progress,.practice-page .practice-panel.is-mock .test-progress{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full)}.practice-page .test-progress span{background:var(--studio-grad-bar);border-radius:var(--radius-full)}.practice-page .test-choice:hover{background:var(--bg-card-hover);border-color:var(--border-accent)}.practice-page .test-choice.is-selected{background:var(--studio-surface-wash);border-color:var(--accent)}.practice-page .test-nav{margin-top:4px}.practice-page .test-nav .btn{border-radius:var(--radius-md)}.practice-page .test-submit-now{color:var(--text-tertiary);text-decoration:underline;text-underline-offset:.2em}.practice-page .test-submit-now:hover{color:var(--accent)}.practice-page .test-results{gap:18px}.practice-page .test-score{padding:clamp(16px,2.5vw,22px);background:radial-gradient(26rem 13rem at 0% -30%,hsla(157,55%,55%,.13),transparent 70%),var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-lg);box-shadow:var(--studio-shadow-sm)}.practice-page .test-results-actions{gap:10px}.practice-page .test-score-ring{background:var(--bg-card-solid);border-width:6px;box-shadow:var(--studio-shadow-md)}.practice-page .test-score-ring.tier-ready{border-color:var(--accent-strong)}.practice-page .test-score-ring.tier-ready strong{color:var(--accent)}.practice-page .test-score-ring.tier-low{border-color:var(--red)}.practice-page .test-score-copy h2{letter-spacing:-.02em}.practice-page .test-score-copy p{color:var(--text-secondary)}.practice-page .test-breakdown-item{background:var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-md);box-shadow:var(--studio-shadow-sm)}.practice-page .tb-num{background:var(--bg-secondary);border-radius:var(--radius-full)}.practice-page .tb-explain{border-top-color:var(--studio-hairline)}.practice-page .paywall{background:radial-gradient(28rem 14rem at 50% -20%,hsla(157,55%,55%,.12),transparent 70%),var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-xl);box-shadow:var(--studio-shadow-lg)}.practice-page .paywall-mark{color:#fff;background:var(--studio-grad);box-shadow:var(--studio-shadow-glow)}.practice-page .paywall h2,.practice-page .empty-state strong{font-family:var(--font-display);font-weight:800}.practice-page .paywall>p{color:var(--text-secondary)}.practice-page .paywall-actions{gap:12px}.practice-page .paywall-fineprint,.practice-page .mock-hint{color:var(--text-tertiary)}.practice-page .question-limit-paywall{margin-top:8px}.practice-page .empty-state{background:var(--bg-card-solid);border:1px dashed var(--border-strong);border-radius:var(--radius-xl)}.practice-panel-loading p{color:var(--text-secondary);font-weight:700}.practice-spinner{border-color:var(--accent-subtle);border-top-color:var(--accent-strong)}.practice-page .skeleton-icon{border-radius:12px}.practice-page .skeleton-line{border-radius:6px}.practice-page .skeleton-btn{border-radius:var(--radius-md)}.practice-page .skeleton-progress-text{display:inline-block;width:72px;height:10px;overflow:hidden;color:transparent;background:var(--bg-tertiary);border-radius:var(--radius-full);animation:skeleton-pulse 1.5s ease-in-out infinite}.practice-page .skeleton-tab{box-shadow:none}.practice-page .btn{border-radius:var(--radius-full);font-weight:800}.practice-page .btn-primary{background:var(--studio-grad);border-color:transparent;box-shadow:var(--studio-shadow-glow)}.practice-page .btn-primary:hover{background:var(--studio-grad);filter:brightness(.94);transform:none;box-shadow:var(--studio-shadow-glow)}.practice-page .btn-secondary{background:var(--bg-card-solid);border-color:var(--border-strong);box-shadow:var(--studio-shadow-sm)}.practice-page .btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--studio-shadow-md)}.practice-page .btn:disabled,.practice-page .btn:disabled:hover{filter:none;box-shadow:none}.practice-page .link-button{color:var(--accent)}@media(max-width:900px){.practice-page .rail-toggle{background:var(--bg-card-solid);border:1px solid var(--studio-hairline);border-radius:var(--radius-md);box-shadow:var(--studio-shadow-sm)}.practice-page .rail-toggle:active{border-color:var(--border-accent)}.practice-page .rail-toggle .module-icon{color:var(--accent);background:var(--accent-subtle);border-radius:11px}.practice-page .module-column.is-open .rail-toggle{border-bottom-color:var(--studio-hairline);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.practice-page .module-column.is-open .rail-collapse{background:var(--bg-card-solid);border:1px solid var(--studio-hairline);border-top:0;border-bottom-right-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);box-shadow:var(--studio-shadow-md)}.practice-page .module-column.is-open .module-btn{background:var(--bg-card-solid);border-color:var(--studio-hairline)}.practice-page .module-column.is-open .module-btn.is-active{background:var(--studio-surface-wash);border-color:var(--border-accent)}}@media(max-width:600px){.practice-page .practice-panel,.practice-page .practice-panel.is-mock,.practice-page .practice-panel.is-drill{padding:16px 14px;border-radius:var(--radius-lg)}.practice-page .mode-switch{border-radius:var(--radius-lg)}.practice-page .mode-switch button{border-radius:14px}.practice-page .choice-button.is-correct .choice-key{color:var(--accent);background:var(--bg-card-solid)}.practice-page .choice-button.is-wrong .choice-key{color:var(--studio-rose-deep);background:var(--bg-card-solid)}}.practice-page .mode-switch button:focus-visible,.practice-page .module-btn:focus-visible,.practice-page .choice-button:focus-visible,.practice-page .question-dot:focus-visible,.practice-page .btn:focus-visible,.practice-page .link-button:focus-visible,.practice-page .rail-toggle:focus-visible,.practice-page .test-option:focus-visible,.practice-page .exam-count-option:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.practice-page .mode-switch button,.practice-page .module-btn,.practice-page .choice-button,.practice-page .question-dot,.practice-page .test-option,.practice-page .exam-count-option{transition:color var(--transition),background var(--transition),border-color var(--transition),box-shadow var(--transition),filter var(--transition)}.practice-page .mode-switch button:hover,.practice-page .module-btn:hover,.practice-page .choice-button:not(:disabled):hover,.practice-page .test-option:hover,.practice-page .exam-count-option:hover{transform:none}.practice-page .mode-switch button:active,.practice-page .module-btn:active,.practice-page .choice-button:not(:disabled):active,.practice-page .question-dot:active,.practice-page .btn:active{transform:none;box-shadow:inset 0 0 0 1px var(--border-accent)}
