:root{color:#18212f;background:#eef2f0;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(960px,100%);min-height:100vh;margin:0 auto;padding:18px 16px 88px}.centered{display:grid;place-items:center}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#69717d;font-size:.78rem;font-weight:700;letter-spacing:0}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.35rem,5vw,2.2rem);letter-spacing:0}h2{margin-bottom:10px;font-size:1.25rem;line-height:1.45;letter-spacing:0}.screen,.stack,.quiz-layout{display:grid;gap:16px}.sample-badge,.status-pill,.notice{border-radius:999px;font-weight:700}.sample-badge{flex:0 0 auto;padding:7px 10px;color:#0c3d2e;background:#bbf2d7;font-size:.78rem}.notice{margin:0;padding:10px 13px;color:#673d00;background:#fff1c2;line-height:1.5}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-card,.panel,.question-panel,.filter-panel,.vocab-row{border:1px solid #d8dfdd;border-radius:8px;background:#fff;box-shadow:0 10px 28px #1f2b3a0f}.metric-card{min-height:104px;padding:14px;display:grid;align-content:space-between;gap:6px}.metric-card span,.split-list span,.section-heading span,.compact-row small,.vocab-row p,.vocab-row small,.muted,.hint-line,.question-type,.result-count{color:#66717d}.metric-card strong{font-size:1.7rem}.metric-card small{color:#7a8490}.primary-actions,.link-grid{display:grid;gap:10px}.button,.tile-button,.choice-button,.nav-button,.segmented button{border:0;border-radius:8px;min-height:48px;font-weight:800}.button{padding:13px 16px}.button.primary{color:#fff;background:#256f64}.button.secondary,.tile-button{color:#1b2b3a;background:#fff;border:1px solid #d4dcda}.button.danger{color:#fff;background:#bd3a32}.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-button{padding:12px;text-align:left}.panel,.question-panel{padding:16px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading strong{font-size:1.25rem}.split-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.split-list>div{display:grid;gap:4px;padding:12px;border-radius:8px;background:#f4f7f6}.quiz-status{display:flex;justify-content:space-between;color:#51606b;font-weight:800}.question-type{margin-bottom:8px;font-size:.85rem;font-weight:800}.hint-line{margin-bottom:0}.choice-list{display:grid;gap:10px}.choice-button{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:10px;width:100%;padding:12px;color:#1b2b3a;background:#fff;border:1px solid #cfd8d5;text-align:left}.choice-button span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#52606d;font-size:.9rem}.choice-button.correct{border-color:#2d8a61;background:#e6f7ee}.choice-button.correct span{background:#2d8a61}.choice-button.wrong{border-color:#bd3a32;background:#ffebe8}.choice-button.wrong span{background:#bd3a32}.answer-box{padding:14px;border-radius:8px}.answer-box p{margin-bottom:0}.answer-box.correct{color:#0d402f;background:#dff7ea}.answer-box.wrong{color:#73221b;background:#ffe5e0}.empty-state{display:grid;gap:14px;min-height:260px;place-items:center;text-align:center}.compact-list{display:grid;gap:8px}.compact-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf0ef}.compact-row:last-child{border-bottom:0}.filter-panel{display:grid;gap:12px;padding:14px}label{display:grid;gap:6px;color:#4e5965;font-size:.9rem;font-weight:800}input,select{width:100%;min-height:42px;border:1px solid #cfd8d5;border-radius:8px;padding:9px 10px;color:#18212f;background:#fff}.result-count{margin:0;font-weight:800}.vocab-list{display:grid;gap:10px}.vocab-row{display:flex;justify-content:space-between;gap:12px;padding:14px}.vocab-row h2{margin-bottom:4px}.vocab-row p,.vocab-row small{display:block;margin-bottom:4px;line-height:1.5}.status-pill{align-self:flex-start;padding:6px 9px;color:#52606d;background:#eef2f0;font-size:.78rem;white-space:nowrap}.status-pill.mastered{color:#0d402f;background:#dff7ea}.status-pill.review{color:#73221b;background:#ffe5e0}.status-pill.studying{color:#143d73;background:#e0edff}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmented button{background:#eef2f0;color:#2f3b49}.segmented button.active{background:#256f64;color:#fff}.range-label{margin-bottom:12px}input[type=range]{accent-color:#256f64}.error-text{color:#bd3a32;font-weight:800}.app-nav{position:fixed;left:50%;bottom:12px;z-index:10;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;width:min(940px,calc(100% - 24px));padding:8px;border:1px solid #d8dfdd;border-radius:8px;background:#fffffff5;box-shadow:0 12px 30px #1f2b3a26;transform:translate(-50%)}.nav-button{min-height:42px;color:#52606d;background:transparent;font-size:.75rem}.nav-button.active{color:#fff;background:#1f2f3f}@media (max-width: 720px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 520px){.app-shell{padding-inline:12px}.metric-grid,.link-grid,.split-list{grid-template-columns:1fr}.vocab-row{align-items:flex-start}}