:root{--pink:#ff0050;--cyan:#00f2ea;--dark:#1a1a2e;--darker:#0f0f1a;--muted:#9ca3af}*{box-sizing:border-box}html,body{min-height:100%}body{color:#fff;background:linear-gradient(135deg, var(--dark) 0%, var(--darker) 100%);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.shell{width:100%;max-width:780px}.header{text-align:center;margin-bottom:32px}.brand{align-items:center;gap:12px;margin-bottom:16px;display:inline-flex}.brand-mark{color:var(--pink);font-size:40px;font-weight:900}h1{margin:0;font-size:clamp(30px,6vw,42px)}.cyan{color:var(--cyan)}.subtitle{color:var(--muted);margin:0;font-size:15px}.panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1adb;border:1px solid #293044;border-radius:24px;padding:24px;box-shadow:0 24px 70px #00000047}.label{color:#d1d5db;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-wrap{position:relative}input{color:#fff;background:var(--dark);border:1px solid #374151;border-radius:12px;outline:none;width:100%;padding:16px 48px 16px 16px}input:focus{border-color:var(--pink);box-shadow:0 0 0 3px #ff005029}.paste{color:#9ca3af;background:0 0;border:0;padding:4px;font-size:20px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.primary{color:#fff;background:linear-gradient(135deg, var(--pink), var(--cyan));border:0;border-radius:12px;width:100%;margin-top:24px;padding:2px}.primary span{background:var(--darker);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:15px 24px;font-size:18px;font-weight:700;display:flex}.primary:hover{transform:scale(1.01)}.loading,.error,.results{margin-top:24px}.loading{color:var(--cyan);text-align:center}.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;padding:16px}.info{background:#0f0f1acc;border:1px solid #374151;border-radius:12px;margin-bottom:16px;padding:16px}.info h2{margin:0 0 8px;font-size:17px}.info p{color:var(--muted);margin:0;font-size:14px}.action{color:#fff;background:linear-gradient(90deg, var(--pink), #db2777);border:0;border-radius:12px;width:100%;margin-bottom:16px;padding:14px 18px;font-weight:700}.action.alt{background:linear-gradient(90deg,#eab308,#f97316)}.action.music{background:linear-gradient(90deg,#9333ea,#4f46e5)}.section{margin-bottom:24px}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-head h3{margin:0;font-size:16px}.count{color:var(--cyan);background:#00f2ea26;border-radius:999px;padding:3px 8px;font-size:12px}.small-action{color:var(--cyan);background:#00f2ea1a;border:0;border-radius:8px;padding:7px 10px;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grid.live{grid-template-columns:repeat(2,1fr);gap:12px}.thumb{aspect-ratio:1;background:#1f2937;border:1px solid #374151;border-radius:9px;position:relative;overflow:hidden}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.thumb button{color:#fff;opacity:0;background:#0000008f;border:0;transition:opacity .2s;position:absolute;inset:0}.thumb:hover button{opacity:1}.live-card video{aspect-ratio:16/9;object-fit:cover;background:#1f2937;border-radius:12px;width:100%;display:block}.live-card button{color:#fff;background:var(--pink);border:0;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:13px}.footer{color:#6b7280;text-align:center;margin-top:24px;font-size:12px}.toast{z-index:10;color:#fff;background:#111827;border-radius:10px;padding:12px 18px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #00000059}@media (max-width:560px){.panel{padding:18px}.grid{grid-template-columns:repeat(2,1fr)}.grid.live{grid-template-columns:1fr}}