:root{--primary:#4f46e5;--primary-hover:#4338ca;--bg-start:#0f172a;--bg-end:#1e293b;--card-bg:#fff;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--success:#16a34a;--danger:#dc2626;--radius:16px;--shadow:0 20px 40px #00000059}*{box-sizing:border-box}body{background:linear-gradient(135deg, var(--bg-start), var(--bg-end));min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;padding:24px;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;display:flex}#app{justify-content:center;width:100%;display:flex}.container{width:100%;max-width:460px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.title{text-align:center;letter-spacing:1px;margin:0 0 6px;font-size:26px;font-weight:700}.subtitle{text-align:center;color:var(--text-muted);margin:0 0 20px;font-size:14px}.mode-switch{background:#f1f5f9;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;padding:6px;display:grid}.mode-switch button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:10px;font-size:15px;font-weight:600;transition:all .2s}.mode-switch button.active{background:var(--card-bg);color:var(--primary);box-shadow:0 2px 8px #0000001a}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.stat{border:1px solid var(--border);text-align:center;background:#f8fafc;border-radius:12px;padding:12px}.stat .label{color:var(--text-muted);font-size:12px;display:block}.stat .value{color:var(--primary);font-size:22px;font-weight:700}.computer-number{margin-bottom:20px}.computer-number .hint{text-align:center;color:var(--text-muted);margin-bottom:12px;font-size:14px}.big-display{text-align:center;color:var(--primary);-webkit-user-select:none;user-select:none;background:#eef2ff;border:2px dashed #c7d2fe;border-radius:16px;padding:12px 0;font-size:64px;font-weight:800}.feedback{text-align:center;min-height:28px;margin:18px 0 14px;font-size:18px;font-weight:600}.feedback.low,.feedback.high{color:var(--danger)}.feedback.cold{color:#0891b2}.feedback.warm{color:#d97706}.feedback.hot{color:var(--danger)}.feedback.win{color:var(--success)}.range-info{text-align:center;color:var(--text-muted);margin-bottom:14px;font-size:13px}.input-row{gap:10px;margin-bottom:14px;display:flex}.input-row input[type=number]{border:2px solid var(--border);border-radius:12px;outline:none;flex:1;padding:12px 14px;font-size:18px;font-weight:600;transition:border-color .2s}.input-row input[type=number]:focus{border-color:var(--primary)}.input-row button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 22px;font-size:16px;font-weight:700;transition:background .2s,transform .1s}.input-row button:hover{background:var(--primary-hover)}.input-row button:disabled{cursor:not-allowed;background:#a5b4fc}.input-row button:active{transform:scale(.97)}.btn-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.btn-row button{cursor:pointer;border:none;border-radius:12px;padding:12px 8px;font-size:15px;font-weight:700;transition:transform .1s}.btn-row button:active{transform:scale(.97)}.btn-small{color:var(--text);background:#e2e8f0}.btn-high{background:var(--danger);color:#fff}.btn-correct{background:var(--success);color:#fff}.btn-row button:disabled{opacity:.45;cursor:not-allowed}.restart-row{justify-content:center;margin-top:8px;display:flex}.restart-row button{border:2px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.restart-row button:hover{border-color:var(--primary);color:var(--primary)}.history{margin-top:18px}.history h4{color:var(--text-muted);margin:0 0 10px;font-size:14px;font-weight:600}.history-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.history-item{border:1px solid var(--border);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.history-item .tag{color:var(--primary);font-weight:700}.history-item.win-item{background:#f0fdf4;border-color:#bbf7d0}.history-item.win-item .tag{color:var(--success)}.secret-setup{margin-bottom:20px}.secret-setup .hint{text-align:center;color:var(--text-muted);margin-bottom:12px;font-size:14px}.msg{text-align:center;min-height:22px;margin:14px 0;font-size:15px;font-weight:600}.msg.err{color:var(--danger)}.msg.ok{color:var(--success)}.win-banner{text-align:center;color:var(--success);margin:14px 0;font-size:22px;font-weight:800}@media (width<=480px){.container{max-width:100%}.card{padding:20px}.big-display{font-size:52px}}