/* The two start-page cards fit the first screen; result banners keep their own controller. */
body{background:var(--page-bg,#000)}
body:not(.is-measuring) .test-section{min-height:calc(100svh - 96px);padding:clamp(24px,4svh,44px) 24px 20px;display:flex;flex-direction:column}
body:not(.is-measuring) .test-section h1{margin-bottom:0}
body:not(.is-measuring) .test-stage{padding-top:0;flex:1;display:flex;flex-direction:column}
.start-core{flex:1;min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0}
.start-core .start-button{flex:none;margin:0 auto}
.start-core .test-note{margin-top:32px}
.start-apps{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;text-align:left}
.start-card{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #17474c;border-radius:13px;background:linear-gradient(130deg,#031c20,#041013)}
.start-card-player{border-color:#46315e;background:linear-gradient(130deg,#1a1028,#0c0913)}
.start-card-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(140deg,#174c53,#092d33);color:#58e3e8;box-shadow:inset 0 1px 0 #ffffff18}
.start-card-icon svg{width:31px;height:31px;fill:currentColor}
.start-card-player .start-card-icon{background:linear-gradient(140deg,#3b2358,#21162e);color:#bc8aff}
.start-card-kicker{font-size:10px;line-height:1.4;color:var(--teal);font-weight:650;letter-spacing:.025em}
.start-card-player .start-card-kicker{color:var(--purple)}
.start-card h2{margin:5px 0;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.15px}
.start-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
.start-card-button{align-self:center;justify-self:end;margin:0;white-space:nowrap;padding:9px 13px;min-height:36px}
.start-player-en{display:none}html[lang="en"] .start-player-ru{display:none}html[lang="en"] .start-player-en{display:inline-flex}
.theme-toggle{width:38px;height:36px;padding:8px;display:grid;place-items:center;flex:none;border:0;color:#fff;background:linear-gradient(135deg,#3b4b5b,#202d3b);box-shadow:inset 1px 1px #718295,inset -1px -1px #0b1420,0 3px 0 #080f18}
.theme-toggle svg{width:20px;height:20px;grid-area:1/1;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle:active{transform:translateY(2px);background:linear-gradient(135deg,#0d141d,#182330);box-shadow:inset 1px 2px 4px #0009,inset -1px -1px #65727f,0 1px 0 #080f18}
.theme-moon{display:none}html[data-theme="light"] .theme-sun{display:none}html[data-theme="light"] .theme-moon{display:block}
html[data-theme="light"]{color-scheme:light;--page-bg:#fff;--ink:#182b3b;--muted:#526777;--teal:#087e83;--purple:#7a43af;--line:#dbe4e9}
html[data-theme="light"] .history-link,html[data-theme="light"] .gauge-status,html[data-theme="light"] .text-button{color:var(--muted)}
html[data-theme="light"] .history-link:hover,html[data-theme="light"] .text-button:hover{color:var(--teal)}
html[data-theme="light"] .start-button{background:#fff;color:var(--ink);box-shadow:0 0 32px -20px #087e8355}
html[data-theme="light"] .start-button:before{border-color:#c4e0e2}
html[data-theme="light"] .start-button:hover{border-color:#087e83;box-shadow:0 0 35px -18px #087e8377}
html[data-theme="light"] .outline-button{background:#fff;color:var(--ink);border-color:#8a9fab}
html[data-theme="light"] .language-switch button{color:#627583}
html[data-theme="light"] .language-switch button[aria-pressed="true"]{color:var(--ink)}
html[data-theme="light"] .start-card,html[data-theme="light"] .app-promo{background:linear-gradient(130deg,#f0fafb,#f9fcfc);border-color:#acd5d8}
html[data-theme="light"] .start-card-player,html[data-theme="light"] .player-result-promo{background:linear-gradient(130deg,#f6f0fc,#fcfaff);border-color:#d2bce5}
html[data-theme="light"] .app-promo p,html[data-theme="light"] .player-result-promo p{color:var(--muted)}
html[data-theme="light"] .result-promos{filter:drop-shadow(0 8px 18px #263d5230)}
html[data-theme="light"] .chart-grid{stroke:#cbd9e0}
html[data-theme="light"] .gauge-progress{background:#dde8ec}
html[data-theme="light"] #gauge-scale{filter:none}
html[data-theme="light"] #gauge-scale text{fill:#3b5666}
html[data-theme="light"] #gauge-scale line{stroke:#5b7787}
html[data-theme="light"] .gauge-arc-track{stroke:#ccdae1}
html[data-theme="light"] .speed-gauge{--phase-color:#087e83!important}
html[data-theme="light"] .speed-gauge[data-phase="upload"]{--phase-color:#7a43af!important}
html[data-theme="light"] .gauge-readout{color:var(--ink)}
html[data-theme="light"] .gauge-readout em{color:var(--teal)!important}
html[data-theme="light"] .speed-gauge[data-phase="upload"] .gauge-readout em{color:var(--purple)!important}
html[data-theme="light"] .gauge-backlight{opacity:.15}
html[data-theme="light"] .site-back-top{background:#e9f0f5;color:#234355;border-color:#8aa5b7;box-shadow:0 4px 18px #20334b25}
@media(max-width:1000px){.start-card{grid-template-columns:40px minmax(0,1fr);gap:9px 12px;padding:15px}.start-card-icon{width:40px;height:40px}.start-card-button{grid-column:2;justify-self:start}.start-card h2{font-size:15px}.header-controls{gap:22px}}
@media(max-width:640px){.start-apps{grid-template-columns:1fr;gap:12px}.start-card{grid-template-columns:40px minmax(0,1fr) auto;gap:10px;padding:14px}.start-card-button{grid-column:3;grid-row:1;align-self:center}.start-card h2{font-size:14px}.start-card p{font-size:11px}.start-card-kicker{font-size:9px}.start-card-button{font-size:10px;padding:8px 10px}}
@media(max-width:600px){body:not(.is-measuring) .test-section{min-height:calc(100svh - 78px);padding:24px 20px 18px}.site-header{padding:0 20px}.header-controls{gap:13px}.history-link{font-size:11px}.language-switch{gap:9px}.theme-toggle{width:34px;height:33px;padding:7px}.brand{font-size:19px}.start-core{min-height:270px;padding:28px 0}.start-core .test-note{margin-top:28px}}
@media(max-width:410px){.start-card{grid-template-columns:36px minmax(0,1fr);gap:8px 11px;padding:12px 14px}.start-card-icon{width:36px;height:36px}.start-card-icon svg{width:26px;height:26px}.start-card-button{grid-column:2;grid-row:2;justify-self:start}.header-controls{gap:10px}.brand{font-size:18px}}