:root{color:#edf6ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07131f;font-family:Inter,Segoe UI,sans-serif;font-weight:600;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100svh;margin:0}body{background:radial-gradient(circle at top,#2563eb59,#0000 45%),linear-gradient(#07131f 0%,#0f172a 100%);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{max-width:480px;margin:0 auto;padding:18px 14px 42px}.topbar{justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.eyebrow{opacity:.75;letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem}.topbar h1{margin:0;font-size:1.5rem}.coach-name{opacity:.8;flex-direction:column;gap:8px;font-size:.75rem;display:flex}.coach-name input,.panel input,.panel select,.panel textarea{color:#fff;background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;width:100%;min-height:46px;padding:10px 12px}.panel{background:#0f172ab8;border:1px solid #94a3b838;border-radius:18px;margin-bottom:12px;padding:14px;box-shadow:0 10px 30px #02061747}.panel-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.panel-grid label,.join-box{flex-direction:column;gap:8px;display:flex}.panel label span,.join-box span{opacity:.75;font-size:.74rem}.full-width{grid-column:1/-1}.action-row,.join-box{margin-top:14px}.primary,.secondary,.tag-main,.period-button,.category-button,.mini-match{border:none;border-radius:16px;min-height:54px;font-weight:700}.primary{color:#03130a;background:linear-gradient(135deg,#22c55e,#16a34a);width:100%;font-size:1.06rem}.secondary{color:#d8f7ef;background:#0f766e38;border:1px solid #2dd4bf52;width:100%}.join-box{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.join-box .secondary{min-width:132px}.match-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.match-list-header{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.match-list-header select{width:auto;min-width:150px;padding:8px 10px}.mini-match-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.mini-match{color:#fff;background:#1e293bb3;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.danger-button{color:#fecaca;background:#7f1d1d61;border:1px solid #f8717173;border-radius:12px;padding:8px;font-size:.75rem;font-weight:700}.summary-panel{padding:16px}.video-panel{gap:12px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-heading>div{gap:4px;display:grid}.video-upload{color:#d8f7ef;background:#0f766e38;border:1px solid #2dd4bf52;border-radius:12px;flex:none;padding:9px 11px;font-size:.78rem;font-weight:700}.video-upload input{display:none}.match-video{background:#020617;border-radius:12px;width:100%}.ffmpeg-options{grid-template-columns:minmax(0,1fr) repeat(2,88px);gap:8px;display:grid}.ffmpeg-options label{gap:6px;display:grid}.video-markers{gap:8px;display:grid}.video-marker,.video-time-button{color:#d8f7ef;text-align:left;background:#0f766e29;border:1px solid #2dd4bf4d;border-radius:10px;padding:9px 10px}.video-marker{justify-content:space-between;gap:12px;display:flex}.video-time-button{color:#67e8f9;font-weight:700}.summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.summary-row.compact{margin-top:14px}.label{opacity:.7;margin-bottom:6px;font-size:.7rem;display:block}.summary-row strong{font-size:1.05rem}.periods-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.period-button{color:#fff;background:#1e293bcc;padding:12px 8px}.period-button.selected{background:#3b82f699;box-shadow:inset 0 0 0 2px #93c5fde6}.tag-panel{padding:14px 14px 16px}.tag-main{color:#1f2937;letter-spacing:.05em;background:linear-gradient(135deg,#facc15,#f59e0b);width:100%;margin-bottom:14px;font-size:1.2rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-button{color:#fff;background:#1e293bcc;border:2px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 10px;display:flex}.category-button.selected{box-shadow:inset 0 0 0 2px #ffffffb3}.category-button span{font-size:1.5rem}.actions-panel{grid-template-columns:1fr;gap:8px;display:grid}.history-panel ul{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.history-panel li{background:#0f172ab3;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.dot{border-radius:999px;width:12px;height:12px;display:block}.history-panel strong,.history-panel small{display:block}.history-panel small{opacity:.72}.video-time{opacity:.7;font-size:.8rem}.history-header{justify-content:space-between;align-items:center;display:flex}.history-header h2{margin:0;font-size:1rem}.history-header span{background:#3b82f640;border-radius:999px;padding:4px 8px;font-size:.8rem}.status-line{opacity:.8;text-align:center;margin-top:8px;font-size:.78rem}@media (width<=420px){.topbar{flex-direction:column;align-items:flex-start}.panel-grid,.summary-row,.match-list,.join-box,.periods-panel{grid-template-columns:1fr}}