@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=Syne+Mono&family=Allura&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#06060f;color:#e8eeff;font-family:Syne,sans-serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{0%{transform:scale(1);opacity:.6}75%,to{transform:scale(2.2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes neonPulse{0%,to{box-shadow:0 0 6px rgba(6,182,212,.3)}50%{box-shadow:0 0 18px rgba(6,182,212,.6)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:.9}80%{opacity:.8}to{transform:translateY(105vh) rotate(2turn);opacity:0}}.card{background:rgba(12,12,24,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #1a1a35;border-radius:4px;padding:24px;animation:fadeUp .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(6,182,212,.35),rgba(168,85,247,.35),transparent)}.btn{background:linear-gradient(135deg,#0e7490,#7c3aed);border:none;color:#fff;padding:12px 26px;border-radius:3px;cursor:pointer;font-family:Syne Mono,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:all .2s;position:relative}.btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 20px rgba(6,182,212,.25)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ghost{background:transparent;border:1px solid #1e1e40;color:#4a5080;padding:9px 18px;border-radius:3px;cursor:pointer;font-family:Syne Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:all .15s}.ghost:hover{border-color:#06b6d4;color:#06b6d4}.inp{background:#08081a;border:1px solid #1a1a35;color:#e8eeff;padding:11px 13px;border-radius:3px;font-family:Syne Mono,monospace;font-size:13px;outline:none;transition:border .15s;width:100%}.inp:focus{border-color:#06b6d4;box-shadow:0 0 0 2px rgba(6,182,212,.08)}.inp::placeholder{color:#1e1e3a}textarea.inp{resize:vertical}.label{font-family:Syne Mono,monospace;color:#06b6d4;letter-spacing:.18em;text-transform:uppercase;margin-bottom:7px;display:block}.label,.mono{font-size:11px}.mono{font-family:Syne Mono,monospace!important}.brand-logo{font-family:Allura,cursive}.stat{border:1px solid #12122a;border-radius:3px;padding:14px;text-align:center}.stat,.toggle{background:#08081a}.toggle{border:1px solid #1a1a35;border-radius:3px;padding:11px 13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:10px}.toggle.on{border-color:#06b6d4;background:rgba(6,182,212,.06)}.toggle:hover{border-color:#2a2a50}.toggle.on:hover{border-color:#a5f3fc}.pbar{height:2px;background:#141428;overflow:hidden;margin:12px 0}.pbar,.pfill{border-radius:1px}.pfill{height:100%;background:linear-gradient(90deg,#06b6d4,#a855f7);transition:width .7s ease}.btag{background:rgba(6,182,212,.06);border:1px solid rgba(6,182,212,.18);color:#4a7090;padding:3px 9px;border-radius:2px;font-family:Syne Mono,monospace;font-size:10px}.btag.hi{color:#06b6d4;border-color:rgba(6,182,212,.4);background:rgba(6,182,212,.08)}.vod-card{background:#0a0a18;border:1px solid #161630;border-radius:4px;cursor:pointer;transition:all .2s;overflow:hidden}.vod-card:hover{border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 24px rgba(6,182,212,.12),0 0 0 1px rgba(168,85,247,.1)}.vod-card.selected{border-color:#06b6d4;box-shadow:0 0 0 2px rgba(6,182,212,.2)}.grid2{grid-template-columns:1fr 1fr;grid-gap:12px}.grid2,.vod-grid{display:grid;gap:12px}.vod-grid{grid-template-columns:repeat(3,1fr);grid-gap:12px}@media(max-width:700px){.grid2,.vod-grid{grid-template-columns:1fr!important}.card{padding:16px}.btn{padding:11px 18px;font-size:11px}.ghost{padding:8px 12px;font-size:10px}.inp{padding:10px 11px;font-size:12px}}@media(max-width:900px){.vod-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:600px){header{padding:8px 14px!important}header img{height:36px!important}.main-content{padding:16px 14px!important}}@media(max-width:480px){.vod-grid{grid-template-columns:1fr!important;gap:8px}}@media(max-width:640px){.lb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:4px}.lb-table-wrap table{min-width:520px}}@media(max-width:480px){.lb-rank{font-size:10px!important;padding:2px 6px!important}}@media(max-width:600px){.settings-grid{grid-template-columns:1fr!important}.settings-row{flex-direction:column!important;align-items:stretch!important}.settings-row>*{width:100%!important}}@media(max-width:520px){.review-actions{flex-direction:column!important;gap:8px!important}.review-actions .btn,.review-actions .ghost{width:100%!important;text-align:center;justify-content:center}}@media(max-width:400px){.score-big{font-size:64px!important}h1{font-size:32px!important}h2{font-size:20px!important}}@media(max-width:380px){.header-username{display:none!important}.header-pill{padding:6px 8px!important}}@media(max-width:420px){.landing-feature-grid{grid-template-columns:1fr!important}}.vod-card img{max-width:100%;height:auto}@media(max-width:400px){.menu-dropdown{width:calc(100vw - 28px)!important;right:0!important}}@media(max-width:768px){.btn{min-height:44px}.ghost{min-height:40px}.toggle{min-height:44px}}@media(max-width:520px){.patch-modal{width:100%!important;max-width:100%!important;border-radius:0!important;height:100vh!important;max-height:100vh!important}.patch-modal-wrap{align-items:flex-end!important;padding:0!important}}@media(max-width:768px){.main-content,main{padding:16px 14px!important}.card{padding:14px 16px!important}}@media(max-width:520px){header{padding:8px 12px!important;gap:6px!important}header img{height:32px!important;width:32px!important}.header-version-pill{display:none!important}.hero-cta{flex-direction:column!important;align-items:stretch!important;width:100%}.hero-cta a,.hero-cta button{width:100%!important;justify-content:center!important}}@media(max-width:480px){.stats-row{grid-template-columns:1fr 1fr!important}}@media(max-width:600px){.stat-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:520px){.vod-meta{flex-wrap:wrap!important;gap:4px!important}}@media(max-width:640px){.review-bar{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:4px}.review-bar button{flex-shrink:0!important;white-space:nowrap!important}}@media(max-width:520px){.modal-panel{width:100%!important;max-width:100%!important;max-height:100vh!important;height:100vh!important;border-radius:0!important;margin:0!important}.modal-wrap{align-items:flex-end!important;padding:0!important}.score-breakdown-grid{grid-template-columns:1fr!important}}@media(max-width:480px){.cat-bench-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:520px){.followup-btn{font-size:11px!important;padding:7px 10px!important}}@media(max-width:640px){.history-filters{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;padding-bottom:4px}.history-filters .filter-pill,.history-filters button{flex-shrink:0!important}}@media(max-width:480px){.persona-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:520px){.score-chart{height:60px!important}}@media(max-width:480px){.analyse-btn{padding:14px 24px!important;font-size:12px!important;width:100%!important}}@media(max-width:520px){.lb-table-wrap{font-size:10px!important}}@media(max-width:640px){.owner-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.owner-table-wrap table{min-width:600px}}@media(max-width:520px){.checklist-modal{width:100%!important;max-width:100%!important;border-radius:12px 12px 0 0!important}.checklist-wrap{align-items:flex-end!important;padding:0!important}.feedback-modal,.roadmap-modal{width:100%!important;max-width:100%!important;border-radius:12px 12px 0 0!important;max-height:92vh!important}.feedback-wrap,.roadmap-wrap{align-items:flex-end!important;padding:0!important}.url-input-row{flex-direction:row!important}#slg-url-input{min-width:0!important;font-size:12px!important}}@media(max-width:480px){.rival-delta{font-size:8px!important}.schedule-days{gap:4px!important}.schedule-day{padding:6px 8px!important;font-size:10px!important}}@media(max-width:420px){.section-title{font-size:20px!important}.mono-label{font-size:8px!important}}@media(max-width:768px){body,main{overflow-x:hidden!important}}