*{box-sizing:border-box}:root{--bg: #ffffff;--muted: #6b7280;--primary: #2d8cff;--border: #e6e6e6;--accent-bg: #f6f8fa}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:linear-gradient(180deg,#f7fbff,#fff 38%,#fff);color:#111827;-webkit-text-size-adjust:100%;text-size-adjust:100%}.app-shell{min-height:100vh}.app-shell h1{margin:0 0 12px;font-size:clamp(24px,4vw,32px);letter-spacing:-.02em}.app-shell label input,.app-shell label select{width:100%;border:1px solid #d8e2ef;border-radius:10px;background:#fff;min-height:44px}.app-shell label input:focus,.app-shell label select:focus{outline:none;border-color:#2d8cff;box-shadow:0 0 0 4px #2d8cff1f}.app-shell button{min-height:44px;border:1px solid #d8e2ef;background:#fff;color:#111827;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.app-shell button:hover{box-shadow:0 6px 18px #0f172a14}.app-shell button:active{transform:translateY(1px)}.app-shell button:disabled{box-shadow:none}.app-shell .opt-btn{min-height:56px;border-radius:14px;padding:12px 14px;background:linear-gradient(180deg,#fff,#f7fbff)}.app-shell .opt-btn.selected{background:linear-gradient(180deg,#2d8cff,#1f7aea)}.app-shell .question-hint{padding:10px 12px;border-radius:10px;background:#f8fbff;border:1px solid #e5eef9}.app-shell .history-list{border-radius:12px;background:#fff}.opt-btn{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--accent-bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;text-align:left}.opt-btn:hover{box-shadow:0 1px #00000008}.opt-btn:focus{outline:3px solid rgba(45,140,255,.18)}.opt-btn.selected{background:var(--primary);color:#fff;border-color:#ffffff14}.opt-key{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#0000000a}.opt-btn.selected .opt-key{background:#ffffff2e}button{font-size:14px;padding:8px 10px;border-radius:6px}button:disabled{opacity:.5;cursor:not-allowed}.history-list{max-height:300px;overflow:auto;border:1px solid var(--border);padding:8px}.question-hint{color:var(--muted);margin-top:6px;margin-bottom:12px;font-size:14px}.question-category{color:#4b5563;font-size:13px;margin-bottom:8px;font-weight:500}@media (max-width: 768px){body{background:linear-gradient(180deg,#f3f8ff,#fff 22%)}.app-shell{padding-bottom:20px}.app-shell h1{margin-bottom:10px}.app-shell button{width:100%}.app-shell .opt-btn{width:100%;align-items:flex-start}.app-shell .opt-key{flex:0 0 28px}.app-shell .history-list{max-height:240px}button{width:auto}.opt-btn{width:100%}.history-list{max-height:220px}}