.practice-theme{--line:#d6dde8;--muted:#5b6884;--green:#17703f;--red:#b42318;background:#f7f9fc;font-size:15px;line-height:1.5}.practice-width{width:min(680px,100%);margin-inline:auto}.compact-header{border-bottom:1px solid var(--line);background:#fff}.compact-header>.practice-width{justify-content:space-between;align-items:center;min-height:54px;padding:12px 16px;display:flex}.compact-header .brand img{object-fit:contain;width:120px;max-height:30px}.compact-header a{font-weight:500;text-decoration:none}.practice-hero{padding:20px 16px 12px}.practice-hero h1{margin-bottom:8px;font-size:24px;line-height:1.45}.practice-hero p{color:var(--muted);margin:0;font-size:14px}.home-practice>form,.home-practice>.practice-list-details{margin-inline:16px}.practice-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:18px;padding:20px 16px;display:flex}.practice-card fieldset{border:0;min-width:0;margin:0;padding:0}.practice-card legend,.field-title{margin-bottom:8px;padding:0;font-size:14px;font-weight:700;display:block}.pill-group{flex-wrap:wrap;gap:6px;display:flex}.pill-group.subjects{flex-wrap:nowrap;gap:4px}.subjects>.pill{flex:1;min-width:0}.history-tabs{flex-wrap:nowrap}.history-tabs>.pill{flex:1;min-width:0}.history-tabs .pill span{padding-inline:6px}.history-filter-note{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.pill{cursor:pointer;min-width:0;display:flex;position:relative}.pill input{opacity:0;width:1px;height:1px;position:absolute}.pill span{border:1px solid var(--line);color:#3c4a66;border-radius:20px;justify-content:center;align-items:center;width:100%;min-height:40px;padding:8px 14px;font-size:15px;line-height:1.4;display:flex}.subjects .pill span{padding-inline:4px}.pill input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.pill input:disabled+span{opacity:.4;cursor:not-allowed}.pill input:focus-visible+span{outline-offset:3px;outline:3px solid #edae00}.practice-field{flex-direction:column;gap:8px;min-width:0;font-size:14px;font-weight:700;display:flex}.practice-field input,.practice-field select,.list-sort select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:12px 14px;font-size:15px;font-weight:400;line-height:1.4}.practice-field input::placeholder{color:var(--muted)}.condition-details{border:1px solid var(--line);background:#fff;border-radius:8px}.condition-details[open]{background:#f7f9fc}.condition-details>summary,.practice-list-details>summary{color:var(--blue);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-weight:500;line-height:1.4;list-style:none;display:flex}.condition-details>summary::-webkit-details-marker,.practice-list-details>summary::-webkit-details-marker{display:none}.condition-details>summary:after,.practice-list-details>summary:after{content:"＋";flex-shrink:0;font-size:18px;font-weight:700}.condition-details[open]>summary:after,.practice-list-details[open]>summary:after{content:"－"}.condition-details summary small{color:var(--muted);margin-top:2px;font-size:13px;font-weight:400;line-height:1.5;display:block}.condition-details[open] summary small{display:none}.detailed-fields{flex-direction:column;gap:14px;padding:0 14px 14px;display:flex}.history-check{color:#3c4a66;align-items:center;gap:8px;margin-top:8px;font-size:15px;display:flex}.history-check input{width:18px;height:18px;accent-color:var(--blue)}.practice-theme .button{white-space:normal;text-align:center;border-radius:8px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:700}.start-area{flex-direction:column;gap:6px;display:flex}.start-area>.button{width:100%;min-height:56px}.start-area p{color:var(--muted);text-align:center;margin:0;font-size:13px;line-height:1.4}.practice-chips{flex-wrap:wrap;gap:6px;display:flex}.practice-chips button{border:1px solid var(--line);color:#3c4a66;background:#fff;border-radius:18px;min-height:36px;padding:6px 12px;font-size:14px}.practice-list-details{margin-top:12px}.practice-list-details>summary{border:1px solid var(--line);background:#fff;border-radius:8px}.practice-list-details[open]>summary{font-weight:700}.list-sort{color:var(--muted);align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.list-sort select{border-radius:18px;width:auto;min-height:36px;padding:6px 12px;font-size:14px}.practice-row{border-bottom:1px solid var(--line);color:var(--blue);align-items:center;gap:10px;min-width:0;padding:12px 0;font-size:15px;line-height:1.4;text-decoration:none;display:flex}.practice-row>span:not(.answer-badge):not(:last-child){flex:1;min-width:0}.practice-row small{margin-top:2px;font-size:13px;display:block}.practice-row>span:last-child{flex-shrink:0;margin-left:auto}.text-button{color:var(--blue);text-align:left;background:0 0;border:0;padding:8px 0;font-size:14px}.practice-list-details>.text-button{text-decoration:underline}.home-block{padding:28px 16px 0}.home-block h2{margin-bottom:10px;font-size:18px;line-height:1.4}.resume-card{gap:10px;padding:16px}.resume-meta{justify-content:space-between;gap:8px;font-size:15px;display:flex}.resume-meta span{color:var(--muted);font-size:14px}.resume-actions{gap:8px;display:flex}.resume-actions>*{flex:1;min-width:0}.resume-actions .button{padding-inline:10px}.practice-theme progress{appearance:none;background:#e3e8f0;border:0;border-radius:4px;width:100%;height:8px;display:block;overflow:hidden}.practice-theme progress::-webkit-progress-bar{background:#e3e8f0;border-radius:4px}.practice-theme progress::-webkit-progress-value{background:var(--blue);border-radius:4px}.practice-theme progress::-moz-progress-bar{background:var(--blue);border-radius:4px}.quick-sets>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:14px 0;font-size:16px;line-height:1.4;text-decoration:none;display:flex}.quick-sets small{margin-top:2px;font-size:13px;display:block}.practice-ad{padding:28px 16px}.practice-ad>p{color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.4}.practice-ad .ad-slot{letter-spacing:0;height:auto;min-height:58px;color:var(--muted);background:#eef1f6;border:0;border-radius:8px;margin:0;padding:20px;font-family:inherit;font-size:13px}.exercise-header{border-bottom:1px solid var(--line);z-index:10;background:#fff;padding:12px 16px;position:sticky;top:0}.exercise-header>div{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.exercise-header h1{text-align:center;min-width:0;margin:0;font-size:15px;line-height:1.4}.exercise-header .text-button{color:var(--muted);white-space:nowrap;padding:0;font-size:15px}.exercise-header #exercise-score{color:var(--green);white-space:nowrap;font-size:14px;font-weight:700}.exercise-header progress{height:6px;margin-top:8px}.exercise-body{flex-direction:column;gap:12px;padding:16px 16px 110px;display:flex}.exercise-body>p{margin:0;font-size:14px}.exercise-body>.prose{font-size:16px;line-height:1.8}.exercise-body .question-images{gap:12px;margin:0}.exercise-body .question-images:empty{display:none}.exercise-body .question-images img{max-height:480px}.exercise-choices{flex-direction:column;gap:12px;display:flex}.exercise-choice{border:1px solid var(--line);text-align:left;width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:8px;padding:12px;font-size:15px;line-height:1.5}.exercise-choice>span:first-child{align-items:flex-start;gap:10px;display:flex}.exercise-choice strong{color:var(--blue);flex-shrink:0}.exercise-choice .prose{flex:1;min-width:0;font-size:15px;line-height:1.5}.exercise-choice .prose p{margin:0}.exercise-choice .choice-status{margin-top:4px;font-size:13px;line-height:1.4}.exercise-choice:disabled{opacity:1;cursor:default}.exercise-choice.is-correct{border:2px solid var(--green);background:#ecf7f0;padding:11px}.exercise-choice.is-correct strong,.exercise-choice.is-correct .choice-status{color:var(--green)}.exercise-choice.is-wrong{border:2px solid var(--red);background:#fef1f0;padding:11px}.exercise-choice.is-wrong strong,.exercise-choice.is-wrong .choice-status{color:var(--red)}.exercise-answer{border:1px solid var(--line);background:#fff;border-radius:8px;padding:14px}.exercise-answer h2{margin:0 0 8px;font-size:17px;line-height:1.4}.exercise-answer h2.is-wrong{color:var(--red)}.exercise-answer h2.is-correct{color:var(--green)}.exercise-answer>.prose{color:#3c4a66;font-size:15px;line-height:1.75}.exercise-detail{margin-top:8px}.exercise-detail>summary{color:var(--blue);cursor:pointer;align-items:center;gap:6px;padding:4px 0;font-size:14px;font-weight:500;list-style:none;display:flex}.exercise-detail>summary::-webkit-details-marker{display:none}.exercise-detail>summary:after{content:"＋"}.exercise-detail[open]>summary:after{content:"－"}.exercise-detail>.prose{margin-top:12px;font-size:15px}.exercise-source{margin-top:12px;font-size:12px;display:inline-block}.storage-note{color:var(--muted);font-size:12px!important}.exercise-review{color:#3c4a66;cursor:pointer;align-items:center;gap:10px;width:fit-content;max-width:100%;min-height:44px;font-size:15px;display:flex}.exercise-review input{width:20px;height:20px;accent-color:var(--blue);flex-shrink:0}.exercise-bottom{border:1px solid var(--line);width:min(680px,100%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:20;background:#fff;gap:8px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.exercise-bottom>*{flex:1;min-width:0}.exercise-bottom .button{padding-inline:8px}.result-overview{text-align:center;flex-direction:column;gap:14px;padding:24px 16px;display:flex}.result-overview>p{margin:0;font-size:15px;line-height:1.4}.result-overview h1{margin:0;font-size:28px;line-height:1.4}.result-actions{flex-direction:column;gap:8px;display:flex}.result-actions>.button{width:100%}.result-questions{padding:0 16px}.result-questions h2{margin:0 0 4px;font-size:16px;line-height:1.6}.answer-badge{color:var(--muted);background:#eef1f6;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:12px;font-weight:700;line-height:1.4}.answer-badge.is-correct{color:var(--green);background:#ecf7f0}.answer-badge.is-wrong{color:var(--red);background:#fef1f0}.exercise-message{padding:32px 16px;line-height:1.7}.exercise-message>.button{margin:8px 4px 0 0}.practice-theme dialog{border:1px solid var(--line);max-width:min(440px,100% - 32px);color:var(--ink);border-radius:12px;padding:24px}.practice-theme dialog::backdrop{background:#0b183680}.practice-theme dialog h2{font-size:20px}@media (width>=760px){.home-practice{padding-top:16px}.practice-hero h1{font-size:32px}.home-practice>.practice-card{padding:24px}.compact-header>.practice-width{width:calc(100% - 32px);max-width:960px}.practice-theme .prose{font-size:16px}}@media (width<=360px){.pill span{font-size:14px}.exercise-header h1{font-size:13px}.exercise-header .text-button{font-size:14px}.practice-theme .button{padding-inline:10px;font-size:14px}}