*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}:root{--bg:#f7f6f2;--surface:#fff;--s2:#fafaf7;--bd:#e6e4dc;--bd2:#c8c5ba;--t1:#0f0e0c;--t2:#7a7870;--t3:#aeaca3;--green:#15803d;--gbg:#f0fdf4;--gbd:#bbf7d0;--red:#b91c1c;--rbg:#fef2f2;--rbd:#fecaca;--amb:#92400e;--abg:#fffbeb;--abd:#fde68a;--blue:#1d4ed8;--bbg:#eff6ff;--bbd:#bfdbfe;--a1:#beef9e;--a1bg:#f4fbee;--a1bd:#d4f0b8;--a2:#a6c36f;--a2bg:#f1f7e6;--a2bd:#cfe4a3;--a3:#828c51;--a3bg:#f0f2e8;--a3bd:#c4c99a;--a4:#335145;--a4bg:#e8efed;--a4bd:#a3c0b8;--a5:#1e352f;--a5bg:#e6eceb;--a5bd:#8fb0a9;--fd:"DM Serif Display","Cormorant Garamond",Georgia,serif;--fs:"Inter",sans-serif;--fu:"DM Sans",system-ui,sans-serif;--r:12px;--rs:8px;--sh:0 1px 3px #0000000f,0 1px 2px #0000000a;--shlg:0 20px 60px #00000024,0 8px 20px #0000000f;--nav:50px;--sidebar:220px;--content-max:860px}html{font-size:16px}#root{max-width:100vw;overflow-x:clip}html,body{background:var(--bg);max-width:100vw;height:100%;color:var(--t1);font-family:var(--fu);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:pan-y;position:relative;overflow-x:clip}#root{min-height:100dvh}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sk{border-radius:var(--rs);background:linear-gradient(90deg,#eeecea 25%,#e5e3de 50%,#eeecea 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.fi{animation:.3s both fadeIn}.su{animation:.32s cubic-bezier(.32,.72,0,1) both slideUp}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--bd2);border-radius:2px}input,button{font-family:var(--fu)}input::placeholder{color:var(--t3)}button:active{opacity:.75}body.locked{overflow:hidden}.app-shell{min-height:100dvh;display:flex}.app-sidebar{display:none}.screener-ticker{font-size:30px!important}.score-box{min-width:44px!important;padding:4px 6px!important}.score-num{letter-spacing:-.5px!important;font-size:22px!important}.stats-pill-val{font-size:13px!important}.app-main{min-width:0;padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom,0px));padding-top:calc(52px + env(safe-area-inset-top,0px));flex:1}.app-bottomnav{background:var(--surface);border-top:1px solid var(--bd);z-index:200;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}.app-topbar{background:var(--surface);border-bottom:1px solid var(--bd);z-index:150;box-shadow:var(--sh);flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.app-topbar-safe{height:env(safe-area-inset-top,0px);flex-shrink:0}.app-topbar-inner{justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.content-inner{max-width:680px;margin:0 auto;padding:0 16px}.view-header{background:var(--bg);top:calc(52px + env(safe-area-inset-top,0px));z-index:100;padding:8px 12px 0;position:sticky}.mobile-hide{display:none}@media (width<=767px){.content-inner{padding:0 10px}.screener-ticker{font-size:30px!important}.view-header{padding:6px 10px 0}}@media (width>=768px){.app-topbar{display:none}.mobile-hide{display:flex}.app-sidebar{width:var(--sidebar);background:var(--surface);border-right:1px solid var(--bd);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;padding:32px 0;display:flex;position:sticky;top:0;overflow-y:auto}.app-main{padding-top:0;padding-bottom:0}.app-bottomnav{display:none}.content-inner{max-width:var(--content-max);padding:0 40px}.view-header{padding:32px 40px 0;top:0}:root{--r:14px;--rs:10px}}@media (width>=1200px){:root{--sidebar:260px;--content-max:980px}}