:root{--primary:#ffffff;--accent:#A3835F;--bg-overlay: rgba(0,0,0,.5);--card:rgba(255, 255, 255, .07);--card-border:rgba(255, 255, 255, .12);--text-main:#ffffff;--text-muted:rgba(255, 255, 255, .7)}body{margin:0;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;background-color:#000;min-height:100vh;transition:.4s ease;overflow-x:hidden;position:relative}.bg-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-99;overflow:hidden;pointer-events:none;display:flex;justify-content:center;align-items:center;background-color:#000}.bg-video-container video{width:100%;height:100%;object-fit:contain;opacity:1.4;transform:none;position:static}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:-98;pointer-events:none}body[data-theme=artist]{--accent:#C5A059}body[data-theme=media]{--accent:#8B7355}.header{text-align:center;padding:30px 15px 5px}.header h1{font-family:Outfit,sans-serif;font-weight:700;font-size:26px;letter-spacing:1.5px;color:var(--primary);margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.header p{font-size:11px;color:var(--text-muted);letter-spacing:1.5px;margin-top:6px;text-transform:uppercase}.type-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:20px;padding:0 10px;flex-wrap:wrap}.type-tabs button{padding:8px 16px;border-radius:30px;border:1px solid var(--card-border);background:#ffffff0d;backdrop-filter:blur(10px);color:var(--text-muted);cursor:pointer;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;transition:.3s}.type-tabs button:hover{background:#ffffff26;color:#fff}.type-tabs button.active{background:var(--primary);color:#000;border-color:var(--primary)}.controls{display:flex;justify-content:center;gap:10px;margin:15px 15px 25px;flex-wrap:wrap}select{padding:8px 12px;border-radius:10px;border:1px solid var(--card-border);background:#0009;backdrop-filter:blur(10px);color:#fff;font-weight:500;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;outline:none;cursor:pointer}select option{background:#111;color:#fff}.quest-container{width:92%;max-width:1200px;margin:0 auto 20px;background:var(--card);backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:16px;padding:16px;box-shadow:0 12px 40px #00000040}.quest-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.quest-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.quest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:750px){.quest-grid{grid-template-columns:1fr}.quest-container{padding:12px 10px}.quest-card{padding:8px 4px!important;border-radius:10px!important}.quest-label{font-size:9px!important;margin-bottom:3px!important}.quest-values{font-size:11px!important}}.quest-card{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 10px;text-align:center;position:relative;overflow:hidden;transition:.3s}.quest-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase}.quest-values{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--accent);margin-bottom:0}.summary-stats-container{width:92%;max-width:1200px;margin:0 auto 20px;background:var(--card);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:16px;padding:16px;box-shadow:0 12px 40px #00000040;display:flex;justify-content:space-around;gap:12px;flex-wrap:wrap}.summary-stat-box{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 14px;text-align:center;flex:1;min-width:130px;transition:.3s;cursor:default!important;pointer-events:none}.summary-stat-box:hover{border-color:var(--accent);transform:translateY(-2px)}.summary-stat-label{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--text-muted);margin-bottom:4px;text-transform:uppercase}.summary-stat-value{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--accent)}@media(max-width:750px){.summary-stats-container{padding:12px 10px}.summary-stat-box{padding:8px 6px;min-width:100px}.summary-stat-value{font-size:13px}}.section-container{width:92%;max-width:1200px;margin:30px auto 10px}.section-title{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;color:#fff;border-left:3px solid var(--accent);padding-left:10px;letter-spacing:.5px;text-transform:uppercase}.platform-sub-container{width:92%;max-width:1200px;margin:15px auto 20px;background:var(--card);backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:16px;padding:16px;box-shadow:0 10px 30px #00000040}.platform-sub-title{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:15px 0 5px;flex-wrap:wrap}.page-btn{background:#ffffff0d;border:1px solid var(--card-border);color:#fff;padding:5px 10px;border-radius:6px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;transition:.2s}.page-btn:hover{background:#ffffff26}.page-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.grid{width:92%;max-width:1200px;margin:15px auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:500px){.grid{grid-template-columns:1fr;gap:12px}}.grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:900px){.grid-compact{grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:600px){.grid-compact{grid-template-columns:repeat(2,1fr);gap:6px}}@media(max-width:380px){.grid-compact{grid-template-columns:1fr;gap:6px}}.grid-horizontal{display:flex!important;overflow-x:auto;gap:16px;padding-bottom:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.grid-horizontal .card{min-width:300px;max-width:320px;flex:0 0 auto;scroll-snap-align:start}.grid-horizontal::-webkit-scrollbar{height:6px}.grid-horizontal::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.card{background:var(--card);backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:16px;padding:16px;transition:.3s;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;justify-content:space-between}.card.clickable-card{cursor:pointer}.card.clickable-card.opened{background:#2e7d3240!important;border-color:#2e7d32!important}.card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0006;border-color:#ffffff40}.empty-state{grid-column:1 / -1;background:var(--card);backdrop-filter:blur(15px);border:2px dashed var(--card-border);border-radius:16px;padding:30px 15px;text-align:center;color:var(--text-muted)}.empty-state h3{font-size:15px;color:#fff;margin-bottom:5px;font-family:Outfit,sans-serif}.empty-state p{font-size:12px;margin:0}.spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.post-img{width:100%;border-radius:12px;aspect-ratio:4/5;object-fit:cover;margin-bottom:10px;border:1px solid rgba(255,255,255,.1)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:600;margin-bottom:8px;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.badge.artist{background:var(--accent);color:#000}.badge.brand{background:#d4af37;color:#000}.badge.media{background:#ffffff26}.platform-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;margin-bottom:6px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.platform-icon{width:12px;height:12px;filter:brightness(0) invert(1);flex-shrink:0}.miv-btn.highlight-media{background:linear-gradient(135deg,#d4af3740,#a3835f40)!important;border-color:#d4af37!important;box-shadow:0 0 12px #d4af3766}.miv-btn.highlight-media:hover{background:linear-gradient(135deg,#d4af3766,#a3835f66)!important;border-color:#ffe066!important}.miv-badge-highlight{background:#d4af37;color:#000;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-right:6px;text-transform:uppercase;flex-shrink:0}.miv-btn.highlight-solo{background:linear-gradient(135deg,#4a90e240,#5cacee40)!important;border-color:#4a90e2!important;box-shadow:0 0 12px #4a90e266}.miv-badge-solo{background:#4a90e2;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;margin-right:6px;text-transform:uppercase;flex-shrink:0}.post-quest-box{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;margin:8px 0}.post-quest-title{font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:flex;justify-content:space-between}.pq-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:4px;color:#fff}.pq-row:last-child{margin-bottom:0}.pq-bar-bg{flex:1;height:4px;background:#ffffff1a;border-radius:10px;margin:0 6px;overflow:hidden}.pq-bar-fill{height:100%;width:0%;background:var(--accent);border-radius:10px;transition:width .4s ease}.pq-val{font-family:Outfit,sans-serif;font-weight:600;font-size:10px;min-width:48px;text-align:right}button.action-btn{width:100%;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:8px;cursor:pointer;transition:.3s;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;font-size:11px;margin-top:4px}button.action-btn:hover{background:var(--primary);color:#000}button.action-btn.opened{background:#2e7d3266!important;border-color:#2e7d32!important;color:#fff!important;transform:scale(1.02);transition:.3s ease}button.action-btn.opened:after{content:" \2713";font-weight:700}button.miv-btn{width:100%;padding:8px 10px;font-size:11px;border-radius:8px;font-weight:500;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif}button.miv-btn span.btn-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}button.miv-btn i{flex-shrink:0;font-size:10px;opacity:.6}button.miv-btn:hover{background:#ffffff26;border-color:#ffffff40}button.brand-btn.opened{background:#2e7d3259!important;border-color:#2e7d32!important;color:#fff!important}button.brand-btn.opened:after{content:" \2713";font-weight:700}button.miv-btn.opened{background:#2e7d3259!important;border-color:#2e7d32!important;color:#fff!important}button.miv-btn.opened:after{content:" \2713";font-weight:700}.progress-section{width:92%;max-width:1200px;margin:25px auto 20px;background:var(--card);backdrop-filter:blur(15px);padding:16px;border-radius:16px;border:1px solid var(--card-border)}.progress-label{font-size:12px;margin-bottom:6px;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.progress-label span{color:#fff;font-weight:600}.reset-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;font-family:Plus Jakarta Sans,sans-serif;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:4px}.reset-btn:hover{background:#ff32324d;border-color:#ff323280}.progress-bar{width:100%;height:6px;background:#ffffff1a;border-radius:20px;overflow:hidden}.progress-fill{height:100%;width:0%;background:var(--accent);transition:width .5s ease;border-radius:20px}.nav-container{display:flex;justify-content:center;gap:10px;margin-bottom:15px;flex-wrap:wrap}.top-btn{background:#ffffff1a;color:#fff;border:1px solid var(--card-border);padding:8px 16px;border-radius:20px;cursor:pointer;transition:.3s;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;backdrop-filter:blur(10px)}.top-btn:hover{background:#fff3}button.brand-btn,button.miv-btn{width:100%;padding:8px 10px;font-size:11px;border-radius:8px;font-weight:500;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Plus Jakarta Sans,sans-serif}.floating-widget{position:fixed;top:15px;right:15px;bottom:auto;background:#121212e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.18);border-radius:16px;width:290px;padding:14px;box-shadow:0 15px 40px #0009;z-index:9999;font-family:Plus Jakarta Sans,sans-serif;animation:floatDown .5s ease-out}@keyframes floatDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;cursor:pointer;user-select:none}.widget-title{font-family:Outfit,sans-serif;font-size:13px;color:#fff;font-weight:700;display:flex;align-items:center;gap:6px}.widget-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:13px;transition:.2s}.widget-close:hover{color:#fff}.widget-controls{display:flex;gap:6px;margin-bottom:8px}.widget-platform-btn{flex:1;padding:5px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#fff;cursor:pointer;font-size:11px;transition:.2s}.widget-platform-btn.active{background:var(--accent);color:#000;font-weight:700}.widget-toggle{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:6px;font-size:11px;color:#fffc}.widget-extra-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.widget-extra-tags:empty{display:none}.extra-tag-btn{border:1px solid rgba(255,255,255,.15);background:transparent;color:#ffffff80;border-radius:9999px;padding:4px 12px;font-size:11px;cursor:pointer;transition:all .2s}.extra-tag-btn:hover{border-color:#fff6}.extra-tag-btn.picked{border-color:#fff;background:#fff;color:#242424;font-weight:500}.switch{position:relative;display:inline-block;width:30px;height:16px}.switch input{opacity:0;width:0;height:0}.slider-toggle{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:.3s;border-radius:16px}.slider-toggle:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider-toggle{background:var(--accent)}input:checked+.slider-toggle:before{transform:translate(14px);background-color:#000}.widget-caption-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:8px;font-size:11px;line-height:1.4;color:#f1f1f1;min-height:50px;max-height:100px;overflow-y:auto;text-align:left;white-space:pre-wrap;word-break:break-word;margin-bottom:6px}.widget-actions{display:flex;gap:6px}.widget-btn{flex:1;padding:7px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;border:none;font-family:Plus Jakarta Sans,sans-serif;transition:.2s}.btn-random{background:var(--accent);color:#000}.btn-random:hover{filter:brightness(1.15)}.btn-copy{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-copy:hover{background:#ffffff40}.floating-trigger-btn{position:fixed;top:15px;right:15px;bottom:auto;background:var(--accent);color:#000;border:none;border-radius:40px;padding:10px 16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:12px;box-shadow:0 10px 25px #00000080;cursor:pointer;z-index:998;display:none;align-items:center;gap:6px;transition:.3s}.floating-trigger-btn:hover{transform:scale(1.05)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:var(--accent);color:#000;padding:8px 16px;border-radius:20px;font-weight:600;font-size:12px;opacity:0;transition:.3s;pointer-events:none;z-index:10000}.toast.show{opacity:1}.widget-picker-label{font-size:9px;letter-spacing:.12em;color:inherit;opacity:.5;margin:2px 0 4px}#widgetCategoryPicker .widget-controls,#widgetMomentPicker .widget-controls{flex-wrap:wrap}.top-right-bar{position:fixed;top:15px;right:15px;z-index:998;display:flex;align-items:center;gap:8px}.top-right-bar .floating-trigger-btn{position:static}.bar-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--card-border);border-radius:50%;background:#fff;color:#1a1a1a;font-size:14px;text-decoration:none;box-shadow:0 4px 12px #0000001f;cursor:pointer}.bar-btn:active{transform:scale(.94)}.header{padding-top:64px}.to-top{position:fixed;right:15px;bottom:15px;z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}.to-top.show{opacity:1;pointer-events:auto}
