:root{--ink:#192b3d;--muted:#637487;--paper:#edf2f6;--surface:#fff;--blue:#1768b0;--line:#d8e1e9;--nav:#172f48;--accent:#b7d7f2;--display:'Arial Narrow','Liberation Sans Narrow',Impact,sans-serif;--body:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 var(--body)}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink);padding:10px 15px;font-weight:600}button:hover{border-color:var(--blue);background:#e9f3fb}button:disabled{opacity:.55;cursor:default}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#12538e;color:white}.full{width:100%}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #eba93e;outline-offset:3px}[hidden]{display:none!important}.topbar{height:80px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:35px;padding:0 30px}.brand{font:900 28px var(--display);letter-spacing:-1px;color:var(--ink);display:flex;align-items:center}.brand span:first-child{color:var(--blue)}.brand-line{width:24px;height:9px;margin-left:12px;border-top:3px solid var(--blue);border-bottom:3px solid var(--blue);transform:skew(-20deg)}.tagline{font-size:13px;color:var(--muted)}.local{margin-left:auto;font:11px ui-monospace,monospace;letter-spacing:1px;display:flex;align-items:center;gap:9px}.local i{width:7px;height:7px;border-radius:50%;background:#378068}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 80px)}.sidebar{background:var(--nav);color:white;padding:30px 20px;display:flex;flex-direction:column}.sidebar-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.8px}.count{font:12px ui-monospace,monospace;color:var(--accent)}#folders{margin-top:20px;display:grid;gap:6px}.folder{width:100%;background:transparent;border:1px solid transparent;color:#d4e1ed;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 10px}.folder span:first-child{overflow-wrap:anywhere}.folder.active{background:#254763;border-color:#416888;color:white;box-shadow:inset 3px 0 var(--accent)}.folder:hover{background:#254763;color:white}.sidebar-footer{margin-top:auto;padding-top:50px;font-size:12px;color:#a9bed2}.local-label{color:#d4e1ed}.backup{display:inline-block;color:#c9e4ff;margin-top:12px}main{padding:34px 34px 55px;min-width:0}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.heading h1{font:700 clamp(26px,2.6vw,38px)/1.15 var(--display);letter-spacing:-.7px;margin:8px 0 10px;overflow-wrap:anywhere}.heading p{color:var(--muted);margin:0}.actions{display:flex;gap:8px;flex-shrink:0}.welcome{padding:75px 25px;text-align:center;border:1px solid var(--line);background:#f8fafc;border-radius:10px}.welcome h2{font:700 34px var(--display);letter-spacing:-.6px}.welcome p{color:var(--muted);max-width:440px;margin:0 auto 26px}.mat-mark{margin:auto;width:100px;height:100px;background:#dceaf5;padding:16px;transform:rotate(-5deg)}.mat-mark span{display:grid;place-items:center;background:#b6d4ea;height:100%;font-size:35px;color:var(--blue)}.examples{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:45px;color:var(--muted);font-size:12px}.examples span{border:1px dashed #b7c8d7;border-radius:20px;padding:7px 13px}.fight-list{display:flex;gap:10px;overflow:auto;padding:0 0 18px;margin-bottom:8px;max-height:210px}.fight-tab{min-width:220px;max-width:300px;flex-shrink:0;text-align:left;padding:15px 18px;border-radius:7px}.fight-tab.active{border-color:var(--blue);box-shadow:inset 0 3px var(--blue)}.fight-tab strong{display:block;font-size:13px;white-space:normal}.fight-tab small{display:block;margin-top:6px;color:var(--muted);font-size:11px}.analysis{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:22px;align-items:start}.video-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px}.player{aspect-ratio:16/9;background:#102234;border-radius:7px;overflow:hidden}.player iframe{width:100%;height:100%;border:0;display:block}.match-detail{padding:20px 0}.pill{display:inline-block;font-size:10px;letter-spacing:.5px;font-weight:700;color:var(--blue);background:#dcebf7;padding:4px 8px;border-radius:3px}.match-detail h2{font:700 25px/1.25 var(--display);margin:12px 0}.match-detail p{color:var(--muted);font-size:12px}.video-help{max-width:470px}.quiet{background:transparent;padding:5px 0;border:0;font-size:12px}.danger{color:#944a49}.notebook{background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 4px 20px #172f4805}.note-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px;border-bottom:1px solid var(--line)}.note-header h2{font:700 25px var(--display);margin:6px 0 0}#save-status{font-size:10px;color:var(--muted);text-align:right}.notebook label{display:block;font-size:12px;color:var(--muted);margin:20px 22px 10px}.notebook textarea{display:block;resize:vertical;width:100%;min-height:320px;border:0;padding:0 22px 22px;line-height:1.9;color:var(--ink);background:transparent}.notebook textarea::placeholder{color:#8e9ca9}.note-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.note-footer button{font-size:11px;padding:7px 10px}.empty{background:white;border:1px dashed #bacad7;border-radius:8px;padding:70px 25px;text-align:center}.empty p{color:var(--muted)}dialog{width:min(540px,calc(100% - 30px));border:1px solid var(--line);border-radius:12px;padding:28px;color:var(--ink);box-shadow:0 24px 100px #10223444}dialog::backdrop{background:#10223499;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-heading h2{font:700 28px var(--display);margin:5px 0 20px}.close{font-size:25px;padding:0 9px;border:0;align-self:flex-start}dialog label{display:block;font-size:12px;margin-bottom:8px}dialog input{width:100%;padding:12px;border:1px solid #afc0cf;border-radius:5px;color:var(--ink)}dialog p{font-size:12px;color:var(--muted)}#search-dialog{width:min(860px,calc(100% - 30px));max-height:85vh}.search-form{display:flex;gap:8px;margin-top:20px}.search-form input{min-width:0;flex:1}.search-form select{border:1px solid #afc0cf;background:white;border-radius:5px;padding:8px}.search-result{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-top:1px solid var(--line)}.search-result strong{font-size:13px}.search-result p{margin:5px 0}.search-result small{font-size:11px;color:var(--muted)}.search-result button{flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:90vw;background:#172f48;color:white;border:1px solid #69839c;padding:13px 22px;border-radius:8px;z-index:10;font-size:13px}@media(min-width:1600px){main{max-width:1700px;padding:40px 50px}.notebook textarea{min-height:420px}}@media(max-width:1150px){.shell{grid-template-columns:210px minmax(0,1fr)}main{padding:25px 20px}.analysis{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}.notebook textarea{min-height:260px}}@media(max-width:650px){.topbar{height:68px;padding:0 16px;gap:10px}.brand{font-size:25px}.tagline{display:none}.local{font-size:9px}.shell{display:block}.sidebar{padding:15px}.sidebar-heading,.sidebar-footer{display:none}.sidebar>.primary{width:auto}#folders{display:flex;overflow:auto;margin-top:10px}.folder{width:auto;min-width:145px;max-width:250px;flex-shrink:0}.heading{margin-bottom:20px}.heading h1{font-size:30px}.welcome{padding:40px 15px}.welcome h2{font-size:29px}.examples{margin-top:30px}main{padding:24px 16px}.search-form{flex-wrap:wrap}.search-form input{flex-basis:100%}.search-form button{flex:1}.search-result{align-items:flex-start}.search-result button{padding:8px}.note-footer{flex-wrap:wrap}.video-heading{gap:8px}}