body{margin:0;font-family:system-ui,sans-serif}:root{--bg1: #40887c;--bg2: #e55c7f;--bg3: #e3c3dd;--bg4: #e5c359;--text: #0b1020;--panel-bg: rgba(255, 255, 255, .72);--panel-ring: rgba(17, 24, 39, .08);--panel-shadow: 0 10px 35px rgba(2, 6, 23, .25);--muted: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#111827;background:linear-gradient(120deg,var(--bg1),var(--bg2),var(--bg3),var(--bg4),var(--bg2));background-size:400% 400%;animation:bgShift 22s ease infinite;position:relative;overflow-y:auto}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(closest-side,rgba(255,255,255,.08),transparent 70%),radial-gradient(closest-side,rgba(0,0,0,.06),transparent 70%);background-size:180px 180px,200px 200px;background-position:20% 30%,80% 60%;mix-blend-mode:overlay;opacity:.5}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app-shell{min-height:100%;display:grid;place-items:start center;padding:48px 16px 64px}.panel{width:min(980px,100%);background:var(--panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--panel-ring);border-radius:20px;box-shadow:var(--panel-shadow);padding:24px;animation:fadeInUp .5s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel h1{margin:0 0 6px;font-weight:800;letter-spacing:-.02em}.panel p.lead{margin:0 0 10px;color:var(--muted)}.label{display:block;margin:14px 0 6px;font-weight:600}.textarea{width:100%;padding:12px 14px;font-size:16px;border-radius:12px;border:1px solid #e5e7eb;background:#ffffffc9;outline:none;transition:box-shadow .2s,border-color .2s}.textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa40}.row{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}.btn{padding:10px 16px;border-radius:12px;border:1px solid #111827;background:#111827;color:#fff;font-weight:600;cursor:pointer;transition:transform .08s ease,box-shadow .15s ease,background .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px #02061740}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.badge{color:var(--muted);font-size:14px}.alert{margin-top:16px;padding:12px;border-radius:12px;background:#ffecec;color:#b00020;border:1px solid #f5c2c7;white-space:pre-wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.card{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;display:flex;gap:12px;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0206171f;border-color:#e2e8f0}.imgbox{width:84px;height:84px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}.card .title{font-weight:700;color:#111827;text-decoration:none}.card .brand{color:var(--muted)}.card .price{margin-top:4px;font-weight:700}.card .desc{margin-top:6px;color:#374151}.card .meta{margin-top:6px;color:var(--muted);font-size:13px}.link-btn{display:inline-block;margin-top:8px;padding:6px 10px;border-radius:8px;border:1px solid #111;color:#111;text-decoration:none;transition:background .2s,color .2s,transform .08s ease}.link-btn:hover{background:#111;color:#fff;transform:translateY(-1px)}.mdbox{margin-top:20px;padding:16px;border-radius:12px;background:#f6f8fa;border:1px solid #e5e7eb}.mdbox h3{margin:0 0 8px}.mdbox a{color:#0f766e;font-weight:600;text-decoration:none}.mdbox a:hover{text-decoration:underline}