@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg: #08080a;--surface: #111115;--surface2: #1a1a22;--surface3: #222230;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.13);--accent: #ff3c3c;--accent-hover: #ff5555;--accent-glow: rgba(255,60,60,.15);--accent2: #ff8c00;--text: #eeeef0;--text-sec: #9999a8;--text-muted: #55556a;--radius: 10px;--radius-lg: 14px;--radius-sm: 6px;--tr: .2s cubic-bezier(.4,0,.2,1);--font-d: "Bebas Neue", sans-serif;--font-b: "DM Sans", sans-serif;--font-m: "JetBrains Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-b);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:3px}.btn-primary{background:var(--accent);color:#fff;border:none;padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-b);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--tr);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:10px 22px;border-radius:var(--radius-sm);font-family:var(--font-b);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--tr);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-ghost:hover{border-color:var(--text-sec);background:var(--surface)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.btn-full{width:100%}.btn-download{width:100%;padding:16px 28px;background:linear-gradient(135deg,var(--accent),#cc2020);color:#fff;border:none;border-radius:var(--radius);font-family:var(--font-b);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--tr);display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #ff3c3c4d}.btn-download:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;color:var(--text);font-family:var(--font-b);font-size:15px;outline:none;width:100%;box-sizing:border-box;transition:border-color var(--tr)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical}.input-label{display:block;font-size:12px;font-weight:600;color:var(--text-sec);letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;margin-top:4px}.loader{width:32px;height:32px;border:3px solid var(--surface3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.hero{padding:84px 48px 40px;max-width:1200px;margin:0 auto;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:40px;align-items:center}.hero-copy{position:relative;z-index:1}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;font-family:var(--font-m);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:18px;opacity:.9}.hero h1{font-family:var(--font-d);font-size:clamp(48px,6vw,82px);line-height:.95;letter-spacing:1px;margin-bottom:22px}.hero h1 span{color:var(--accent)}.hero p{font-size:17px;color:var(--text-sec);max-width:560px;line-height:1.65;margin-bottom:28px;font-weight:300}.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-mini-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.hero-stat-pill{min-width:150px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000038}.hero-stat-pill strong{display:block;font-family:var(--font-d);font-size:28px;line-height:1;color:var(--text)}.hero-stat-pill span{display:block;margin-top:6px;font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--text-muted)}.hero-visual{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}.hero-visual-card{position:absolute;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0b1022f0,#10182ee0);box-shadow:0 24px 70px #00000061}.hero-visual-card-back{width:74%;height:74%;top:10px;right:18px;transform:rotate(8deg);opacity:.55}.hero-visual-card-main{width:min(100%,460px);height:340px;padding:18px;overflow:hidden}.hero-screen{position:relative;width:100%;height:100%;border-radius:22px;background:radial-gradient(circle at 68% 24%,rgba(255,83,119,.32),transparent 22%),radial-gradient(circle at 32% 72%,rgba(70,145,255,.2),transparent 28%),linear-gradient(180deg,#161f3e,#0a0e1c);border:1px solid rgba(255,255,255,.06);overflow:hidden}.hero-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.07),transparent 35%);pointer-events:none}.hero-screen-top{display:flex;gap:8px;padding:14px 14px 0}.hero-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.hero-dot-red{background:#ff5a67}.hero-dot-yellow{background:#ffc14d}.hero-dot-green{background:#1fd18d}.hero-streamer{position:absolute;inset:56px 40px 86px}.hero-streamer-ring{position:absolute;top:16px;left:50%;width:180px;height:180px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(71,142,255,.28) 0%,rgba(71,142,255,.06) 55%,transparent 70%)}.hero-streamer-head{position:absolute;top:44px;left:50%;width:92px;height:92px;transform:translate(-50%);border-radius:50%;background:linear-gradient(180deg,#ffccae,#f09a85);box-shadow:inset 0 -10px 18px #0000001f}.hero-streamer-head:before,.hero-streamer-head:after{content:"";position:absolute;top:26px;width:16px;height:16px;border-radius:50%;background:#11182f}.hero-streamer-head:before{left:18px}.hero-streamer-head:after{right:18px}.hero-streamer-body{position:absolute;left:50%;bottom:0;width:170px;height:138px;transform:translate(-50%);border-radius:80px 80px 28px 28px;background:linear-gradient(180deg,#4d6dff,#202f8d)}.hero-streamer-body:before,.hero-streamer-body:after{content:"";position:absolute;top:-10px;width:42px;height:58px;border-radius:22px;background:linear-gradient(180deg,#151c34,#05070d)}.hero-streamer-body:before{left:6px}.hero-streamer-body:after{right:6px}.hero-streamer-mic{position:absolute;right:52px;bottom:30px;width:88px;height:10px;border-radius:999px;background:linear-gradient(90deg,#2f3d60,#a4b4da);transform:rotate(-28deg)}.hero-streamer-mic:after{content:"";position:absolute;right:-8px;top:-10px;width:24px;height:24px;border-radius:50%;background:linear-gradient(180deg,#d9e3ff,#8fa2d9)}.hero-timeline{position:absolute;left:22px;right:22px;bottom:22px;display:grid;gap:10px}.hero-timeline-bar{height:14px;border-radius:999px;background:#ffffff14}.hero-timeline-bar-main{width:76%;background:linear-gradient(90deg,#ff5c68,#ff8f3d)}.hero-timeline-bar-short{width:48%}.hero-float{position:absolute;padding:10px 14px;border-radius:14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fff;background:#090d1bc7;border:1px solid rgba(255,255,255,.1);box-shadow:0 16px 34px #00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-float-live{top:18px;left:12px;background:linear-gradient(135deg,#ff3f54eb,#ff793feb)}.hero-float-cut{right:4px;top:112px}.hero-float-format{left:42px;bottom:6px}.hero-bg-glow{position:absolute;top:30px;right:-150px;width:700px;height:700px;background:radial-gradient(circle,rgba(255,60,60,.07) 0%,transparent 65%);pointer-events:none}.hero-bg-glow-2{top:120px;right:auto;left:-300px;background:radial-gradient(circle,rgba(108,60,255,.04) 0%,transparent 65%)}.hero-copy,.hero-visual,.hero-eyebrow,.hero h1,.hero p,.hero-actions,.hero-mini-stats{animation:fadeUp .7s cubic-bezier(.16,1,.3,1) backwards}.hero-eyebrow{animation-delay:.04s}.hero h1{animation-delay:.1s}.hero p{animation-delay:.16s}.hero-actions{animation-delay:.22s}.hero-mini-stats{animation-delay:.28s}.hero-visual{animation-delay:.18s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.search-section{max-width:1200px;margin:0 auto;padding:0 48px 60px}.search-wrap{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--tr)}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-wrap input{flex:1;background:transparent;border:none;outline:none;padding:18px 24px;font-size:16px;color:var(--text);border-radius:0}.search-wrap input:focus{box-shadow:none}.search-wrap button{background:var(--accent);border:none;color:#fff;padding:0 32px;font-family:var(--font-b);font-size:15px;font-weight:600;cursor:pointer;transition:background var(--tr)}.search-wrap button:hover{background:var(--accent-hover)}.search-tags{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.search-tag-pill{font-size:12px;color:var(--text-sec);background:var(--surface);border:1px solid var(--border);padding:6px 16px;border-radius:100px;cursor:pointer;transition:all var(--tr);text-decoration:none}.search-tag-pill:hover{color:var(--text);border-color:var(--text-muted);background:var(--surface2)}.section{max-width:1200px;margin:0 auto;padding:0 48px 80px}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.section-title{font-family:var(--font-d);font-size:36px;letter-spacing:3px}.section-title span{color:var(--accent)}.section-link{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color var(--tr)}.section-link:hover{color:var(--text)}.section-sub{font-size:14px;color:var(--text-muted);margin-bottom:24px;margin-top:0}.creators-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.creators-row::-webkit-scrollbar{display:none}.creator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;min-width:160px;text-align:center;cursor:pointer;transition:all var(--tr);flex-shrink:0;text-decoration:none;color:inherit;display:block}.creator-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 8px 32px #0000004d}.creator-card-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;overflow:hidden}.creator-card h4{font-size:14px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-card p{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clips-count{margin-top:14px;font-family:var(--font-m);font-size:11px;color:var(--accent)}.clips-scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.clips-scroll-row::-webkit-scrollbar{display:none}.clips-scroll-item{flex-shrink:0;width:280px}.stats-bar{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:48px;margin:0 0 80px}.stats-bar-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.stat-item h3{font-family:var(--font-d);font-size:52px;letter-spacing:2px;background:linear-gradient(90deg,#ff3c3c,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-item p{font-size:13px;color:var(--text-muted);margin-top:6px}.gems-grid{margin-top:0}.gem-wrap{position:relative}.gem-badge{position:absolute;top:10px;right:10px;z-index:2;background:linear-gradient(135deg,#6c3cff,#3c8cff);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:4px;pointer-events:none}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:26px;padding:72px 20px 34px}.hero-visual{order:2;min-height:320px}.hero-visual-card-main{width:min(100%,520px);height:300px}.hero-copy{order:1}.hero h1{font-size:clamp(44px,9vw,70px)}.search-section,.section{padding-left:20px;padding-right:20px}.stats-bar{padding:32px 20px}.stats-bar-inner{grid-template-columns:repeat(3,1fr)}.clips-scroll-item{width:240px}}@media(max-width:600px){.hero{padding-top:56px;gap:18px}.hero h1{font-size:42px}.hero p{font-size:15px;margin-bottom:22px}.hero-mini-stats{gap:10px}.hero-stat-pill{min-width:0;flex:1 1 140px}.hero-visual{min-height:250px}.hero-visual-card-main{height:240px;padding:12px;border-radius:22px}.hero-streamer{inset:42px 22px 68px}.hero-streamer-ring{width:140px;height:140px}.hero-streamer-head{width:70px;height:70px}.hero-streamer-head:before,.hero-streamer-head:after{top:20px;width:12px;height:12px}.hero-streamer-head:before{left:14px}.hero-streamer-head:after{right:14px}.hero-streamer-body{width:126px;height:102px}.hero-streamer-body:before,.hero-streamer-body:after{width:32px;height:44px}.hero-streamer-mic{right:12px;bottom:18px;width:68px}.hero-float{font-size:9px;letter-spacing:1.4px;padding:8px 10px}.hero-float-cut{top:76px;right:0}.hero-float-format{left:20px}.search-section{padding-bottom:46px}.stats-bar-inner{grid-template-columns:1fr}}footer{border-top:1px solid var(--border);padding:48px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:40px auto 0}.footer-brand{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}.footer-brand-img{display:block;height:72px;width:auto;max-width:min(320px,38vw);object-fit:contain}footer p{font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:20px}.footer-links a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color var(--tr)}.footer-links a:hover{color:var(--text)}@media(max-width:900px){footer{padding:32px 20px;flex-direction:column;gap:12px;text-align:center}.footer-brand-img{height:60px;max-width:280px}}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:64px;background:#08080ad1;-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border)}.nav-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}.nav-brand-full,.nav-brand-icon{display:block;object-fit:contain}.nav-brand-full{height:50px;width:auto;max-width:min(290px,28vw)}.nav-brand-icon{display:none;width:48px;height:48px}nav .links{display:flex;gap:24px;align-items:center}nav .links a{color:var(--text-sec);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--tr)}nav .links a:hover,nav .links a.nav-active{color:var(--text)}.nav-user-pill{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:100px;padding:4px 14px 4px 4px;text-decoration:none;transition:border-color var(--tr)}.nav-user-pill:hover{border-color:var(--border-hover)}.nav-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;overflow:hidden}.nav-user-avatar img{width:100%;height:100%;object-fit:cover;display:block}.nav-username{color:var(--text);font-weight:600;font-size:13px}.nav-premium-badge{color:#f5c518;font-size:13px;line-height:1}@media(max-width:900px){nav{padding:0 20px}.nav-brand-full{max-width:220px}}@media(max-width:600px){nav .links{gap:12px}.nav-brand-full{display:none}.nav-brand-icon{display:block}}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.clip-grid-explore{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.clip-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all var(--tr);text-decoration:none;color:inherit;display:block}.clip-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 12px 40px #0006}.clip-card-static{cursor:default}.clip-card-static:hover{transform:none}.clip-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--surface2)}.clip-thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.clip-card:hover .clip-thumb-img{transform:scale(1.05)}.clip-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;background:linear-gradient(135deg,var(--surface),var(--surface2))}.clip-duration{position:absolute;bottom:8px;right:8px;background:#000000d9;font-family:var(--font-m);font-size:11px;padding:3px 8px;border-radius:4px;font-weight:500}.clip-badge{position:absolute;top:8px;left:8px;background:var(--accent);font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.clip-info{padding:14px 16px}.clip-info h4{font-size:14px;font-weight:600;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-meta{display:flex;align-items:center;justify-content:space-between}.clip-creator{display:flex;align-items:center;gap:8px;text-decoration:none}.creator-avatar-sm{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;overflow:hidden}.creator-avatar-sm img{width:100%;height:100%;object-fit:cover}.clip-creator-name{font-size:12px;color:var(--text-sec);transition:color var(--tr);display:flex;align-items:center;gap:4px}.premium-star{color:#f5c518;font-size:11px;line-height:1}.clip-creator:hover .clip-creator-name{color:var(--text)}.clip-stats{display:flex;align-items:center;gap:10px}.clip-stat{font-size:12px;color:var(--text-muted);font-family:var(--font-m)}@media(max-width:600px){.clip-grid{grid-template-columns:1fr 1fr;gap:8px}}.clip-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000c;display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.clip-modal{position:relative;width:92vw;max-width:1100px;max-height:90vh;overflow-y:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);animation:modal-slide-up .2s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clip-modal-close{position:sticky;top:0;float:right;z-index:10;background:#0009;border:1px solid var(--border);color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:12px 12px 0 0;transition:all var(--tr)}.clip-modal-close:hover{background:#ffffff26;border-color:var(--border-hover)}.clip-modal-body{padding:0 32px 32px}.clip-modal-body .clip-detail-layout{gap:32px}.clip-modal-body .clip-detail-sidebar{position:static}.clip-modal-open-full{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);text-decoration:none;margin-top:12px;transition:color var(--tr)}.clip-modal-open-full:hover{color:var(--text)}.clip-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted)}@media(max-width:900px){.clip-modal{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}.clip-modal-body{padding:0 16px 24px}.clip-modal-body .clip-detail-layout{grid-template-columns:1fr}}.clip-detail-page{max-width:1200px;margin:0 auto;padding:80px 48px 60px;min-height:80vh}.clip-detail-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.clip-detail-main{min-width:0}.clip-player-wrap{border-radius:var(--radius-lg);overflow:hidden;background:#000;aspect-ratio:16/9}.clip-player{width:100%;height:100%;display:block;outline:none}.clip-expiry-notice{margin-top:10px;padding:10px 16px;background:#ffa00014;border:1px solid rgba(255,160,0,.3);border-radius:var(--radius);font-size:13px;color:#ffb347}.clip-expiry-upgrade{color:#f5c518;font-weight:600;text-decoration:none;margin-left:4px}.clip-expiry-upgrade:hover{text-decoration:underline}.clip-detail-sidebar{position:sticky;top:88px}.clip-detail-title{font-size:24px;font-weight:700;line-height:1.3;margin-bottom:20px}.clip-detail-creator{display:flex;align-items:center;gap:14px;text-decoration:none;margin-bottom:20px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--tr)}.clip-detail-creator:hover{border-color:var(--border-hover)}.clip-detail-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;overflow:hidden;flex-shrink:0}.clip-detail-avatar img{width:100%;height:100%;object-fit:cover}.clip-detail-creator-name{font-weight:600;font-size:15px;display:block}.clip-detail-creator-role{font-size:12px;color:var(--text-muted)}.clip-detail-desc{color:var(--text-sec);font-size:14px;line-height:1.6;margin-bottom:20px}.clip-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.clip-detail-stat{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 8px}.stat-num{display:block;font-family:var(--font-d);font-size:24px;color:var(--accent);letter-spacing:1px}.stat-label{display:block;font-size:11px;color:var(--text-muted);margin-top:2px}.clip-detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.clip-detail-tag{font-size:12px;color:var(--text-sec);background:var(--surface2);border:1px solid var(--border);padding:4px 12px;border-radius:100px;text-decoration:none;transition:all var(--tr)}.clip-detail-tag:hover{color:var(--text);border-color:var(--text-muted)}.clip-detail-date{font-size:12px;color:var(--text-muted);margin-top:16px;text-align:center}.showcases-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.showcases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.showcases-title{font-size:18px;font-weight:700;display:flex;align-items:center;gap:10px}.showcases-count{background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:100px}.showcases-platforms{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.platform-pill{font-size:12px;color:var(--text-sec);background:var(--surface2);border:1px solid var(--border);padding:5px 12px;border-radius:100px}.showcase-submit{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.showcase-submit-hint{font-size:13px;color:var(--text-sec);margin-bottom:10px}.showcase-submit-row{display:flex;gap:8px;align-items:center}.showcase-submit-row input{flex:1}.showcase-submit-error{color:var(--accent);font-size:13px;margin-top:8px}.showcases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.showcase-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--tr)}.showcase-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.showcase-card-link{display:block;text-decoration:none;color:inherit}.showcase-thumb{height:160px;background:var(--surface2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.showcase-thumb img{width:100%;height:100%;object-fit:cover}.showcase-thumb-icon{font-size:32px}.showcase-platform-badge{position:absolute;top:8px;left:8px;background:#000000bf;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;color:#fff}.showcase-card-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.showcase-user{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-sec);font-size:13px;transition:color var(--tr)}.showcase-user:hover{color:var(--text)}.showcase-user-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;overflow:hidden;flex-shrink:0}.showcase-user-avatar img{width:100%;height:100%;object-fit:cover}.showcase-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:all var(--tr)}.showcase-delete:hover{color:var(--accent);background:#ff3c3c1a}.showcases-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:14px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.report-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.btn-report{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0;transition:color var(--tr)}.btn-report:hover{color:var(--accent)}.report-login-hint{font-size:12px;color:var(--text-muted)}.report-login-hint a{color:var(--accent);text-decoration:none}.report-login-hint a:hover{text-decoration:underline}.report-success{font-size:12px;color:var(--text-sec)}.report-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.report-form-title{font-size:13px;font-weight:600}.report-form select{width:100%}.report-form textarea{width:100%;resize:vertical;min-height:64px}.report-form-actions{display:flex;gap:8px}.report-error{font-size:12px;color:var(--accent)}.related-section{margin-top:32px;padding-top:32px;border-top:1px solid var(--border)}.related-title{font-size:18px;font-weight:700;margin-bottom:16px}.related-title a{color:var(--accent);text-decoration:none}.related-title a:hover{text-decoration:underline}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.clip-detail-layout{grid-template-columns:1fr}.clip-detail-sidebar{position:static}.clip-detail-page{padding:80px 20px 40px}.related-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.related-grid{grid-template-columns:repeat(2,1fr)}}.search-dropdown-wrap{position:relative}.search-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius);margin-top:6px;box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0a;overflow:hidden;max-height:420px;overflow-y:auto;animation:dropdownIn .15s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sd-section{padding:8px 0}.sd-section+.sd-section{border-top:1px solid var(--border)}.sd-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:6px 16px 4px}.sd-creator{display:flex;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;color:var(--text);transition:background var(--tr)}.sd-creator:hover{background:var(--surface2)}.sd-creator-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0;overflow:hidden}.sd-creator-avatar img{width:100%;height:100%;object-fit:cover}.sd-creator-info{display:flex;flex-direction:column;min-width:0}.sd-creator-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-creator-meta{font-size:12px;color:var(--text-muted)}.sd-type-badge{margin-left:auto;font-size:10px;font-weight:600;padding:3px 8px;border-radius:100px;letter-spacing:.04em;flex-shrink:0}.sd-badge-creator{background:#ff3c3c1f;color:var(--accent)}.sd-tags-row{display:flex;gap:6px;padding:4px 16px 8px;flex-wrap:wrap}.sd-tag{font-size:13px;color:var(--text-sec);background:var(--surface2);border:1px solid var(--border);padding:5px 14px;border-radius:100px;text-decoration:none;transition:all var(--tr)}.sd-tag:hover{color:var(--text);border-color:var(--accent);background:#ff3c3c0f}.sd-clip{display:flex;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;color:var(--text);transition:background var(--tr)}.sd-clip:hover{background:var(--surface2)}.sd-clip-thumb{width:56px;height:32px;border-radius:4px;overflow:hidden;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sd-clip-thumb img{width:100%;height:100%;object-fit:cover}.sd-clip-info{display:flex;flex-direction:column;min-width:0}.sd-clip-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-clip-meta{font-size:11px;color:var(--text-muted)}.sd-see-all{display:block;padding:12px 16px;text-align:center;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none;border-top:1px solid var(--border);transition:background var(--tr)}.sd-see-all:hover{background:var(--surface2)}.sd-premium-badge{color:#f5c518;font-size:12px;margin-left:4px;line-height:1}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:64px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:440px;display:flex;flex-direction:column;gap:1rem}.auth-header h2{font-size:1.8rem;margin-bottom:4px}.auth-sub{color:var(--text-sec);font-size:14px}.auth-card form{display:flex;flex-direction:column;gap:.5rem}.auth-error{background:#ff3c3c14;border:1px solid rgba(255,60,60,.3);color:var(--accent);padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.9rem}.auth-switch{color:var(--text-sec);font-size:.9rem;text-align:center}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}.auth-switch a:hover{text-decoration:underline}.terms-check{display:flex;align-items:flex-start;gap:10px;margin:8px 0 10px;font-size:.88rem;color:var(--text-sec);line-height:1.4}.terms-check input{margin-top:2px}.terms-check a{color:var(--accent);text-decoration:none;font-weight:600}.terms-check a:hover{text-decoration:underline}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-option{background:var(--surface2);border:2px solid var(--border);border-radius:var(--radius);padding:16px 12px;cursor:pointer;text-align:center;transition:all var(--tr);display:flex;flex-direction:column;align-items:center;gap:4px}.role-option:hover{border-color:var(--text-muted)}.role-option.active{border-color:var(--accent);background:#ff3c3c0f}.role-icon{font-size:24px}.role-name{font-weight:700;font-size:15px;color:var(--text)}.role-desc{font-size:11px;color:var(--text-muted)}.creator-hero{padding:100px 48px 40px;max-width:1200px;margin:0 auto}.creator-profile{display:flex;align-items:center;gap:32px;margin-bottom:32px}.creator-big-avatar{width:130px;height:130px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:52px;font-weight:900;border:3px solid var(--accent);flex-shrink:0;overflow:hidden}.creator-info h2{font-family:var(--font-d);font-size:48px;letter-spacing:2px;line-height:1;margin-bottom:8px;display:flex;align-items:center;gap:12px}.creator-premium-badge{color:#f5c518;font-size:28px;line-height:1}.creator-info p{font-size:15px;color:var(--text-sec);margin-bottom:8px;max-width:480px;line-height:1.6}.bio-empty{color:var(--text-muted)!important;font-style:italic}.bio-toggle{background:none;border:none;color:var(--accent);font-size:13px;font-family:var(--font-b);cursor:pointer;padding:0;margin-left:2px}.bio-toggle:hover{color:var(--accent-hover)}.creator-socials{display:flex;gap:8px;flex-wrap:wrap}.social-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.3px;text-decoration:none;padding:5px 14px;border-radius:100px;border:1px solid;transition:all var(--tr)}.social-twitch{color:#9146ff;border-color:#9146ff59;background:#9146ff14}.social-twitch:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#9146ff}.social-twitch:hover{background:#9146ff33;border-color:#9146ff}.social-kick{color:#53fc18;border-color:#53fc1859;background:#53fc1814}.social-kick:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#53fc18}.social-kick:hover{background:#53fc1833;border-color:#53fc18}.social-youtube{color:#ff4040;border-color:#ff404059;background:#ff404014}.social-youtube:before{content:"▶";font-size:9px}.social-youtube:hover{background:#ff404033;border-color:#ff4040}.creator-actions{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.field-error{color:#f44;font-size:.75rem;margin-top:-.25rem}.creator-stats{display:flex;gap:48px;padding:28px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:28px}.creator-stat{text-align:center}.creator-stat h4{font-family:var(--font-d);font-size:36px;letter-spacing:1px;color:var(--accent);line-height:1;margin-bottom:6px}.creator-stat p{font-size:12px;color:var(--text-muted)}.edit-profile-grid{display:grid;grid-template-columns:auto 1fr 1fr auto;gap:1.5rem;align-items:start;padding:1.5rem 0}.edit-col-avatar{display:flex;flex-direction:column;gap:.5rem}.avatar-edit-label{position:relative;cursor:pointer;display:block;width:130px;height:130px;border-radius:50%}.avatar-edit-overlay{position:absolute;inset:0;border-radius:50%;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:background var(--tr);pointer-events:none;font-size:.65rem;color:#fff;font-weight:600}.avatar-edit-label:hover .avatar-edit-overlay{background:#000000a6}.edit-col{display:flex;flex-direction:column;gap:.75rem}.edit-actions{display:flex;flex-direction:column;gap:.75rem;padding-top:1.75rem}.profile-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filters,.sort-btns{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:7px 16px;border-radius:var(--radius-sm);font-family:var(--font-b);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--tr)}.filter-btn.active,.filter-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.profile-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center}.profile-empty-icon{font-size:56px;margin-bottom:16px;opacity:.4}.profile-empty h3{font-family:var(--font-d);font-size:28px;letter-spacing:1px;color:var(--text-sec);margin-bottom:8px}.profile-empty p{font-size:14px;color:var(--text-muted);max-width:320px}.tiktok-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:3px}.tiktok-card{position:relative;aspect-ratio:9/16;overflow:hidden;cursor:pointer;background:var(--surface2);display:block}.tiktok-card:hover .tiktok-thumb-bg{transform:scale(1.05)}.tiktok-card:hover .tiktok-play{opacity:1}.tiktok-thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;transition:transform .3s ease}.tiktok-thumb-bg img{width:100%;height:100%;object-fit:cover}.tiktok-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.2) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}.tiktok-overlay h5{font-size:13px;font-weight:600;margin-bottom:6px;line-height:1.3}.tiktok-overlay-meta{display:flex;justify-content:space-between}.tiktok-overlay-meta span{font-size:11px;color:#ffffffb3;font-family:var(--font-m)}.tiktok-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;font-size:16px;opacity:0;transition:opacity var(--tr)}.tiktok-duration{position:absolute;top:10px;left:10px;background:#000000bf;font-family:var(--font-m);font-size:10px;padding:3px 7px;border-radius:4px}.tiktok-delete-btn{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;color:#fffc;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all var(--tr)}.tiktok-delete-btn:hover{background:#e53e3e;color:#fff;transform:scale(1.1)}.tiktok-delete-confirm{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:5px;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:5px 8px;z-index:10}.tiktok-delete-confirm span{font-size:11px;color:#fffc;font-weight:600;white-space:nowrap}.delete-yes{background:#e53e3e;border:none;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;cursor:pointer;font-family:var(--font-b);transition:background var(--tr)}.delete-yes:hover{background:#c53030}.delete-no{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;cursor:pointer;font-family:var(--font-b);transition:all var(--tr)}.delete-no:hover{border-color:#fff6;color:#fff}@media(max-width:900px){.creator-hero{padding:80px 20px 40px}.creator-profile{flex-direction:column;align-items:flex-start}.creator-actions{margin-left:0}.edit-profile-grid{grid-template-columns:1fr}.profile-controls{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.tiktok-grid{grid-template-columns:repeat(2,1fr)}.creator-stats{gap:24px}}.upload-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding-top:100px;padding-bottom:60px}.upload-container{width:100%;max-width:620px;padding:0 1.5rem}.upload-title{font-size:2rem;margin-bottom:4px}.upload-sub{color:var(--text-sec);margin-bottom:1rem}.upload-quota-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:10px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:1rem;flex-wrap:wrap}.upload-quota-free{background:#ffffff0a;border:1px solid var(--border);color:var(--text-sec)}.upload-quota-full{background:#ff3c3c14;border:1px solid rgba(255,60,60,.3);color:#ff8080}.upload-quota-premium{background:#f5c51814;border:1px solid rgba(245,197,24,.3);color:#f5c518}.upload-quota-upgrade{background:var(--accent);color:#fff;padding:5px 12px;border-radius:var(--radius);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.upload-quota-upgrade:hover{opacity:.85}.upload-form{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.drop-zone{border:2px dashed var(--surface3);border-radius:var(--radius-lg);padding:3rem;text-align:center;cursor:pointer;background:var(--surface);transition:all var(--tr)}.drop-zone:hover{border-color:var(--text-muted);background:var(--surface2)}.drop-zone-active{border-color:var(--accent)!important;background:#ff3c3c0a!important}.drop-zone-ready{border-color:#3cff8c;border-style:solid}.drop-icon{font-size:2.5rem;margin-bottom:.75rem}.drop-primary{color:var(--text);font-weight:600}.drop-secondary{color:var(--text-sec);font-size:.85rem}.drop-hint{color:var(--text-muted);font-size:.75rem;margin-top:.5rem}.drop-file-name{color:#3cff8c;font-weight:600}.drop-file-meta{color:var(--text-sec);font-size:.85rem}.upload-progress-wrap{margin-top:.75rem;display:flex;flex-direction:column;gap:6px}.upload-progress-track{position:relative;height:6px;background:var(--surface3);border-radius:99px;overflow:hidden}.upload-progress-bar{height:100%;background:var(--accent);border-radius:99px;transition:width .2s ease}.upload-progress-label{font-size:.75rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:8px}.upload-progress-subtext{font-size:.75rem;color:var(--text-muted);opacity:.9}.upload-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text);border-radius:50%;animation:upload-spin .8s linear infinite}@keyframes upload-spin{to{transform:rotate(360deg)}}.upload-select{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:14px;color:var(--text);cursor:pointer}.upload-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-hint{color:var(--text-muted);font-size:12px;font-weight:400}.category-combobox{position:relative}.category-input-wrap{position:relative;display:flex;align-items:center}.category-search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 40px 12px 16px;font-size:14px;color:var(--text);box-sizing:border-box}.category-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.category-selected-img{position:absolute;left:10px;width:22px;height:22px;border-radius:4px;object-fit:cover;pointer-events:none}.category-clear{position:absolute;right:12px;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0;line-height:1}.category-clear:hover{color:var(--text)}.category-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);max-height:240px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #0006}.category-option{display:flex;align-items:center;gap:.5rem;width:100%;background:none;border:none;padding:10px 16px;font-size:14px;color:var(--text);cursor:pointer;text-align:left}.category-option:hover{background:var(--surface3)}.category-option-icon{font-size:1rem;flex-shrink:0}.category-option-img{width:24px;height:24px;object-fit:cover;border-radius:4px;flex-shrink:0}.category-empty{padding:10px 16px;color:var(--text-muted);font-size:14px}.upload-progress-label{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.explore-page{max-width:1200px;margin:0 auto;padding:100px 48px 60px}.explore-header{margin-bottom:32px}.explore-title{font-family:var(--font-d);font-size:48px;letter-spacing:3px}.explore-title span{color:var(--accent)}.explore-sub{color:var(--text-sec);font-size:15px;margin-top:4px}.explore-controls{margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.explore-search{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color var(--tr)}.explore-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.explore-search input{flex:1;background:transparent;border:none;outline:none;padding:14px 20px;font-size:15px;color:var(--text);border-radius:0}.explore-search input:focus{box-shadow:none}.explore-search button{background:var(--accent);border:none;color:#fff;padding:0 24px;font-family:var(--font-b);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--tr)}.explore-search button:hover{background:var(--accent-hover)}.category-cards{display:flex;gap:10px;overflow-x:auto;padding-top:4px;padding-bottom:4px;scrollbar-width:none}.category-cards::-webkit-scrollbar{display:none}.category-card-see-all{border-style:dashed!important;background:var(--surface)!important}.category-card-see-all:hover{border-style:solid!important;border-color:var(--accent)!important}.category-card-see-all-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.category-card-see-all-label{font-family:var(--font-b);font-size:13px;font-weight:700;color:var(--text);letter-spacing:.5px}.category-card-see-all-count{font-size:11px;color:var(--text-muted)}.mood-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 16px;border-radius:100px;font-family:var(--font-b);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--tr);text-transform:lowercase}.filter-btn:hover{color:var(--text);border-color:var(--text-sec);background:var(--surface)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort-row{display:flex;gap:8px;flex-wrap:wrap}.sort-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-sm);font-family:var(--font-b);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--tr)}.sort-btn.active,.sort-btn:hover{color:var(--text);border-color:var(--text-sec);background:var(--surface)}.sort-row-sep{flex:1}.sort-btn-premium.active{color:#f5c518;border-color:#f5c518;background:#f5c51814}.sort-btn-premium:not(.active):hover{color:#f5c518;border-color:#f5c51866}.explore-results-info{display:flex;gap:12px;align-items:center;margin-bottom:20px;font-size:13px;color:var(--text-muted)}.explore-active-filter{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);padding:4px 12px;border-radius:100px;font-size:12px;color:var(--text-sec)}.explore-active-filter button{background:none;border:none;color:var(--text-sec);cursor:pointer;font-size:14px;padding:0 0 0 4px}.explore-loading{text-align:center;padding:80px 0}.explore-loading p{color:var(--text-muted);margin-top:16px}.explore-empty{text-align:center;padding:80px 0}.explore-empty-icon{font-size:48px;margin-bottom:16px}.explore-empty h3{font-size:20px;margin-bottom:8px}.explore-empty p{color:var(--text-muted)}.explore-load-more{text-align:center;margin-top:32px}@media(max-width:900px){.explore-page{padding:80px 20px 40px}}@media(max-width:600px){.explore-title{font-size:36px}}.category-card{flex-shrink:0;position:relative;width:100px;height:120px;border-radius:var(--radius);overflow:hidden;border:2px solid var(--border);cursor:pointer;transition:all var(--tr);background:none;padding:0;display:block;text-decoration:none;color:inherit}.category-card:hover{border-color:var(--accent);transform:translateY(-2px)}.category-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.category-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.category-card-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:32px;padding-bottom:30px}.category-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0000000d,#000000bf)}.category-card-body{position:absolute;bottom:0;left:0;right:0;padding:8px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;z-index:1}.category-card-name{font-family:var(--font-b);font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff;text-align:center}.category-card-count{font-size:10px;color:#ffffffa6}@media(max-width:600px){.category-card{width:86px;height:104px}}.feed-page{max-width:1200px;margin:0 auto;padding:100px 48px 60px}.feed-header{margin-bottom:28px}.feed-title{font-family:var(--font-d);font-size:48px;letter-spacing:3px}.feed-title span{color:var(--accent)}.feed-sub{color:var(--text-sec);font-size:15px;margin-top:4px}.feed-follow-hint{display:flex;align-items:center;gap:8px;background:#ff8c000f;border:1px solid rgba(255,140,0,.15);border-radius:var(--radius);padding:14px 20px;margin-bottom:24px;font-size:14px;color:var(--text-sec)}.feed-hint-icon{font-size:18px;flex-shrink:0}.feed-follow-hint a{color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}.feed-follow-hint a:hover{text-decoration:underline}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.feed-card-wrap{position:relative}.feed-new-badge{position:absolute;top:12px;right:12px;z-index:10;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:3px 10px;border-radius:4px;animation:badgePulse 2s ease infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.feed-cta{text-align:center;padding:80px 20px}.feed-cta-icon{font-size:56px;margin-bottom:20px}.feed-cta h3{font-size:22px;margin-bottom:8px}.feed-cta p{color:var(--text-sec);font-size:15px;margin-bottom:28px}.feed-cta-actions{display:flex;gap:16px;justify-content:center;align-items:center}@media(max-width:900px){.feed-page{padding:80px 20px 40px}}@media(max-width:600px){.feed-title{font-size:36px}.feed-grid{grid-template-columns:1fr 1fr;gap:8px}.feed-cta-actions{flex-direction:column}}.categories-page{max-width:1200px;margin:0 auto;padding:100px 48px 60px}.categories-header{margin-bottom:32px}.categories-title{font-family:var(--font-d);font-size:48px;letter-spacing:3px}.categories-title span{color:var(--accent)}.categories-sub{color:var(--text-sec);font-size:15px;margin-top:4px}.categories-filter{margin-bottom:24px}.categories-filter input{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:14px;color:var(--text);outline:none;transition:border-color var(--tr)}.categories-filter input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.categories-grid .category-card{width:100%;height:160px}.categories-empty{text-align:center;padding:60px 0;color:var(--text-muted)}.categories-loading{text-align:center;padding:80px 0}.categories-loading p{color:var(--text-muted);margin-top:16px}@media(max-width:900px){.categories-page{padding:80px 20px 40px}}@media(max-width:600px){.categories-title{font-size:36px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.categories-grid .category-card{height:130px}}.pricing-page{max-width:1000px;margin:0 auto;padding:100px 48px 80px;min-height:80vh}.pricing-header{text-align:center;margin-bottom:56px}.pricing-header h1{font-size:2.6rem;margin-bottom:12px}.pricing-header p{color:var(--text-sec);font-size:1.1rem}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:64px}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:36px 32px;display:flex;flex-direction:column;position:relative}.pricing-card-premium{border-color:#f5c51880;background:linear-gradient(160deg,rgba(245,197,24,.05) 0%,var(--surface) 60%)}.pricing-card-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:#f5c518;color:#000;font-size:11px;font-weight:800;padding:4px 14px;border-radius:99px;letter-spacing:.5px;white-space:nowrap}.pricing-card-top{margin-bottom:28px}.pricing-card-top h2{font-size:1.5rem;margin-bottom:8px}.pricing-price{font-size:2.4rem;font-weight:800;margin-bottom:8px}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-sec)}.pricing-desc{font-size:14px;color:var(--text-sec)}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:32px;flex:1}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:14px}.feat-check{color:#3cff8c;font-weight:700;flex-shrink:0}.feat-gold{color:#f5c518}.feat-x{color:var(--text-muted);flex-shrink:0}.pricing-card-bottom{margin-top:auto}.pricing-current{display:block;text-align:center;padding:11px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-sec)}.pricing-active{display:block;text-align:center;padding:11px;background:#f5c5181a;border:1px solid rgba(245,197,24,.4);border-radius:var(--radius);font-size:14px;color:#f5c518;font-weight:600}.pricing-cta-wrap{text-align:center}.pricing-coming-soon{font-size:14px;color:var(--text-sec);margin-bottom:8px}.pricing-contact{font-size:13px;color:var(--text-muted)}.pricing-contact a{color:#f5c518;text-decoration:none}.pricing-contact a:hover{text-decoration:underline}.pricing-table-wrap{text-align:center}.pricing-table-wrap h3{font-size:1.3rem;margin-bottom:20px;color:var(--text-sec)}.pricing-table{width:100%;border-collapse:collapse;font-size:14px}.pricing-table th,.pricing-table td{padding:12px 20px;border-bottom:1px solid var(--border);text-align:left}.pricing-table th{font-weight:600;color:var(--text-sec);font-size:12px;text-transform:uppercase;letter-spacing:1px}.pricing-table td:first-child{color:var(--text-sec)}.col-premium{color:#f5c518;font-weight:600}.pricing-table tr:last-child td{border-bottom:none}.btn-full{display:block;text-align:center}@media(max-width:680px){.pricing-page{padding:90px 20px 60px}.pricing-cards{grid-template-columns:1fr}}.legal-page{min-height:100vh;padding:96px 20px 48px;display:flex;justify-content:center}.legal-card{width:100%;max-width:840px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px}.legal-card h1{margin-bottom:8px}.legal-updated{color:var(--text-muted);font-size:.9rem;margin-bottom:18px}.legal-section+.legal-section{margin-top:16px}.legal-section h2{font-size:1.05rem;margin-bottom:6px}.legal-section p{color:var(--text-sec);line-height:1.55}.notfound-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;padding:2rem}.notfound-code{font-size:6rem;font-weight:800;margin:0;line-height:1;color:var(--accent, #a855f7)}.notfound-message{font-size:1.25rem;color:var(--text-muted, #9ca3af);margin:0}.notfound-home{margin-top:.5rem;padding:.6rem 1.5rem;background:var(--accent, #a855f7);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:opacity .15s}.notfound-home:hover{opacity:.85}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;max-width:360px;width:calc(100vw - 3rem)}.toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;box-shadow:0 4px 16px #0006;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:#166534;color:#bbf7d0;border:1px solid #15803d}.toast-error{background:#7f1d1d;color:#fecaca;border:1px solid #991b1b}.toast-info{background:#1e1b4b;color:#c7d2fe;border:1px solid #3730a3}.toast-message{flex:1}.toast-close{background:none;border:none;cursor:pointer;color:inherit;opacity:.7;font-size:.8rem;padding:0;line-height:1;flex-shrink:0}.toast-close:hover{opacity:1}