:root{color-scheme:dark;--bg:#0b0c0e;--surface:#141519;--surface-2:#1b1c21;--surface-3:#24252b;--line:#292a30;--line-soft:#222329;--text:#f5f5f7;--muted:#92939d;--subtle:#666873;--orange:#ff5b22;--orange-soft:#3a211b;--green:#38cb7c;--purple:#a28aff;--blue:#37a9f5;--radius:20px;--shadow:0 20px 60px #0005}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 900px 420px at 82% -180px,#39160d55,transparent 72%),var(--bg);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.app-shell[hidden],.page-view[hidden],.login-screen[hidden],[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:#121316;border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:22px 15px 14px;z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-weight:850;font-size:23px;letter-spacing:-.05em;padding:2px 12px 30px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:3px solid var(--orange);border-radius:11px;color:var(--orange);font-weight:900;font-size:20px;line-height:1;transform:rotate(-4deg)}.brand-word{color:#fff}.side-label{padding:0 13px 9px;color:#70717a;font-size:10px;font-weight:800;letter-spacing:.13em}.side-nav{display:grid;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;min-height:47px;padding:0 13px;background:transparent;border:0;border-radius:13px;color:#c2c2c8;text-align:left;cursor:pointer;font-weight:650;transition:background .16s,color .16s}.nav-item:hover{background:#202126;color:#fff}.nav-item.active{background:var(--orange-soft);color:#ff7341}.nav-icon{width:21px;text-align:center;font-size:19px;color:#8a8b94}.nav-item.active .nav-icon{color:var(--orange)}.telegram-icon{font-size:16px}.nav-count{margin-left:auto;color:#8a8b94;background:#24252b;border-radius:99px;padding:2px 8px;font-size:11px}.nav-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#4f515a}.side-separator{height:1px;background:var(--line);margin:19px 9px 18px}.sidebar-spacer{flex:1}.sidebar-note{display:flex;gap:10px;align-items:flex-start;color:#b4b4bb;border:1px solid var(--line);background:#17181c;padding:12px;border-radius:13px;font-size:12px}.sidebar-note small{display:block;color:var(--muted);line-height:1.4;margin-top:2px}.live-dot{width:8px;height:8px;flex:none;margin-top:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px #ff5b2277}.sidebar-profile{position:relative;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:14px;padding:15px 5px 2px}.avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:linear-gradient(140deg,#db552e,#7c281a);color:#fff;font-weight:850}.avatar-small{width:35px;height:35px;font-size:13px}.profile-copy{display:grid;min-width:0;line-height:1.35}.profile-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-copy span{color:var(--muted);font-size:11px}.more-button{margin-left:auto;border:0;background:none;color:var(--muted);font-size:21px;cursor:pointer}.profile-menu{position:absolute;right:0;bottom:52px;width:130px;padding:5px;background:#202126;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.profile-menu button{width:100%;text-align:left;border:0;border-radius:8px;padding:9px 10px;background:transparent;cursor:pointer}.profile-menu button:hover{background:#303139}
.main-shell{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 32px;border-bottom:1px solid var(--line-soft);background:#0d0e10ed;backdrop-filter:blur(18px)}.page-heading h1{margin:1px 0 0;font-size:19px;line-height:1.2;letter-spacing:-.02em}.eyebrow{color:#8b8c95;font-size:10px;letter-spacing:.14em;font-weight:850}.eyebrow span{padding:0 5px;color:#55565e}.eyebrow.orange{color:#ff7545}.top-actions{display:flex;align-items:center;gap:10px}.telegram-shortcut,.icon-button,.coin-pill,.top-profile{display:flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:#17181c;color:#dadbe0;cursor:pointer}.telegram-shortcut{color:#c8edff;border-color:#244457;background:#11212a;font-weight:700}.telegram-shortcut>span{color:#5dc6fc;font-size:17px}.telegram-shortcut b{font-size:11px;color:#74cdfb}.icon-button{position:relative;width:42px;padding:0;font-size:18px;color:#b9bac1}.icon-button i{position:absolute;top:8px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.coin-pill{height:37px;border-color:#3a3320;background:#211d14;gap:7px;color:#f6db79}.coin-pill small{font-size:10px;color:#a49c80}.coin-gem{color:#ffd747;font-size:12px;text-shadow:0 0 9px #e5b000}.language-picker{position:relative;height:38px;display:flex;align-items:center;gap:6px;padding:0 9px;border:1px solid var(--line);border-radius:10px;color:#ddd;font-size:11px}.language-picker select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.language-picker b{color:var(--muted)}.top-profile{border:0;background:transparent;padding:0 0 0 4px;font-weight:650;font-size:12px}.top-profile b{color:var(--muted);font-size:13px}.avatar-top{width:34px;height:34px;border:1px solid #9b533d;font-size:12px}.mobile-menu{display:none;width:39px;height:39px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.popover-wrap{position:relative}.popover{position:absolute;top:49px;right:0;width:min(340px,calc(100vw - 30px));padding:15px;background:#1c1d22;border:1px solid #34353d;border-radius:15px;box-shadow:var(--shadow);z-index:50}.popover-head{display:flex;justify-content:space-between;padding:3px 1px 12px;border-bottom:1px solid var(--line);font-size:13px}.popover-head span{color:var(--muted);font-size:11px}.popover-empty{padding:18px 2px;color:var(--muted);font-size:12px}.text-link{padding:0;border:0;background:transparent;color:#ff8156;font-size:12px;font-weight:750;cursor:pointer}.text-link:hover{color:#ffa07e}
.page-content{width:min(1500px,100%);margin:0 auto;padding:29px 32px 50px;flex:1}.page-view{animation:showPage .18s ease}@keyframes showPage{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}.welcome-row,.page-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:3px 0 23px}.welcome-row h2,.page-intro h2{margin:4px 0 4px;font-size:27px;line-height:1.2;letter-spacing:-.035em}.welcome-row h2 span{color:#ff8054}.welcome-row p,.page-intro p{margin:0;color:var(--muted);font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:12px;font-weight:780;text-decoration:none;cursor:pointer;transition:transform .14s,background .14s,border-color .14s}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:wait;transform:none}.button-primary{background:var(--orange);color:#fff;box-shadow:0 6px 19px #ff5b2226}.button-primary:hover{background:#ff7140}.button-secondary{background:#24252b;border-color:#34353c;color:#f0f0f3}.button-secondary:hover,.button-dark:hover{background:#303138}.button-dark{background:#1c1d22;border-color:#34353c;color:#f0f0f3}.button-wide{width:100%}.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}.brand-login{padding:0;margin-bottom:38px}.login-card{width:min(520px,100%);padding:39px;background:linear-gradient(145deg,#191a1f,#131418);border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.login-card h1{margin:11px 0 12px;font-size:36px;line-height:1.08;letter-spacing:-.045em}.login-card h1 span{color:#ff784d}.login-card p{color:var(--muted);font-size:13px}.login-actions{display:grid;gap:10px;margin-top:25px}.login-actions .button{justify-content:space-between}.auth-status{min-height:20px;margin-bottom:0!important;color:#ffae6d!important;font-size:12px!important}.login-foot{color:#64656e;font-size:11px;margin-top:20px}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.stat-card,.panel{background:linear-gradient(145deg,#18191e,#131418);border:1px solid var(--line-soft);border-radius:var(--radius)}.stat-card{padding:18px 20px}.stat-label{font-size:12px;color:#a5a6af;font-weight:650}.stat-value{font-size:31px;line-height:1.25;letter-spacing:-.04em;font-weight:850;margin:5px 0 8px}.stat-foot{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.stat-marker{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#2b211e;font-size:12px}.orange-marker{color:#ff8457}.green-marker{color:#48d48b;background:#18281f}.purple-marker{color:#ad9bff;background:#242032}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.8fr);gap:15px}.panel{padding:21px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.panel h3{margin:4px 0 0;font-size:16px;letter-spacing:-.015em}.overview-match-list{display:grid}.overview-match{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:13px 2px;border-top:1px solid var(--line-soft)}.overview-match:first-child{border-top:0}.match-map{display:flex;align-items:center;gap:11px;min-width:0}.map-mark{display:grid;place-items:center;width:39px;height:39px;flex:none;background:linear-gradient(145deg,#34323a,#1e2027);border:1px solid #393a42;border-radius:12px;color:#ff9b72;font-size:12px;font-weight:850}.match-main{min-width:0}.match-main strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-main small{display:block;margin-top:2px;color:var(--muted);font-size:10px}.match-score{font-size:14px;font-weight:850;white-space:nowrap}.match-score.win{color:var(--green)}.match-score.loss{color:#ff755f}.match-score.unknown{color:#bbb}.source-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #56361d;color:#ff9b60;border-radius:6px;padding:2px 6px;font-size:9px;font-weight:850;letter-spacing:.04em}.overview-match .source-tag{margin-left:7px}.telegram-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:255px}.telegram-panel:after{position:absolute;content:"";width:170px;height:170px;border:1px solid #ff5b2220;border-radius:50%;right:-84px;top:-83px;box-shadow:0 0 0 19px #ff5b2208,0 0 0 38px #ff5b2205}.telegram-illustration{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#122833;color:#4cc6ff;font-size:18px;margin-bottom:14px}.telegram-illustration.large{width:52px;height:52px;border-radius:16px;font-size:25px;margin-bottom:17px}.telegram-panel h3{font-size:18px}.telegram-panel p{color:var(--muted);font-size:12px;margin:5px 0 15px}.telegram-panel .small-note{font-size:10px;margin:12px 0 0}.quick-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px;padding:17px 20px}.quick-panel h3{font-size:14px}.quick-panel p{margin:3px 0 0;color:var(--muted);font-size:11px}.quick-panel .button{flex:none}
.page-intro{margin-bottom:20px}.match-history-panel{padding:0;overflow:hidden}.match-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;background:#1e1f24;border-radius:999px;margin:15px 16px 0}.match-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;border:0;border-radius:999px;background:transparent;color:#a2a3ad;font-weight:700;cursor:pointer}.match-tab.active{background:#45464e;color:#fff}.match-tab b{display:grid;place-items:center;min-width:22px;height:21px;padding:0 6px;border-radius:999px;background:#303137;color:#d0d0d6;font-size:10px}.tab-status{width:8px;height:8px;border-radius:50%}.uploaded-status{background:var(--green)}.pending-status{background:var(--orange)}.match-toolbar{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:18px 20px 12px}.profile-search{display:flex;align-items:center;gap:9px;flex:1;max-width:650px;min-width:260px;padding:4px 5px 4px 12px;border:1px solid #34353c;border-radius:12px;background:#101115}.profile-search>span{font-size:19px;color:#7e7f89}.profile-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.profile-search input::placeholder{color:#696a74}.profile-search .button{min-height:36px;padding:8px 13px;font-size:11px;white-space:nowrap}.match-toolbar-meta{color:var(--muted);font-size:11px}.error{min-height:0;padding:0 20px;color:#ff8175;font-size:12px}.error:not(:empty){padding-top:8px;padding-bottom:8px}.match-list{padding:0 20px 16px}.match-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(95px,.55fr) minmax(100px,.6fr) auto;align-items:center;gap:17px;padding:14px 3px;border-top:1px solid var(--line-soft)}.match-card:first-child{border-top:0}.match-card .map-mark{width:43px;height:43px}.match-card .match-main strong{font-size:13px}.match-time{color:#b3b4bd;font-size:11px}.match-result{display:grid;gap:2px}.match-result strong{font-size:14px}.match-result small{font-size:10px;color:var(--muted)}.match-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.match-actions .button{min-height:34px;padding:7px 10px;font-size:10px}.match-actions .button.outline{background:transparent;border-color:#484950;color:#ddd}.match-actions a{font-size:10px;color:#ff9b70;text-decoration:none}.match-actions .status-note{color:var(--muted);font-size:10px}.notice-strip{display:flex;align-items:flex-start;gap:10px;padding:13px 20px;background:#17181d;border-top:1px solid var(--line-soft);color:#c2c2c9;font-size:11px}.notice-strip>span{color:#ffad74;font-size:15px}.notice-strip p{margin:0}.notice-strip a,.notice-card a{color:#ff8a5c;text-decoration:none}
.demo-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);align-items:start;gap:16px}.upload-panel{padding:22px}.upload-step{display:flex;align-items:center;gap:12px;margin-bottom:18px}.upload-step>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--orange);color:#fff;font-size:12px;font-weight:850}.upload-step b{display:block;font-size:14px}.upload-step p{margin:2px 0 0;color:var(--muted);font-size:11px}.drop{min-height:175px;border:1px dashed #54555e;background:#111216;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer;transition:.18s}.drop:hover,.drop.drag{border-color:var(--orange);background:#1c1715}.upload-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:9px;background:#30201a;border-radius:12px;color:#ff8756;font-size:21px}.drop strong{font-size:13px}.drop span{font-size:11px;color:var(--muted);margin-top:4px}.drop input[type=file]{display:none}.actions{display:flex;align-items:center;gap:11px;margin-top:12px;flex-wrap:wrap}.file{font-size:11px;color:var(--muted)}.demo-help{padding:22px}.demo-help h3{font-size:17px;margin-top:5px}.step-list{display:grid;gap:18px;margin:22px 0}.step-item{display:flex;gap:11px}.step-item>span{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid #4c4d54;border-radius:9px;color:#ff8b5e;font-weight:800;font-size:11px}.step-item p{display:grid;gap:2px;margin:0}.step-item b{font-size:12px}.step-item small{color:var(--muted);font-size:10px}.notice-card{padding:14px;background:#211b19;border:1px solid #3a2a24;border-radius:12px}.notice-card>b{font-size:12px;color:#ff9a6e}.notice-card p{margin:6px 0;color:#b7b5b4;font-size:11px}.notice-card a{font-size:10px;font-weight:750}.progress{display:none;margin-top:18px;color:#eee}.progress.show{display:block}.bar{height:5px;border-radius:5px;background:#292a30;overflow:hidden;margin:9px 0}.bar i{display:block;width:45%;height:100%;background:var(--orange);animation:load 1.2s ease-in-out infinite alternate}@keyframes load{to{transform:translateX(120%)}}.sub{color:var(--muted);font-size:11px}.result{display:none;margin-top:23px;padding-top:19px;border-top:1px solid var(--line)}.result.show{display:block}.summary{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0 17px}.pill{border:1px solid var(--line);border-radius:9px;padding:7px 10px;color:#d9ded4;font-size:11px}.pill strong{color:#ff9a70;margin-right:4px}.results-head{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.results-head h3{width:100%;margin:0 0 2px;font-size:14px}.select{background:#202126;color:var(--text);border:1px solid #34353c;padding:9px 10px;border-radius:9px;min-width:140px;font-size:11px}.render-options{display:flex;gap:10px;margin-top:12px}.render-options label{display:grid;gap:5px;color:var(--muted);font-size:10px}.round-action{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.round-action .button{min-height:35px;padding:8px 11px;font-size:10px}.render-output{display:grid;gap:9px;margin-top:10px;color:var(--muted);font-size:11px}.render-preview{width:100%;max-height:330px;border-radius:9px;background:#000}.render-output a{color:#ff986f;font-weight:750;text-decoration:none}.clips{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:14px}.clip{border:1px solid var(--line);background:#15161a;border-radius:12px;padding:13px}.clip .kind{color:#ff9a70;font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.clip b{display:block;font-size:12px;margin:6px 0}.clip p{color:var(--muted);font-size:10px;margin:0}.clip .button{margin-top:10px;min-height:32px;padding:7px 10px;font-size:10px}.render-note{color:#db986e;font-size:10px;margin-top:13px}.empty,.empty-state{color:var(--muted);padding:19px 0;font-size:12px}.empty-state{text-align:center}
.clip-library{padding:22px}.library-count{color:var(--muted);font-size:11px}.clip-history{display:grid;gap:10px}.history-job{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line-soft);background:#111216;border-radius:13px}.history-job-main{display:flex;align-items:center;gap:12px;min-width:0}.history-job-info{min-width:0}.history-job-info strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-job-info small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.history-job-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.mini-tag{padding:3px 7px;border-radius:6px;background:#222329;color:#c1c2c9;font-size:9px}.mini-tag.ready{background:#183025;color:#67d69a}.job-clips{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.job-clips a{color:#ff956e;font-size:10px;text-decoration:none}.telegram-settings-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:15px}.telegram-connect-card,.notification-settings{padding:25px}.telegram-connect-card h3,.notification-settings h3{margin:5px 0 7px;font-size:17px}.telegram-connect-card>p{max-width:540px;color:var(--muted);font-size:12px}.telegram-connect-card>.button{margin-top:9px}.telegram-code-box{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:17px;padding:12px;border:1px solid #35413d;background:#151a18;border-radius:12px}.telegram-code-box div{display:grid;gap:4px}.telegram-code-box span{color:var(--muted);font-size:9px;letter-spacing:.1em}.telegram-code-box code{font-size:13px;color:#9df0bd;word-break:break-all}.telegram-code-box .button{min-height:33px;padding:7px 10px;font-size:10px}.telegram-code-box p{flex-basis:100%;margin:0;color:var(--muted);font-size:10px}.notification-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-top:1px solid var(--line-soft)}.notification-row:first-of-type{margin-top:14px}.notification-symbol{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;font-weight:800}.orange-symbol{background:#32201b;color:#ff926b}.green-symbol{background:#192a21;color:#60d18e}.notification-row div{flex:1}.notification-row b{font-size:11px}.notification-row p{margin:2px 0 0;color:var(--muted);font-size:10px}.coming-tag{font-size:8px;color:#858690;border:1px solid #3a3b42;border-radius:99px;padding:3px 6px}.small-note{color:var(--muted);font-size:10px;line-height:1.5}.app-footer{display:flex;justify-content:space-between;gap:16px;padding:15px 32px 19px;border-top:1px solid var(--line-soft);color:#777883;font-size:10px}.footer-dot{color:var(--orange)}
@media(max-width:1150px){.sidebar{width:225px}.main-shell{margin-left:225px}.topbar{padding-inline:23px}.page-content{padding-inline:23px}.top-actions{gap:6px}.telegram-shortcut{padding-inline:10px}.telegram-shortcut b{display:none}.overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,.8fr)}}
@media(max-width:900px){.sidebar{width:72px;padding-inline:10px}.brand{justify-content:center;padding-inline:0}.brand-word,.side-label,.nav-item>span:not(.nav-icon),.sidebar-note,.profile-copy,.more-button,.side-separator{display:none}.side-nav{gap:8px}.nav-item{justify-content:center;padding:0;min-height:46px}.nav-icon{font-size:20px}.nav-count,.nav-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;min-width:0;padding:0;font-size:0;background:var(--orange)}.sidebar-profile{justify-content:center;padding:13px 0 0}.main-shell{margin-left:72px}.overview-grid{grid-template-columns:1fr}.telegram-panel{min-height:0}.telegram-settings-grid{grid-template-columns:1fr}.demo-layout{grid-template-columns:1fr}.demo-help{display:grid;grid-template-columns:1fr 1.2fr;column-gap:22px}.demo-help>.eyebrow,.demo-help>h3{grid-column:1}.step-list{grid-column:1;grid-row:3 / span 2}.notice-card{grid-column:2;grid-row:1 / span 4;align-self:center}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);width:250px;padding:18px 14px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow)}.sidebar .brand{justify-content:flex-start;padding:2px 12px 25px}.sidebar .brand-word,.sidebar .side-label,.sidebar .nav-item>span:not(.nav-icon),.sidebar .sidebar-note,.sidebar .profile-copy,.sidebar .more-button,.sidebar .side-separator{display:initial}.sidebar .side-label{display:block}.sidebar .nav-item{justify-content:flex-start;padding:0 13px}.sidebar .nav-count{position:static;width:auto;min-width:22px;height:21px;padding:2px 8px;font-size:10px;background:#303137}.sidebar .nav-dot{position:static;width:7px;height:7px;padding:0;background:#4f515a}.sidebar .sidebar-profile{justify-content:flex-start;padding:14px 5px 2px}.sidebar .profile-copy{display:grid}.sidebar .more-button{display:block}.main-shell{margin-left:0}.topbar{min-height:68px;padding:10px 14px;gap:10px}.mobile-menu{display:block;flex:none}.page-heading{margin-right:auto}.page-heading h1{font-size:16px}.page-heading .eyebrow{font-size:8px}.top-actions{gap:5px}.telegram-shortcut{width:37px;height:37px;padding:0;font-size:0}.telegram-shortcut span{font-size:16px}.telegram-shortcut b{display:none}.icon-button{width:36px;height:36px}.coin-pill{height:33px;padding:0 9px}.coin-pill small{display:none}.language-picker{width:39px;padding:0;justify-content:center;font-size:9px}.language-picker b{display:none}.top-profile{gap:0}.top-profile>span:not(.avatar){display:none}.top-profile b{display:none}.avatar-top{width:31px;height:31px}.page-content{padding:20px 14px 32px}.welcome-row,.page-intro{align-items:flex-start;flex-direction:column}.welcome-row h2,.page-intro h2{font-size:24px}.welcome-row>.button,.page-intro>.button{width:100%}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{padding:13px 16px}.stat-value{font-size:25px;margin:0 0 2px}.stat-label{float:right;margin-top:5px}.stat-foot{font-size:10px}.overview-match{grid-template-columns:minmax(0,1fr) auto;gap:7px}.overview-match>.source-tag{display:none}.overview-match .match-score{grid-column:2;grid-row:1}.panel{padding:16px;border-radius:16px}.matches-panel,.match-history-panel{padding:0}.panel-heading{padding:16px 16px 0}.quick-panel{align-items:flex-start;flex-direction:column}.quick-panel .button{width:100%}.match-tabs{margin:11px 10px 0}.match-tab{gap:4px;font-size:10px;min-height:38px}.match-tab b{min-width:18px;height:18px;font-size:9px}.match-toolbar{align-items:stretch;flex-direction:column;padding:13px}.profile-search{min-width:0;max-width:none}.profile-search .button{padding:7px 9px;font-size:9px}.match-toolbar-meta{padding-left:3px}.match-list{padding-inline:13px}.match-card{grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:12px 0}.match-card .match-result{grid-column:1;grid-row:2;margin-left:53px}.match-card .match-actions{grid-column:2;grid-row:1 / span 2;max-width:120px}.match-actions .button{font-size:9px;padding:6px 8px}.notice-strip{padding:12px 13px}.demo-help{display:block}.step-list{margin:17px 0}.notice-card{margin-top:15px}.render-options{flex-direction:column}.render-options label,.render-options .select{width:100%}.round-action .button{flex:1}.history-job{grid-template-columns:1fr}.telegram-connect-card,.notification-settings{padding:18px}.app-footer{padding:13px 15px;flex-direction:column;gap:4px}.login-card{padding:26px 21px}.login-card h1{font-size:29px}}
.ready-clip-actions{display:inline-flex;align-items:center;gap:11px}
.job-clips .text-link{font-size:10px}
.clip-preview-panel{margin-bottom:15px}
.clip-preview-panel[hidden]{display:none}
.clip-preview-panel .panel-heading{margin-bottom:13px}
.clip-preview-panel video{display:block;width:100%;max-height:70vh;background:#050506;border:1px solid var(--line);border-radius:12px}
@media(max-width:650px){.ready-clip-actions{align-items:flex-start;flex-direction:column;gap:5px}}
.profile-page{display:grid;gap:14px;max-width:960px}
.profile-identity{display:flex;align-items:center;gap:16px;padding:20px}
.profile-avatar-wrap{position:relative;width:62px;height:62px;flex:none}
.profile-avatar,.profile-avatar-image{width:62px;height:62px;border-radius:50%;border:1px solid #9b533d}
.profile-avatar{font-size:22px}
.profile-avatar-image{display:block;object-fit:cover}
.profile-identity-main{min-width:0}
.profile-identity-main h3{margin:0;font-size:19px}
.profile-badges{display:flex;align-items:center;gap:8px;margin-top:5px}
.profile-badges span,.profile-badges strong{font-size:11px}
.profile-badges span{color:#ff986e}
.profile-badges strong{color:#e8cf79}
.profile-identity-main p{margin:5px 0 0;color:var(--muted);font-size:11px}
.profile-account-id{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.profile-account-id>div{display:grid;gap:3px}
.profile-account-id strong{font-size:12px}
.copy-id-button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:#202126;color:#c7c8cf;cursor:pointer}
.copy-id-button:disabled{opacity:.4;cursor:not-allowed}
.profile-section{display:grid;gap:9px}
.profile-section-heading{padding:0 4px}
.profile-section-heading h3{margin:3px 0 0;font-size:15px}
.profile-integrations{display:grid;gap:8px}
.integration-card{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px}
.integration-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#292a30;font-weight:850;font-size:17px}
.steam-icon{color:#d9e3ee;background:#1d2832}
.faceit-icon{color:#fff;background:#f05a22}
.telegram-profile-icon{color:#61c6f5;background:#152935}
.integration-main{min-width:0}
.integration-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.integration-heading h3{margin:0;font-size:13px}
.integration-main p{margin:4px 0;color:var(--muted);font-size:10px;line-height:1.45}
.integration-main small{color:#777984;font-size:9px;overflow-wrap:anywhere}
.integration-status{flex:none;color:#ffad76;font-size:10px}
.integration-status.connected{color:#66d69a}
.integration-actions{display:flex;align-items:flex-end;gap:5px;flex-direction:column}
.integration-actions .button{min-height:34px;padding:7px 12px;font-size:10px}
.integration-actions .text-link{font-size:10px}
.profile-settings label,.profile-email{display:flex;align-items:center;gap:12px;padding:14px 16px}
.settings-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:10px;background:#24252b;color:#ff8b62;font-size:17px}
.language-icon{background:#30221d}
.email-icon{color:#60d49c;background:#1d2b25}
.settings-copy{display:grid;gap:3px;flex:1;min-width:0}
.settings-copy strong{font-size:11px}
.settings-copy small{color:var(--muted);font-size:9px;line-height:1.45}
.profile-settings .select{width:150px}
.profile-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.profile-modal-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(5px)}
.profile-modal-card{position:relative;width:min(520px,100%);max-height:min(80vh,700px);overflow:auto;padding:25px;background:#1b1c20;border:1px solid #37383f;border-radius:18px;box-shadow:0 24px 90px #0009}
.profile-modal-card h2{margin:5px 0 15px;font-size:21px}
.profile-modal-card ol{display:grid;gap:10px;padding-left:23px;color:#d1d2d7;font-size:12px}
.profile-modal-card p{color:var(--muted);font-size:11px}
.profile-modal-close{position:absolute;right:14px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#2b2c32;color:#c9cad0;font-size:22px;cursor:pointer}
@media(max-width:650px){.profile-identity{align-items:flex-start;padding:16px}.profile-avatar-wrap,.profile-avatar,.profile-avatar-image{width:52px;height:52px}.profile-avatar{font-size:18px}.integration-card{grid-template-columns:36px minmax(0,1fr);gap:10px;padding:13px}.integration-icon{width:36px;height:36px}.integration-actions{grid-column:2;align-items:flex-start;flex-direction:row;flex-wrap:wrap}.profile-settings label,.profile-email{align-items:flex-start;flex-wrap:wrap}.profile-settings .select{margin-left:47px;width:calc(100% - 47px)}.profile-modal{padding:12px}.profile-modal-card{padding:21px}}
.button.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:none;transform:none}
.brand-mark{display:block;width:38px;height:38px;flex:none;object-fit:contain;border:0;border-radius:0;transform:none}
.brand-lockup{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-word{color:#f7f7f5;font-size:22px;font-weight:850;letter-spacing:-.055em;white-space:nowrap}
.brand-accent{color:#ff850a}
.brand-tagline{color:#858891;font-size:7px;font-weight:750;letter-spacing:.25em;white-space:nowrap}
.brand-login{gap:10px}
.brand-login .brand-mark{width:44px;height:44px}
.brand-login .brand-word{font-size:27px}
.footer-brand{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.footer-brand img{width:18px;height:18px;object-fit:contain}
.footer-brand .brand-word{font-size:12px;letter-spacing:-.04em}
@media(max-width:900px){.brand-lockup{display:none}}
@media(max-width:650px){.sidebar .brand-lockup{display:flex}.sidebar .brand-tagline{display:block}}