:root{--color-text: #13211f;--color-muted: #50615d;--color-heading: #174f4a;--color-heading-soft: #31423f;--color-primary: #1e6760;--color-primary-strong: #124d48;--color-primary-soft: rgba(219, 240, 235, .78);--color-danger: #9d314c;--color-danger-strong: #762237;--color-warning: #d88d23;--color-warning-soft: rgba(255, 243, 218, .86);--color-success-soft: rgba(215, 239, 232, .86);--color-error-soft: rgba(248, 219, 226, .88);--surface-glass: rgba(255, 255, 255, .72);--surface-glass-strong: rgba(255, 255, 255, .88);--surface-glass-soft: rgba(247, 252, 249, .58);--surface-input: rgba(255, 255, 255, .9);--border-glass: rgba(255, 255, 255, .7);--border-subtle: rgba(31, 87, 80, .16);--border-strong: rgba(31, 87, 80, .34);--shadow-glass: 0 18px 46px rgba(19, 46, 52, .14);--shadow-soft: 0 10px 28px rgba(19, 46, 52, .1);--shadow-pressed: 0 7px 18px rgba(19, 46, 52, .12);--blur-glass: 18px;--radius-card: 8px;--radius-control: 8px;--transition-fast: .15s ease;color:var(--color-text);background:#eaf3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;background:linear-gradient(145deg,#dfeeea,#f7fbf8 42%,#e9edf8 72%,#f9f5ed);background-attachment:fixed}button,input,select{font:inherit}button,a,input,label,select,textarea,[role=button],.sortable-item,.category-item,.drag-handle,.match-button,.choice-option,.check-item{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}a,label,[role=button]{transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast),transform var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(216,141,35,.78);outline-offset:2px}#root{min-height:100vh}.app-shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.start-layout{display:grid;place-items:center}.start-panel,.question-panel,.result-summary,.review-item{position:relative;overflow:hidden;border:1px solid var(--border-glass);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffd1,#f5fcf9a3),var(--surface-glass);box-shadow:var(--shadow-glass);backdrop-filter:blur(var(--blur-glass)) saturate(1.18);-webkit-backdrop-filter:blur(var(--blur-glass)) saturate(1.18)}.start-panel:before,.question-panel:before,.result-summary:before,.review-item:before{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,255,255,.14) 34%,transparent 62%);content:"";opacity:.56}.start-panel>*,.question-panel>*,.result-summary>*,.review-item>*{position:relative;z-index:1}.start-panel{display:grid;width:100%;gap:28px;padding:28px 20px}.eyebrow{margin:0;color:var(--color-muted);font-size:.8rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p,dl,dd{margin:0}h1{color:var(--color-heading);font-size:clamp(2rem,12vw,3.8rem);line-height:1}h2{font-size:1.35rem;line-height:1.28}h3{color:var(--color-heading-soft);font-size:.95rem}.control-group,.question-stack,.matching-column,.paired-list,.drop-zone{display:grid;gap:12px}.control-label{color:var(--color-heading-soft);font-weight:800}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segmented-control button,.secondary-action,.primary-action,.danger-action,.choice-option,.match-button,.paired-row button{min-height:48px;border-radius:var(--radius-control);font-weight:800}.segmented-control button,.secondary-action,.choice-option,.match-button{border:1px solid var(--border-subtle);background:linear-gradient(180deg,#ffffffb8,#eff9f58a),var(--surface-glass-soft);color:var(--color-text);box-shadow:0 1px #fffc inset;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.segmented-control button.is-selected,.choice-option.is-selected,.match-button.is-selected{border-color:#1e676085;background:linear-gradient(180deg,#e9f8f4f2,#d3ebe5c2);color:var(--color-primary-strong);box-shadow:0 0 0 1px #ffffffa3 inset,0 10px 22px #1e67601f}.primary-action{width:100%;background:linear-gradient(180deg,#2a7c74 0%,var(--color-primary) 48%,var(--color-primary-strong) 100%);color:#fff;box-shadow:0 1px #ffffff57 inset,0 12px 24px #124d4838}.danger-action{width:100%;background:linear-gradient(180deg,#b94460 0%,var(--color-danger) 52%,var(--color-danger-strong) 100%);color:#fff;box-shadow:0 1px #ffffff47 inset,0 12px 24px #76223733}.secondary-action{padding:0 16px}.exam-layout,.result-layout{display:grid;align-content:start;gap:16px}.exam-header,.exam-actions{position:sticky;z-index:10;display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--border-glass);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffdb,#f4fbf8ad),var(--surface-glass-strong);box-shadow:var(--shadow-soft);backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12)}.exam-header{top:10px;padding:12px 14px}.exam-header strong{display:block;margin-top:2px;color:var(--color-heading);font-size:1.1rem}.timer{min-width:86px;border-radius:999px;background:linear-gradient(180deg,#ffd27d,var(--color-warning));color:#2c1e08;font-weight:900;padding:8px 10px;text-align:center;box-shadow:0 1px #ffffff94 inset,0 8px 18px #a0600f2e}.question-panel{min-height:380px;padding:20px 16px}.text-answer{display:grid;gap:8px;color:var(--color-heading-soft);font-weight:800}.text-answer input{width:100%;min-height:54px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-input);color:var(--color-text);font-size:1.05rem;padding:12px 14px;box-shadow:0 1px #ffffffbd inset}.choice-list,.sortable-list,.category-items{display:grid;gap:10px}.choice-option,.match-button{width:100%;padding:12px 14px;text-align:left;overflow-wrap:anywhere}.sortable-list{margin:0;padding:0;list-style:none}.sortable-item,.category-item{display:flex;min-height:56px;align-items:center;gap:12px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:linear-gradient(180deg,#ffffffe6,#f7fcf9b8);color:var(--color-text);font-weight:800;padding:12px 14px;box-shadow:0 1px #ffffffd1 inset,0 8px 18px #132e340f;touch-action:none;-webkit-user-select:none;user-select:none}.sortable-label{flex:1 1 auto;overflow-wrap:anywhere}.sort-buttons{display:grid;flex:0 0 auto;grid-template-columns:1fr 1fr;gap:6px}.sort-buttons button{min-height:40px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffffa8;color:var(--color-text);font-weight:800;padding:6px 8px}.sortable-item.is-dragging,.category-item.is-dragging,.drag-overlay{border-color:#f2a541;box-shadow:0 0 0 3px #d88d2329,0 16px 30px #1e676038;opacity:.9}.drag-handle{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;background:var(--color-primary-soft);color:var(--color-primary);flex:0 0 auto;font-weight:900}.matching-grid{display:grid;gap:14px}.paired-list{border-top:1px solid var(--border-subtle);padding-top:14px}.paired-row{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffff75;padding:10px}.paired-row span{color:var(--color-muted);font-size:.9rem;font-weight:800}.paired-row strong{color:var(--color-text);overflow-wrap:anywhere}.paired-row button{background:#fae7ebdb;color:var(--color-danger-strong)}.category-layout{display:grid;gap:12px}.category-select-list{display:grid;gap:10px;border-top:1px solid var(--border-subtle);padding-top:14px}.category-select-row{display:grid;gap:8px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffff9e;padding:12px}.category-select-row span{color:var(--color-text);font-weight:800;overflow-wrap:anywhere}.category-select-row select{width:100%;min-height:48px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-input);color:var(--color-text);padding:10px}.drop-zone{min-height:112px;border:2px dashed rgba(31,87,80,.24);border-radius:var(--radius-control);background:#ffffff6b;padding:12px;transition:border-color .15s ease,background-color .15s ease}.drop-zone.is-over{border-color:var(--color-warning);background:var(--color-warning-soft)}.category-item{width:100%;justify-content:flex-start;text-align:left}.empty-zone{display:grid;min-height:40px;place-items:center;color:var(--color-muted);font-weight:800}.exam-actions{bottom:10px;display:grid;padding:12px}.nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-summary{display:grid;gap:16px;padding:22px 16px}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-grid div{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffff80;padding:12px}.summary-grid dt{color:var(--color-muted);font-size:.82rem;font-weight:800}.summary-grid dd{color:var(--color-text);font-size:1.25rem;font-weight:900}.review-list{display:grid;gap:12px}.review-item{display:grid;gap:10px;padding:16px}.review-item h2{font-size:1.05rem}.review-item p{color:var(--color-heading-soft);overflow-wrap:anywhere}.review-item p span{color:var(--color-text);font-weight:900}.review-heading{display:flex;gap:8px;align-items:center;justify-content:space-between}.review-heading span{color:var(--color-muted);font-size:.85rem;font-weight:800}.correct-label,.wrong-label{border-radius:999px;padding:6px 10px}.correct-label{background:var(--color-success-soft);color:#114a3f}.wrong-label{background:var(--color-error-soft);color:var(--color-danger-strong)}.mode-card,.oral-section,.oral-timer-panel,.help-note{display:grid;gap:12px}.mode-card{border-top:1px solid var(--border-subtle);padding-top:18px}.mode-card:first-of-type{border-top:0;padding-top:0}.mode-card p,.oral-home p,.oral-practice-panel p,.oral-card p,.quiet-note{color:#394844;color:var(--color-heading-soft)}.mode-grid,.inline-actions,.topic-list,.check-list,.fact-grid,.outline-grid{display:grid;gap:10px}.topic-list .match-button{display:grid;gap:4px}.topic-list .match-button span{color:var(--color-muted);font-size:.9rem;font-weight:700}.oral-card h1,.oral-practice-panel h1{font-size:2rem;line-height:1.05}.oral-section{border-top:1px solid var(--border-subtle);padding-top:14px}.oral-section ul{display:grid;gap:8px;margin:0;padding-left:20px}.fact-grid{grid-template-columns:1fr}.fact-grid div{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffff7a;padding:12px}.fact-grid span{display:block;color:var(--color-muted);font-size:.82rem;font-weight:800}.fact-grid strong{color:var(--color-text)}.keyword-list{display:flex;flex-wrap:wrap;gap:8px}.keyword-list span,.help-badge{border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-strong);font-weight:800;padding:7px 10px}.oral-timer-panel{border:1px solid var(--border-glass);border-radius:var(--radius-card);background:linear-gradient(145deg,#ffffffb8,#eff9f68a);box-shadow:var(--shadow-soft);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px}.oral-time{display:block;color:var(--color-heading);font-size:3rem;font-weight:900;line-height:1}.oral-time.is-urgent{color:var(--color-danger)}.timer-warning{border-radius:var(--radius-control);background:#e8f5f1d6;color:var(--color-primary-strong);font-weight:900;padding:10px}.timer-warning.is-visible{background:var(--color-warning-soft);color:#6d4300}.help-note{border:1px solid rgba(216,141,35,.42);border-radius:var(--radius-card);background:linear-gradient(145deg,#fff8e8e6,#ffffff9e);padding:12px;box-shadow:0 10px 22px #a0600f1a}.help-note strong{color:#6d4300}.bus-map{display:grid;gap:8px;margin:0;overflow:hidden}.bus-map svg{width:100%;height:auto;max-height:min(64vh,520px);border:1px solid var(--border-glass);border-radius:var(--radius-card);background:#ffffff9e;box-shadow:var(--shadow-soft)}.bus-map figcaption{color:var(--color-muted);font-size:.86rem;font-weight:700}.bus-map-bg{fill:#f7fbf8eb}.bus-route-line{fill:none;stroke:var(--color-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:16}.bus-route-highlight{fill:none;stroke:var(--color-warning);stroke-linecap:round;stroke-linejoin:round;stroke-width:24}.bus-route-arrow path{fill:#fff;stroke:var(--color-primary);stroke-linejoin:round;stroke-width:5}.bus-route-start circle,.bus-route-end circle{fill:#fff;stroke-width:8}.bus-route-start circle{stroke:var(--color-primary)}.bus-route-end circle{stroke:var(--color-danger)}.bus-route-start text,.bus-route-end text{fill:var(--color-text);font-size:44px;font-weight:900;paint-order:stroke;stroke:#fff;stroke-linejoin:round;stroke-width:10px}.bus-landmark-marker circle{fill:var(--color-warning);stroke:#fff;stroke-width:6}.bus-landmark-marker text{fill:#231a0b;font-size:17px;font-weight:900;pointer-events:none;text-anchor:middle}.self-check-score{color:var(--color-heading);font-size:1.4rem;font-weight:900}.check-item{display:flex;min-height:56px;align-items:center;gap:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:#ffffff9e;color:var(--color-text);font-weight:800;padding:12px}.check-item input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--color-primary)}.quiet-note{font-size:.92rem;font-weight:700}@media(hover:hover){.segmented-control button:hover,.secondary-action:hover,.choice-option:hover,.match-button:hover,.sort-buttons button:hover,.paired-row button:hover{border-color:var(--border-strong);background:linear-gradient(180deg,#ffffffdb,#e8f7f3ad);box-shadow:0 1px #ffffffdb inset,0 10px 22px #132e341a;transform:translateY(-1px)}.primary-action:hover,.danger-action:hover{box-shadow:0 1px #fff6 inset,0 16px 30px #132e343d;transform:translateY(-1px)}}button:active:not(:disabled){box-shadow:var(--shadow-pressed);filter:brightness(.98);transform:scale(.985)}.check-item:active,.category-select-row:active{box-shadow:var(--shadow-pressed);filter:brightness(.985);transform:scale(.99)}.sortable-item:active,.category-item:active,.drag-handle:active{border-color:var(--border-strong);filter:brightness(.985)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(min-width:680px){.app-shell{padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.start-panel,.question-panel,.result-summary{padding:28px}.exam-actions{grid-template-columns:1fr auto}.danger-action{width:auto;padding-inline:18px}.matching-grid{grid-template-columns:1fr 1fr}.category-layout{grid-template-columns:repeat(2,1fr)}.drop-zone:first-child{grid-column:1 / -1}.fact-grid,.inline-actions,.mode-grid,.outline-grid{grid-template-columns:repeat(2,1fr)}.oral-card h1,.oral-practice-panel h1{font-size:2.4rem}}