#recommendactivity.container{--bg1:#f5f7fa;--bg2:#c3cfe2;--card:#ffffff;--text:#111827;--muted:#6b7280;--line:rgba(17,24,39,0.08);--brand:#e24a4a;--brandHover:#bd3535;--radius:16px;--shadow:0 12px 30px rgba(0,0,0,0.1);min-height:100vh;display:grid;place-items:center;padding:24px 16px;margin:0 auto}#recommendactivity .card{width:min(520px,100%);background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line);padding:22px;text-align:left}#recommendactivity .head{display:grid;gap:12px;margin-bottom:16px}#recommendactivity .topRow{display:flex;justify-content:space-between;align-items:center;gap:10px}#recommendactivity .badge{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:rgba(226,74,74,.14);color:#7a1111;font-size:12px;font-weight:900;letter-spacing:-.2px}#recommendactivity .counter{font-size:12px;color:var(--muted);font-weight:700}#recommendactivity .stepTitle{font-size:15px;font-weight:900;color:var(--text);letter-spacing:-.2px}#recommendactivity .stepDesc{margin-top:4px;font-size:13px;color:var(--muted)}#recommendactivity .progressWrap{height:10px;background:rgba(17,24,39,.08);border-radius:999px;overflow:hidden}#recommendactivity .progressBar{height:100%;width:0;background:linear-gradient(90deg,var(--brand),#ff7b5c);border-radius:999px;transition:width .16s ease}#recommendactivity .title{margin:0;font-size:20px;font-weight:950;color:var(--text);letter-spacing:-.4px;text-align:center}#recommendactivity .question{margin:14px 0;font-size:18px;line-height:1.5;font-weight:900;color:var(--text);letter-spacing:-.2px}#recommendactivity .options{display:grid;gap:10px}#recommendactivity .btn{width:100%;border:1px solid var(--line);background:var(--brand);color:#fff;font-size:15px;font-weight:900;padding:12px 14px;border-radius:12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}#recommendactivity .btn:hover{background:var(--brandHover);transform:translateY(-1px);box-shadow:0 10px 18px rgba(226,74,74,.18)}#recommendactivity .btn:active{transform:translateY(0);box-shadow:none}#recommendactivity .btn.btnDark{background:#111827}#recommendactivity .btn.btnDark:hover{background:#0b1220;box-shadow:0 10px 18px rgba(17,24,39,.18)}#recommendactivity .hint{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}#recommendactivity .hint span{color:var(--text);font-weight:900;margin-right:6px}#recommendactivity .resultBox{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(17,24,39,.02);display:grid;gap:10px}#recommendactivity .row{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:start}#recommendactivity .k{font-size:12px;color:var(--muted);font-weight:900}#recommendactivity .v{font-size:13px;color:var(--text);font-weight:800;line-height:1.5}#recommendactivity .subBox{margin-top:10px;border:1px dashed rgba(226,74,74,.35);border-radius:14px;padding:12px 14px;background:rgba(226,74,74,.06)}#recommendactivity .subTitle{font-size:13px;font-weight:950;color:#7a1111;margin-bottom:6px}#recommendactivity .subText{font-size:13px;color:#374151;font-weight:700;line-height:1.5}#recommendactivity .actions{margin-top:12px;display:grid;gap:10px}#recommendactivity .debug{margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}#recommendactivity .grid{margin-top:10px;display:grid;gap:6px;color:#374151}@media (max-width:860px){#recommendactivity .card{max-width:calc(100vw - 32px);padding:18px}#recommendactivity .question{font-size:16px}}