*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f5f7;color:#1a1a1a}main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.06);padding:32px}h1{font-size:1.4rem;margin:0 0 4px}.subtitle{color:#666;font-size:.9rem;margin:0 0 24px}.field{margin-bottom:16px}label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#333}.input-wrap{display:flex;align-items:center;border:1px solid #d5d7dc;border-radius:8px;overflow:hidden}.input-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}input[type=number]{flex:1 1;border:none;outline:none;padding:10px 12px;font-size:1rem;width:100%;min-width:0}.unit{padding:0 12px;color:#888;font-size:.85rem;background:#f7f8fa;align-self:stretch;display:flex;align-items:center;border-left:1px solid #d5d7dc}.results{margin-top:24px;border-top:1px solid #eceef1;padding-top:20px}.result-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.result-label{color:#555;font-size:.9rem}.result-value{font-size:1.15rem;font-weight:700}.result-value.muted{color:#999;font-weight:500;font-size:.95rem}.warning{margin-top:16px;font-size:.85rem;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:10px 12px}.card .nav{margin:0 0 12px;font-size:.85rem}.card .nav a,.mode-link{color:#3b82f6;text-decoration:none}.mode-link{display:block;text-align:center;margin-top:16px;font-size:.9rem;font-weight:600}.difficulty-buttons{display:flex;gap:8px}.chip{flex:1 1;padding:8px 0;border-radius:8px;border:1px solid #d5d7dc;background:#fff;font-size:.9rem;cursor:pointer}.chip-active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.streak-row{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0;font-size:.95rem}.muted-text{color:#999;font-size:.85rem}.success-banner{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:8px;padding:10px 12px;font-size:.9rem;margin-bottom:16px}.task{border-top:1px solid #eceef1;padding-top:20px;margin-top:8px}.question{font-size:.98rem;line-height:1.5;margin-bottom:16px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}button.primary{background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600}button.primary,button.secondary{padding:10px 16px;font-size:.9rem;cursor:pointer}button.secondary{background:#fff;border:1px solid #d5d7dc;border-radius:8px}.feedback{margin-top:12px;font-size:.9rem;font-weight:600}.feedback-correct{color:#047857}.feedback-wrong{color:#b91c1c}.solution{margin-top:16px;background:#f7f8fa;border-radius:8px;padding:12px 16px}.solution-title{font-weight:600;font-size:.85rem;margin:0 0 8px}.solution ol{margin:0;padding-left:18px;font-size:.88rem;line-height:1.6}.history{margin-top:24px;border-top:1px solid #eceef1;padding-top:16px}.history-header{display:flex;justify-content:space-between;align-items:baseline}.history h2{font-size:1rem;margin:0}.link-button{background:none;border:none;color:#b91c1c;font-size:.8rem;cursor:pointer;padding:0;text-decoration:underline}.history-list{list-style:none;margin:12px 0 0;padding:0}.history-list li{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;padding:6px 0;gap:8px}.history-badge{color:#047857;font-weight:600;white-space:nowrap}.history-badge.weak{color:#b91c1c}.history-group{margin-top:12px}.history-group-title{font-size:.8rem;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.02em;margin:0}.mode-buttons{display:flex;gap:8px;margin-bottom:24px}.video-section{margin-bottom:16px}.link-button-neutral{color:#3b82f6}.video-wrap{position:relative;width:100%;padding-top:56.25%;margin-top:10px;border-radius:8px;overflow:hidden;background:#000}.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}