:root{color-scheme:light;font-synthesis-weight:none;--bg-grad:linear-gradient(180deg,#e0f2fe 0%,#f5f3ff 40%,#fff 100%);--primary:#4f46e5;--primary-600:#4338ca;--ink:#0f172a;--muted:#64748b;--card:#ffffffaa;--glass:blur(10px);--wave:#a5b4fc}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Arial;background-image:var(--bg-grad);min-height:100vh;color:var(--ink)}.koi-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.koi-dot{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(60px);opacity:.35;animation:float 12s ease-in-out infinite}.koi-dot.one{background:#a78bfa;top:-60px;left:-60px}.koi-dot.two{background:#60a5fa;bottom:-60px;right:-40px;animation-duration:16s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.ripples{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.ripple{position:absolute;left:50%;bottom:-40px;transform:translate(-50%);width:1200px;height:120px;border-radius:50%;background:radial-gradient(ellipse at center,#60a5fa59,#60a5fa26 40%,#60a5fa00 70%);filter:blur(10px);opacity:.35;animation:ripple 8s ease-in-out infinite}.ripple.r2{animation-duration:11s;opacity:.28}.ripple.r3{animation-duration:15s;opacity:.22}@keyframes ripple{0%{transform:translate(-50%) scaleX(1)}50%{transform:translate(-50%) scaleX(1.05)}to{transform:translate(-50%) scaleX(1)}}.container{max-width:1100px;margin:0 auto;padding:28px 20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}@media (max-width: 640px){header{flex-wrap:wrap;gap:10px}header .title{flex:1 1 100%;display:flex;justify-content:space-between;align-items:center}header .title h1{font-size:22px}header .subtitle{font-size:12px}.header-actions{flex:1 1 100%;display:flex;justify-content:flex-end}.header-actions select{font-size:12px}.header-actions .btn-primary{padding:8px 12px;font-size:13px}}.title{display:flex;align-items:center;gap:10px}.title h1{margin:0;font-size:28px;letter-spacing:.5px}.subtitle{color:var(--muted);font-size:13px}button{padding:10px 14px;border-radius:12px;border:1px solid #dbeafe;cursor:pointer;background:#fff;transition:.2s}button:hover{box-shadow:0 6px 26px #4f46e526;transform:translateY(-1px)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.badge{display:inline-block;background:#eef2ff;color:#3730a3;border-radius:999px;padding:6px 10px;font-size:12px}section{margin:24px 0}footer{margin-top:40px;color:var(--muted)}.card{-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);background:var(--card);border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 24px #0f172a0f}.card .banner{display:none}.card .thumb{width:140px;height:84px;border-radius:12px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #0000000f;background:#f8fafc}.card .thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;border:1px dashed #cbd5e1}.card .head-row{display:flex;align-items:flex-start;gap:16px}.card .row{display:flex;justify-content:space-between;align-items:center}.card .meta{display:flex;align-items:center;gap:12px}.card-title{font-weight:600}.card-desc{color:var(--muted);font-size:12px;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card.expanded .card-desc{display:block;-webkit-line-clamp:unset;line-clamp:unset;white-space:pre-wrap}.actions{display:flex;align-items:center;gap:8px}.progress{height:10px;background:#eef2ff;border-radius:8px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,#60a5fa,#4f46e5);animation:grow 1.2s ease-out}@keyframes grow{0%{width:0}to{width:var(--w)}}.pill{background:#f1f5f9;border-radius:999px;padding:2px 8px;margin-left:6px;color:#475569;font-size:12px}.card{transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-3px) scale(1.005) perspective(800px) rotateX(.4deg);box-shadow:0 12px 36px #4f46e52e}.hero{position:relative;background:linear-gradient(180deg,#fff9,#fff0);border-radius:16px;padding:18px 16px;margin:10px 0 18px;overflow:hidden}.hero svg{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:70px}.hero h2{margin:0 0 6px}.hero p{margin:0;color:var(--muted)}.provider-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:12px}.sk-card{position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#f5f3ff);height:120px;border:1px solid #e2e8f0}.sk-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);animation:shimmer 1.8s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.water-pulse{width:14px;height:14px;background:radial-gradient(circle at 35% 35%,#60a5fa,#3b82f6 60%,#1d4ed8);border-radius:50%;position:relative;box-shadow:0 0 #3b82f666;animation:dropPulse 2s ease-in-out infinite}@keyframes dropPulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 14px #3b82f600}to{box-shadow:0 0 #3b82f600}}.fade-in{animation:fadeIn .35s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeOut{to{opacity:0;transform:translateY(-4px)}}.provider-error{padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #e2e8f0;font-size:13px;color:#475569;display:flex;align-items:center;gap:10px;margin-bottom:12px}.provider-error button{background:#3b82f6;color:#fff;border-color:#3b82f6}.head-row.clickable{cursor:pointer}@media (max-width: 640px){.card{padding:12px}.card .head-row{gap:10px}.card .thumb{width:96px;height:68px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:stretch}.actions>label{grid-column:1/3}.actions button,.amount-input{width:100%}}.chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-title{font-weight:700}.chat-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;padding:6px 8px;border-radius:10px;font-size:12px;margin:6px 0}.chat-body{max-height:420px;min-height:260px;overflow:auto;background:#f8fafc;border-radius:12px;padding:10px}.chat-empty{color:#64748b;font-size:12px}.bubble{max-width:78%;margin:10px 0;padding:10px 12px;border-radius:14px;position:relative;word-break:break-word}.bubble.me{margin-left:auto;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-bottom-right-radius:4px}.bubble.other{margin-right:auto;background:#fff;border:1px solid #e5e7eb;color:#0f172a;border-bottom-left-radius:4px}.bubble-time{font-size:11px;opacity:.7;margin-bottom:4px}.bubble-text{white-space:pre-wrap}.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input input{flex:1;padding:10px;border-radius:12px;border:1px solid #e5e7eb}