:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;--radius:8px;--radius-sm:6px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body,#root{min-width:320px;max-width:100%;min-height:100%;overflow-x:clip}html{overscroll-behavior-x:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#111713}body{overscroll-behavior-x:none;overscroll-behavior-y:contain;margin:0}@supports (height:100dvh){html,body,#root{min-height:100dvh}}@supports (scrollbar-gutter:stable){@media (width>=900px){html{scrollbar-gutter:stable}}}button,input,textarea{font:inherit}button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--control-bg);min-height:34px;color:var(--text);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-color .14s,background-color .14s,color .14s,box-shadow .14s}button:hover{border-color:var(--accent-green);background:var(--control-bg-hover)}button:active{background:var(--control-bg-active)}button:focus-visible,input:focus-visible,textarea:focus-visible,.file-button:focus-within{outline:2px solid var(--focus);outline-offset:2px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:1.38rem;line-height:1.02}h2{letter-spacing:0;font-size:.98rem;line-height:1.16}small{color:var(--muted)}.theme-root{max-width:100%;min-height:100dvh;color:var(--text);color-scheme:var(--theme-scheme);background:linear-gradient(180deg, var(--app-bg), var(--app-bg-muted));overflow-x:clip}.theme-root[data-theme=light]{--theme-scheme:light;--app-bg:#eef2ed;--app-bg-muted:#e4e9e3;--panel-bg:#f9fbf8;--panel-bg-alt:#f2f5f1;--panel-bg-hover:#fff;--rail-bg:#17231d;--rail-text:#dce9df;--rail-muted:#8fa69a;--rail-active:#75d6a4;--text:#18231c;--muted:#657268;--faint:#87928a;--line:#d6ded6;--line-strong:#c3cdc4;--shadow:0 8px 22px #1c2a2114;--control-bg:#f7faf6;--control-bg-hover:#fff;--control-bg-active:#eef4ed;--active-control-bg:#19271f;--active-control-text:#fff;--field-bg:#fff;--cell-bg:#f5f8f4;--cell-bg-strong:#fff;--track-bg:#dce6dd;--accent-green:#237452;--accent-green-deep:#185d41;--accent-green-soft:#2374521f;--accent-green-strong:#23745247;--accent-green-contrast:#fff;--accent-amber:#9c6414;--accent-amber-soft:#9c641421;--accent-coral:#bb4f47;--accent-coral-soft:#bb4f4721;--accent-cyan:#197985;--accent-cyan-soft:#19798521;--focus:#137b90;--court-line:#23745257;--zone-fill:#fbfdfb}.theme-root[data-theme=dark]{--theme-scheme:dark;--app-bg:#0f1511;--app-bg-muted:#111914;--panel-bg:#161f19;--panel-bg-alt:#1d2821;--panel-bg-hover:#202c24;--rail-bg:#070b08;--rail-text:#e2efe6;--rail-muted:#829389;--rail-active:#7ce0ae;--text:#ecf4ee;--muted:#a0aea5;--faint:#78887e;--line:#29352d;--line-strong:#38463d;--shadow:0 8px 24px #00000047;--control-bg:#1b251f;--control-bg-hover:#243129;--control-bg-active:#2a382f;--active-control-bg:#d9f4e5;--active-control-text:#08120d;--field-bg:#101713;--cell-bg:#18221c;--cell-bg-strong:#1f2b24;--track-bg:#26362d;--accent-green:#70d8a5;--accent-green-deep:#4dbd87;--accent-green-soft:#70d8a524;--accent-green-strong:#70d8a547;--accent-green-contrast:#07120d;--accent-amber:#e4b15f;--accent-amber-soft:#e4b15f24;--accent-coral:#f08176;--accent-coral-soft:#f0817626;--accent-cyan:#65c7d4;--accent-cyan-soft:#65c7d424;--focus:#68d8e8;--court-line:#70d8a552;--zone-fill:#121b16}.app-shell{width:min(1440px, calc(100% - 28px - var(--safe-left) - var(--safe-right)));padding:calc(12px + var(--safe-top)) 0 calc(96px + var(--safe-bottom));margin:0 auto}.file-button,.rail-brand,.tabbar,.segmented,.kpi-card,.metric-card,.mastery-chip,.best-badge,.momentum-badge,.trend-footer span,.detail-zones span,.target-card{-webkit-user-select:none;user-select:none}.file-button,.session-row,.tabbar,.segmented button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.topbar,.topbar-controls,.panel-head,.actions,.import-panel,.import-copy,.kpi-topline,.detail-actions button,.momentum-badge{align-items:center;display:flex}.topbar{top:var(--safe-top);z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel-bg) 92%, transparent);box-shadow:var(--shadow);justify-content:space-between;gap:12px;margin-bottom:10px;padding:8px 10px;position:sticky}.identity-block{grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:9px;min-width:0;display:grid}.identity-block .eyebrow,.identity-block h1{text-overflow:ellipsis;white-space:nowrap;grid-column:2;min-width:0;overflow:hidden}.rail-brand{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--active-control-bg);width:34px;height:34px;color:var(--active-control-text);letter-spacing:0;grid-row:1/span 2;place-items:center;font-size:.76rem;font-weight:950;display:inline-grid}.topbar-controls{justify-content:flex-end;gap:9px;min-width:0}.actions{gap:7px}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.66rem;font-weight:850}.segmented{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-bg-alt);gap:3px;min-width:0;padding:3px;display:inline-flex}.segmented button{min-height:29px;color:var(--muted);white-space:nowrap;background:0 0;border-color:#0000;padding:0 8px;font-size:.78rem;font-weight:850}.segmented button:hover{color:var(--text);background:var(--control-bg-hover)}.segmented .active{background:var(--active-control-bg);color:var(--active-control-text);border-color:#0000}.icon-button{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text);background:var(--control-bg);place-items:center;padding:0;display:inline-grid}.icon-button:hover{color:var(--accent-green);background:var(--control-bg-hover)}.theme-toggle{color:var(--accent-cyan)}.file-button{border:1px solid var(--accent-green-deep);color:var(--accent-green-contrast);background:var(--accent-green);cursor:pointer;position:relative}.file-button:hover{color:var(--accent-green-contrast);background:var(--accent-green-deep)}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.primary{border-color:var(--accent-green-deep);background:var(--accent-green);color:var(--accent-green-contrast);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:850;display:inline-flex}.primary:hover{background:var(--accent-green-deep)}.danger{color:var(--accent-coral);border-color:var(--accent-coral-soft);justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.danger:hover{background:var(--accent-coral-soft);border-color:var(--accent-coral)}.banner,.import-panel,.panel,.kpi-card,.metric-card{border:1px solid var(--line);border-radius:var(--radius)}.banner{border-left:4px solid var(--accent-green);color:var(--muted);background:var(--panel-bg);box-shadow:var(--shadow);margin:0 0 10px;padding:8px 10px;font-size:.86rem;font-weight:760}.banner.error{border-left-color:var(--accent-coral);color:var(--accent-coral)}.import-panel{background:var(--panel-bg);box-shadow:var(--shadow);justify-content:space-between;gap:10px;margin:0 0 10px;padding:10px 11px}.import-panel.import-error{border-color:var(--accent-coral)}.import-copy{gap:10px;min-width:0}.import-copy svg{color:var(--accent-green);flex:none}.import-error .import-copy svg{color:var(--accent-coral)}.import-panel p{color:var(--muted);margin-top:2px;font-size:.84rem}.kpi-strip,.cockpit-grid,.signal-grid,.content-grid,.detail-stats,.best-grid,.target-list,.session-list{gap:9px;display:grid}.kpi-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.kpi-card{background:var(--panel-bg);min-height:88px;padding:9px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--card-accent,var(--accent-green));height:2px;position:absolute;inset:0 0 auto}.kpi-card:hover{border-color:var(--accent-green-strong);background:var(--panel-bg-hover)}.kpi-topline{color:var(--card-accent,var(--accent-green));text-transform:uppercase;justify-content:space-between;gap:6px;font-size:.68rem;font-weight:900}.kpi-topline span{overflow-wrap:anywhere;min-width:0}.kpi-card strong{color:var(--card-accent,var(--accent-green));letter-spacing:0;margin-top:9px;font-size:1.34rem;line-height:1;display:block}.kpi-card small{min-height:14px;margin-top:5px;font-size:.72rem;display:block}.kpi-card .progress-track{margin-top:8px}.kpi-card[data-accent=green]{--card-accent:var(--accent-green)}.kpi-card[data-accent=amber]{--card-accent:var(--accent-amber)}.kpi-card[data-accent=coral]{--card-accent:var(--accent-coral)}.kpi-card[data-accent=cyan]{--card-accent:var(--accent-cyan)}.cockpit-grid{grid-template-columns:minmax(0,1.3fr) minmax(330px,.85fr);margin-top:9px}.signal-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.7fr);margin-top:9px}.content-grid{grid-template-columns:minmax(320px,.78fr) minmax(410px,1.22fr);margin-top:9px}.panel{background:var(--panel-bg);box-shadow:var(--shadow);padding:11px}.panel-head{justify-content:space-between;gap:10px;margin-bottom:9px}.panel-head>div{min-width:0}.panel-head>span{color:var(--muted);text-align:right;font-size:.76rem;font-weight:800}.momentum-badge{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:26px;color:var(--muted);background:var(--cell-bg);flex:none;gap:5px;padding:0 8px;font-size:.74rem;font-weight:850}.momentum-badge[data-direction=up]{color:var(--accent-green);background:var(--accent-green-soft)}.momentum-badge[data-direction=down]{color:var(--accent-coral);background:var(--accent-coral-soft)}.trend-panel{min-height:315px}.trend-visual{border:1px solid var(--line);border-radius:var(--radius-sm);background:linear-gradient(0deg, transparent 24%, var(--line) 25%, transparent 26%), linear-gradient(0deg, transparent 49%, var(--line) 50%, transparent 51%), linear-gradient(0deg, transparent 74%, var(--line) 75%, transparent 76%), var(--panel-bg-alt);grid-template-columns:minmax(0,1fr) 88px;gap:12px;min-height:214px;padding:9px 8px 0;display:grid}.trend-visual svg{width:100%;height:176px;overflow:visible}.trend-area{fill:var(--accent-green-soft)}.trend-line{fill:none;stroke:var(--accent-green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:var(--panel-bg);stroke:var(--accent-green);stroke-width:2.25px}.trend-bars{align-items:end;gap:4px;height:184px;padding-bottom:4px;display:flex}.trend-bar{width:100%;min-width:8px;color:var(--muted);text-align:center;grid-template-rows:1fr auto;align-items:end;gap:6px;font-size:.62rem;display:grid}.trend-bar span{background:var(--accent-cyan);border-radius:3px 3px 0 0;width:100%}.trend-footer{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.trend-footer span{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:25px;color:var(--muted);background:var(--cell-bg);align-items:center;padding:0 8px;font-size:.72rem;font-weight:800;display:inline-flex}.court-board{border:1px solid var(--court-line);border-radius:var(--radius-sm);background:linear-gradient(90deg, transparent calc(50% - 1px), var(--court-line) calc(50% - 1px), var(--court-line) calc(50% + 1px), transparent calc(50% + 1px)), linear-gradient(0deg, transparent calc(50% - 1px), var(--court-line) calc(50% - 1px), var(--court-line) calc(50% + 1px), transparent calc(50% + 1px)), var(--panel-bg-alt);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-height:244px;padding:10px;display:grid}.zone-cell{border:1px solid var(--accent-green-strong);border-radius:var(--radius-sm);background:var(--zone-fill);align-content:center;place-items:center;gap:2px;min-height:68px;display:grid;position:relative;overflow:hidden}.zone-heat{background:rgba(35, 116, 82, calc(.07 + (var(--zone-heat) * .28)));position:absolute;inset:0}.theme-root[data-theme=dark] .zone-heat{background:rgba(112, 216, 165, calc(.07 + (var(--zone-heat) * .25)))}.zone-cell>:not(.zone-heat){position:relative}.zone-cell[data-role=strongest]{border-color:var(--accent-green);box-shadow:inset 0 0 0 1px var(--accent-green)}.zone-cell[data-role=weakest]{border-color:var(--accent-coral);box-shadow:inset 0 0 0 1px var(--accent-coral)}.zone-cell strong{font-size:.88rem}.zone-cell span:not(.zone-heat){font-size:1.04rem;font-weight:900}.zone-cell small,.zone-cell em{color:var(--muted);text-align:center;font-size:.66rem;font-style:normal;font-weight:780}.mastery-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.mastery-chip{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--cell-bg);min-height:58px;padding:8px}.mastery-chip span,.best-badge span{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:900;display:block}.mastery-chip strong{margin-top:4px;font-size:.98rem;display:block}.mastery-chip small{margin-top:2px;font-size:.72rem;display:block}.mastery-chip[data-tone=green] strong{color:var(--accent-green)}.mastery-chip[data-tone=coral] strong{color:var(--accent-coral)}.best-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.best-badge{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--cell-bg);min-height:70px;padding:9px}.best-badge svg{color:var(--accent-amber)}.best-badge[data-active=false]{opacity:.66}.best-badge strong{overflow-wrap:anywhere;margin-top:6px;font-size:1.02rem;display:block}.target-panel .progress-track{margin-bottom:8px}.target-list{gap:7px}.target-card{border:1px solid var(--line);border-left:3px solid var(--accent-green);border-radius:var(--radius-sm);background:var(--cell-bg);min-height:62px;padding:9px}.target-card[data-tone=amber]{border-left-color:var(--accent-amber);background:var(--accent-amber-soft)}.target-card[data-tone=coral]{border-left-color:var(--accent-coral);background:var(--accent-coral-soft)}.target-card[data-tone=cyan]{border-left-color:var(--accent-cyan);background:var(--accent-cyan-soft)}.target-card p{color:var(--muted);margin-top:4px;font-size:.8rem;line-height:1.3}.session-panel{min-height:400px}.session-row{border-color:var(--line);background:var(--cell-bg);text-align:left;grid-template-columns:84px minmax(0,1fr) 72px;align-items:center;gap:8px;width:100%;min-height:62px;padding:9px 10px 12px;display:grid;position:relative;overflow:hidden}.session-row:hover{background:var(--cell-bg-strong)}.session-row.active{border-color:var(--accent-green);background:var(--accent-green-soft);box-shadow:inset 3px 0 0 var(--accent-green)}.session-date,.session-row small{color:var(--muted);font-size:.7rem;font-weight:800}.session-score,.session-accuracy{gap:3px;min-width:0;display:grid}.session-score strong,.session-accuracy strong{overflow-wrap:anywhere}.session-accuracy{text-align:right}.row-progress{background:var(--track-bg);border-radius:999px;height:3px;position:absolute;bottom:6px;left:10px;right:10px;overflow:hidden}.row-progress:before{content:"";width:calc(var(--progress) * 100%);border-radius:inherit;background:var(--accent-green);height:100%;display:block}.detail-panel{min-height:400px}.session-detail{gap:10px;display:grid}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--cell-bg);min-height:60px;padding:9px}.metric-card span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:900}.metric-card strong{margin-top:6px;font-size:1.02rem;display:block}.score-history{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-bg-alt);align-items:end;gap:3px;height:84px;padding:8px;display:flex}.score-history span{background:var(--accent-green);border-radius:3px 3px 0 0;width:100%;min-width:4px}.score-history.empty-bars{color:var(--muted);justify-content:center;align-items:center;font-size:.82rem;font-weight:800}.detail-zones{flex-wrap:wrap;gap:6px;display:flex}.detail-zones span{border:1px solid var(--line);border-radius:var(--radius-sm);min-height:28px;color:var(--muted);background:var(--cell-bg);align-items:center;gap:5px;padding:0 7px;font-size:.74rem;font-weight:800;display:inline-flex}.detail-zones strong{color:var(--text)}label{color:var(--text);gap:5px;font-size:.84rem;font-weight:850;display:grid}input,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);width:100%;color:var(--text);background:var(--field-bg);scroll-margin-bottom:calc(96px + var(--safe-bottom));-webkit-user-select:text;user-select:text;padding:9px 10px}input::placeholder,textarea::placeholder{color:var(--faint)}textarea{resize:vertical}.detail-actions{justify-content:flex-end}.progress-track{background:var(--track-bg);border-radius:999px;width:100%;height:5px;display:block;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent-green);height:100%;display:block}.empty-state{min-height:190px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;display:grid}.empty-state svg{color:var(--faint)}.empty-state.compact{min-height:150px}.empty-state p{max-width:34ch;line-height:1.35}.auth-screen{border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);min-height:70vh;color:var(--text);text-align:center;background:var(--panel-bg);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:12px;margin:0 auto;padding:28px;display:grid}.auth-screen h1{overflow-wrap:anywhere;max-width:100%}.auth-screen p{max-width:36ch;color:var(--muted)}.app-shell.has-tabbar{padding-bottom:calc(76px + var(--safe-bottom))}.screen{animation:.15s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tabbar{left:50%;bottom:calc(8px + var(--safe-bottom));z-index:30;max-width:calc(100% - 16px - var(--safe-left) - var(--safe-right));border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow);gap:4px;padding:5px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.tabbar button{border-radius:var(--radius-sm);min-width:82px;min-height:50px;color:var(--muted);letter-spacing:0;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 10px 5px;font-size:.7rem;font-weight:850;display:flex}.tabbar button:hover{background:var(--control-bg-hover);color:var(--text)}.tabbar button.active{background:var(--accent-green-soft);color:var(--accent-green)}.detail-back{background:var(--control-bg);border-color:#0000;align-items:center;gap:6px;margin-bottom:8px;display:none}.ranking-panel{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.ranking-controls{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.ranking-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ranking-table th,.ranking-table td{text-align:left;border-top:1px solid var(--line);padding:7px 9px}.ranking-table thead th{color:var(--muted);text-transform:uppercase;letter-spacing:0;border-top:none;font-size:.74rem;font-weight:850}.ranking-table tr[data-me] td{background:var(--active-control-bg);color:var(--active-control-text)}.ranking-handle{color:var(--muted);margin-left:4px}.ranking-you{text-transform:uppercase;letter-spacing:0;margin-left:7px;font-size:.7rem;font-weight:850}.ranking-note{color:var(--muted);margin:9px 0 0;font-size:.8rem}.ranking-note.error-note{color:var(--accent-coral)}.ranking-profile{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:10px;margin-top:12px;padding-top:10px;display:flex}.ranking-profile label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;font-weight:700;display:flex}.ranking-profile input[type=text]{min-width:220px}.ranking-share{align-items:center;flex-direction:row!important;gap:8px!important}.sheet-backdrop{z-index:40;padding:var(--safe-top) var(--safe-right) 0 var(--safe-left);overscroll-behavior:contain;background:#080e0a75;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.profile-sheet{width:min(560px,100%);max-height:calc(100vh - 54px - var(--safe-top) - var(--safe-bottom));max-height:calc(100dvh - 54px - var(--safe-top) - var(--safe-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:16px 16px calc(16px + var(--safe-bottom));border:1px solid var(--line);background:var(--panel-bg);box-shadow:var(--shadow);border-radius:8px 8px 0 0;animation:.17s ease-out sheet-up;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.sheet-sub{color:var(--muted);margin:2px 0 0;font-size:.8rem}.sheet-form{border-top:1px solid var(--line);padding:10px 0}.sheet-form label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;font-weight:700;display:flex}.sheet-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.sheet-toggle{align-items:center;flex-direction:row!important;gap:8px!important}.sheet-actions{border-top:1px solid var(--line);padding-top:10px}.sheet-actions button{align-items:center;gap:6px;display:inline-flex}@media (width>=900px){.app-shell.has-tabbar.console-shell{width:min(1480px, calc(100% - 104px - var(--safe-left) - var(--safe-right)));margin-left:calc(88px + var(--safe-left));margin-right:calc(16px + var(--safe-right));padding-bottom:24px}.console-topbar{top:max(10px, var(--safe-top))}.rail-brand{left:calc(14px + var(--safe-left));top:calc(14px + var(--safe-top));z-index:31;background:var(--rail-bg);width:58px;height:42px;color:var(--rail-text);box-shadow:var(--shadow);border-color:#ffffff1f;position:fixed}.tabbar{left:calc(14px + var(--safe-left));top:calc(64px + var(--safe-top));bottom:calc(14px + var(--safe-bottom));background:var(--rail-bg);width:58px;box-shadow:var(--shadow);border-color:#ffffff1a;flex-direction:column;justify-content:flex-start;padding:6px;transform:none}.tabbar button{width:44px;min-width:44px;min-height:56px;color:var(--rail-muted);padding:7px 2px;font-size:.58rem}.tabbar button span{text-overflow:clip;white-space:nowrap;max-width:42px;overflow:hidden}.tabbar button:hover{color:var(--rail-text);background:#ffffff12}.tabbar button.active{color:var(--rail-active);background:#7ce0ae29}.sheet-backdrop{align-items:center}.profile-sheet{border-radius:var(--radius)}}@media (width<=1160px){.kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.cockpit-grid,.signal-grid,.content-grid{grid-template-columns:1fr}}@media (width>=900px) and (width<=1040px){.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.topbar-controls{display:contents}.topbar .actions{grid-area:1/2}.topbar .segmented{grid-area:2/1/auto/-1;width:100%}.topbar .segmented button{flex:1 1 0}}@media (width<=899px){.app-shell{width:min(820px, calc(100% - 18px - var(--safe-left) - var(--safe-right)));padding-top:calc(8px + var(--safe-top))}.app-shell.has-tabbar{padding-bottom:calc(96px + var(--safe-bottom))}h1{font-size:1.22rem}.topbar{top:var(--safe-top);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.topbar-controls{display:contents}.topbar .actions{grid-area:1/2;justify-content:flex-end}.topbar .segmented{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;grid-area:2/1/auto/-1;width:100%;overflow-x:auto}.topbar .segmented button{flex:1 0 auto}.tabbar{width:auto;max-width:none;padding:6px max(10px, var(--safe-right)) calc(6px + var(--safe-bottom)) max(10px, var(--safe-left));border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;border-left:0;border-right:0;justify-content:space-around;gap:6px;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 22px #00000024}.tabbar button{flex:1 1 0;min-width:0;max-width:160px;min-height:54px}.kpi-strip,.best-grid,.detail-stats,.mastery-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-visual{grid-template-columns:1fr;min-height:auto}.trend-visual svg{height:160px}.trend-bars{height:78px}.sessions-screen[data-detail-open] .session-panel{display:none}.sessions-screen[data-detail-open] .detail-panel{animation:.15s ease-out screen-in}.detail-back{display:inline-flex}}@media (width<=560px){.app-shell{width:min(540px, calc(100% - 14px - var(--safe-left) - var(--safe-right)))}.topbar{padding:7px}.identity-block{grid-template-columns:30px minmax(0,1fr);column-gap:8px}.rail-brand{width:30px;height:30px;font-size:.68rem}.icon-button{width:32px;height:32px}.segmented button{min-height:28px;padding:0 7px;font-size:.74rem}.kpi-card{min-height:82px}.kpi-card strong{font-size:1.18rem}.panel{padding:10px}.panel-head{align-items:flex-start}.panel-head>span{max-width:46%;font-size:.7rem}.session-row{grid-template-columns:minmax(0,1fr) 70px}.session-date{grid-column:1/-1}.ranking-controls,.import-panel{flex-direction:column;align-items:stretch}.ranking-table{font-size:.8rem}.ranking-table th,.ranking-table td{padding:6px 5px}.auth-screen{min-height:70svh;padding:22px}}@media (width<=360px){.kpi-strip,.best-grid,.detail-stats,.mastery-summary,.court-board{grid-template-columns:1fr}.tabbar button{min-width:72px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}