*{box-sizing:border-box;margin:0;padding:0}#__nuxt,body,html{background:#f5f5f8;color:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%}.app{display:flex;flex-direction:column;margin:0 auto;max-width:500px;min-height:100vh;padding:0 16px}.header{align-items:center;border-bottom:1px solid #e8e8f0;display:flex;justify-content:space-between;padding:20px 0 12px}.header h1{font-size:20px;font-weight:700}.header-right{align-items:center;display:flex;gap:12px}.timer{color:#666;font-size:15px;font-variant-numeric:tabular-nums;font-weight:600}.timer.green{color:#22c55e}.btn-icon{background:none;border:none;border-radius:8px;cursor:pointer;font-size:20px;padding:4px}.btn-icon:hover{background:#eee}.setup{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px 0}.card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000f;padding:16px}.card h2{color:#888;font-size:14px;font-weight:600;margin-bottom:12px}.mode-grid{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.mode-btn{align-items:center;background:#fff;border:2px solid #e8e8f0;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:6px;padding:14px 4px;transition:all .15s}.mode-btn:hover{background:#f8faff;border-color:#c8d8ff}.mode-btn.on{background:#eef4ff;border-color:#4f7fff}.mode-icon{font-size:24px}.mode-name{color:#555;font-size:12px;font-weight:500}.num-grid{display:flex;flex-wrap:wrap;gap:8px}.num-btn{background:#fff;border:2px solid #e8e8f0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;height:44px;transition:all .15s;width:52px}.num-btn:hover{border-color:#c8d8ff}.num-btn.on{background:#eef4ff;border-color:#4f7fff}.range-row{align-items:center;display:flex;gap:12px}.range-row label{color:#555;font-size:14px}.sel{background:#fff;border:1px solid #ddd;border-radius:10px;font-size:14px;padding:8px 12px}.sel,.start-btn{font-family:inherit}.start-btn{background:#4f7fff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;padding:16px;transition:background .15s;width:100%}.start-btn:hover{background:#3b6cf0}.start-btn.gray{background:#e8e8f0;color:#555;margin-top:8px}.start-btn.gray:hover{background:#ddd}.game{display:flex;flex:1;flex-direction:column;gap:16px;padding:20px 0}.progress-bar{background:#e8e8f0;border-radius:3px;height:6px}.progress-fill{background:#4f7fff;border-radius:3px;height:100%;transition:width .3s}.score-bar{color:#888;display:flex;font-size:14px;justify-content:space-between}.score{font-weight:600}.question-card{background:#fff;border-radius:24px;box-shadow:0 2px 12px #0000000f;padding:40px 20px;text-align:center;transition:transform .1s}.question-card.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.question{align-items:center;display:flex;gap:12px;justify-content:center}.num{font-size:36px;font-weight:700}.num.big{font-size:48px}.num.blank{color:#4f7fff}.op{color:#888}.eq,.op{font-size:36px;font-weight:300}.eq{color:#ccc}.answer-row{display:flex;gap:8px}.ans-input{border:2px solid #ddd;border-radius:16px;flex:1;font-family:inherit;font-size:22px;outline:none;padding:16px;text-align:center;transition:border-color .2s}.ans-input:focus{border-color:#4f7fff}.ans-input::-webkit-inner-spin-button,.ans-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ans-input[type=number]{-moz-appearance:textfield}.ans-btn{background:#4f7fff;border:none;border-radius:16px;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:0 24px;transition:background .15s}.ans-btn:disabled{background:#ccc;cursor:not-allowed}.ans-btn:hover:not(:disabled){background:#3b6cf0}.result-feedback{border-radius:12px;font-size:18px;font-weight:600;padding:8px;text-align:center}.result-feedback.correct{background:#f0fdf4;color:#22c55e}.result-feedback.wrong{background:#fef2f2;color:#ef4444}.tip{color:#aaa;font-size:12px;text-align:center}.result{align-items:center;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:center;padding:20px 0}.result-icon{font-size:64px}.result h2{font-size:24px}.result-stats{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.stat{align-items:center;display:flex;flex-direction:column;min-width:60px}.stat-num{font-size:28px;font-weight:700}.stat-num.green{color:#22c55e}.stat-num.red{color:#ef4444}.stat-num.blue{color:#4f7fff}.stat-num.purple{color:#8b5cf6;font-size:24px}.stat-lbl{color:#888;font-size:12px;margin-top:2px}.result-actions{margin-top:8px;width:100%}.modal{align-items:flex-end;background:#0006;display:flex;inset:0;justify-content:center;padding-bottom:20px;position:fixed;z-index:100}@media(min-width:500px){.modal{align-items:center}}.modal-content{background:#fff;border-radius:20px;display:flex;flex-direction:column;max-height:70vh;max-width:460px;overflow:hidden;padding:20px;width:calc(100% - 32px)}.modal-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal-hdr h2{font-size:18px}.log-list{flex:1;overflow-y:auto}.log-item{align-items:center;border-bottom:1px solid #f0f0f5;display:flex;font-size:13px;gap:8px;padding:10px 0}.log-mode{font-weight:600;min-width:36px}.log-time{flex:1}.log-elapsed,.log-time{color:#888;font-size:12px}.log-elapsed{min-width:50px;text-align:right}.log-empty{color:#aaa;padding:32px;text-align:center}.btn-small{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:2px 6px}.btn-small:hover{background:#fef2f2}