:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef1f7;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090b10;--panel:#10131a;--panel-2:#151923;--panel-3:#1a1f2b;--line:#252b38;--line-bright:#343c4d;--text:#eef1f7;--muted:#8a93a5;--faint:#5f6879;--accent:#a9ff68;--accent-deep:#70d62a;--cyan:#59dcff;--violet:#b590ff;--danger:#ff6378;--warning:#ffcf5a;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 82% -10%, #59dcff14, transparent 35%), radial-gradient(circle at 10% 110%, #a9ff680d, transparent 32%), var(--bg);min-height:100vh;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.loading-screen{text-align:center;background:radial-gradient(circle, #a9ff6814, transparent 30%), var(--bg);place-content:center;justify-items:center;min-height:100vh;padding:32px;display:grid}.loading-screen h1{letter-spacing:-.04em;margin:24px 0 8px;font-size:clamp(24px,4vw,38px)}.loading-screen p{max-width:520px;color:var(--muted);margin:0;line-height:1.6}.loading-mark{align-items:end;gap:5px;height:42px;display:flex}.loading-mark span{background:var(--accent);border-radius:999px;width:7px;animation:.8s ease-in-out infinite alternate equalize}.loading-mark span:first-child{height:15px;animation-delay:-.2s}.loading-mark span:nth-child(2){height:38px}.loading-mark span:nth-child(3){height:25px;animation-delay:-.5s}@keyframes equalize{to{opacity:.45;height:8px}}.app-shell{background:0 0;flex-direction:column;height:100vh;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#0c0e14e0;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 22px 0 26px;display:flex}.brand-lockup,.topbar-actions,.score-card,.upload-button,.section-heading,.section-heading>div,.queue-item,.preset-item,.profile-save-row,.track-heading,.transport-controls,.keyboard-hint,.panel-heading,.seek-card-topline,.seek-card-identity,.seek-card-state,.answer-buttons,.history-row{align-items:center;display:flex}.brand-lockup{gap:13px;min-width:190px}.brand-lockup h1{letter-spacing:-.045em;margin:0;font-size:20px;line-height:1}.brand-lockup p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:5px 0 0;font-size:11px}.brand-icon{background:#a9ff6812;border:1px solid #a9ff6847;border-radius:10px;justify-content:center;align-items:center;gap:3px;width:34px;height:34px;display:flex;box-shadow:inset 0 0 20px #a9ff6808}.brand-icon span{background:var(--accent);border-radius:9px;width:3px}.brand-icon span:first-child{height:9px}.brand-icon span:nth-child(2){height:20px}.brand-icon span:nth-child(3){height:14px}.brand-icon span:nth-child(4){height:6px}.topbar-actions{gap:12px}.score-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;gap:12px;height:46px;padding:0 14px}.score-card>span{color:var(--muted);letter-spacing:.14em;font-size:9px;font-weight:800}.score-card strong{color:var(--text);letter-spacing:-.04em;font-size:18px}.score-card strong small{color:var(--faint);font-size:13px}.score-card b{color:#0b1307;background:var(--accent);text-align:center;border-radius:6px;min-width:42px;padding:5px 7px;font-size:11px}.upload-button,.empty-upload{cursor:pointer;-webkit-user-select:none;user-select:none}.upload-button{color:#0a0d08;background:var(--accent);border-radius:10px;gap:9px;height:46px;padding:0 15px;font-size:12px;font-weight:800;transition:transform .14s,background .14s}.upload-button:hover,.empty-upload:hover{background:#bcff88;transform:translateY(-1px)}.upload-plus{font-size:21px;font-weight:400;line-height:1}.upload-button input,.empty-upload input{display:none}.workspace{flex:1;grid-template-columns:310px minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#0d1016d6;flex-direction:column;gap:17px;min-height:0;padding:18px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:8px}.main-stage::-webkit-scrollbar{width:8px}.queue-list::-webkit-scrollbar{width:8px}.preset-list::-webkit-scrollbar{width:8px}.profile-list::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#343a48 padding-box padding-box;border:2px solid #0000;border-radius:999px}.main-stage::-webkit-scrollbar-thumb{background:#343a48 padding-box padding-box;border:2px solid #0000;border-radius:999px}.queue-list::-webkit-scrollbar-thumb{background:#343a48 padding-box padding-box;border:2px solid #0000;border-radius:999px}.preset-list::-webkit-scrollbar-thumb{background:#343a48 padding-box padding-box;border:2px solid #0000;border-radius:999px}.profile-list::-webkit-scrollbar-thumb{background:#343a48 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar-section{flex-direction:column;gap:10px;display:flex}.profiles-section{margin-top:auto;padding-top:5px}.section-heading{justify-content:space-between;gap:12px;min-height:25px}.section-heading>div{gap:8px}.section-heading span,.panel-heading span,.track-heading>div>span,.answer-panel>div:first-child>span{color:var(--muted);letter-spacing:.15em;font-size:9px;font-weight:900}.section-heading strong{min-width:20px;height:20px;color:var(--text);background:var(--panel-3);border-radius:6px;place-items:center;font-size:10px;display:grid}.quiet-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 8px;font-size:11px}.quiet-button:hover{color:var(--text)}.queue-list,.preset-list,.profile-list{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.queue-list{max-height:140px}.preset-list{max-height:184px}.profile-list{max-height:120px}.empty-mini{border:1px dashed var(--line-bright);min-height:76px;color:var(--muted);text-align:center;border-radius:10px;place-content:center;gap:4px;display:grid}.empty-mini span{font-size:12px;font-weight:700}.empty-mini small{color:var(--faint);font-size:10px}.queue-item,.preset-item{border:1px solid var(--line);background:var(--panel);border-radius:9px;justify-content:space-between;gap:8px;min-height:50px;padding:9px 10px 9px 12px}.queue-item>div,.preset-item>div{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.queue-item strong,.preset-item strong{color:#dfe4ed;text-overflow:ellipsis;white-space:nowrap;max-width:210px;font-size:11px;overflow:hidden}.queue-item span{color:var(--faint);font-size:9px}.queue-item button,.preset-item button{width:28px;height:28px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;font-size:18px}.queue-item button:hover,.preset-item button:hover{color:var(--danger);background:#ff637814}.codec-badge{border:1px solid var(--line-bright);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:8px;font-weight:800}.codec-libopus{color:var(--cyan);background:#59dcff0d;border-color:#59dcff40}.codec-libvorbis{color:var(--violet);background:#b590ff0d;border-color:#b590ff42}.codec-libmp3lame{color:var(--accent);background:#a9ff680a;border-color:#a9ff6838}.encode-button,.preset-builder>button,.profile-save-row button{cursor:pointer;border:0;border-radius:9px;font-weight:800}.encode-button{color:#0b0e09;background:var(--accent);min-height:42px;font-size:11px}.encode-button:hover:not(:disabled){background:#bcff88}.encode-button:disabled{color:#505767;cursor:not-allowed;background:#1d222d}.encode-status{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:10px}.encode-status.has-error{color:var(--danger);background:#ff63780a;border-color:#ff637847}.encode-status p{margin:0;font-size:10px;line-height:1.5}.encode-status-copy{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.encode-status-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.encode-status-copy span{color:var(--muted);flex:none;font-size:9px}.progress-track{background:#242a35;border-radius:999px;height:4px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent);height:100%;transition:width .1s linear;display:block}.preset-builder{border:1px solid var(--line);background:#10131acc;border-radius:10px;flex-direction:column;gap:7px;padding:10px;display:flex}.preset-builder input,.preset-builder select,.profile-save-row input{border:1px solid var(--line-bright);min-width:0;height:35px;color:var(--text);background:#0c0f15;border-radius:7px;font-size:11px}.preset-builder>input,.profile-save-row input{width:100%;padding:0 10px}.preset-builder input::placeholder,.profile-save-row input::placeholder{color:#555e6e}.split-fields{grid-template-columns:1fr 112px;gap:7px;display:grid}.preset-builder select{padding:0 8px}.bitrate-field{position:relative}.bitrate-field input{width:100%;padding:0 39px 0 9px}.bitrate-field span{color:var(--faint);pointer-events:none;font-size:9px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.preset-builder>button{border:1px solid var(--line-bright);color:#dfe4ed;background:var(--panel-3);min-height:34px;font-size:10px}.preset-builder>button:hover{background:#202634;border-color:#485267}.profile-save-row{gap:6px}.profile-save-row button{color:#0b0e09;background:var(--accent);height:35px;padding:0 11px;font-size:10px}.profile-item{border:1px solid var(--line);color:#cbd1dc;background:var(--panel);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:0 6px 0 10px;font-size:10px;display:flex}.profile-item:hover{border-color:var(--line-bright);background:var(--panel-2)}.profile-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.profile-item i,.track-tab i{width:24px;height:24px;color:var(--faint);border-radius:6px;flex:none;place-items:center;font-size:15px;font-style:normal;display:grid}.profile-item i:hover,.track-tab i:hover{color:var(--danger);background:#ff637814}.main-stage{min-width:0;min-height:0;position:relative;overflow-y:auto}.track-tabs{z-index:8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b10e6;align-items:end;min-height:49px;padding:0 22px;display:flex;position:sticky;top:0}.track-tab-list{align-items:end;gap:4px;min-width:0;display:flex;overflow-x:auto}.no-track-tabs{color:var(--faint);padding:0 0 14px;font-size:10px}.track-tab{max-width:220px;height:39px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:9px 9px 0 0;align-items:center;gap:7px;padding:0 6px 0 13px;font-size:10px;display:flex}.track-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.track-tab:hover{color:#dce2ed;background:#151923b3}.track-tab.is-active{border-color:var(--line);color:var(--text);background:var(--panel)}.empty-stage{text-align:center;place-content:center;justify-items:center;min-height:calc(100vh - 126px);padding:30px;display:grid}.empty-stage h2{letter-spacing:-.055em;margin:28px 0 10px;font-size:clamp(26px,4vw,46px)}.empty-stage p{max-width:520px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.empty-orbit{border:1px solid var(--line);background:radial-gradient(circle,#a9ff681c,#0000 58%);border-radius:50%;width:116px;height:116px;position:relative}.empty-orbit:before,.empty-orbit:after{content:"";border:1px solid #29303c;border-radius:50%;position:absolute;inset:19px}.empty-orbit:after{background:var(--accent);border-color:#a9ff6852;inset:39px;box-shadow:0 0 26px #a9ff6847}.empty-orbit span{background:var(--cyan);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 12px #59dcffb3}.empty-orbit span:first-child{top:13px;left:53px}.empty-orbit span:nth-child(2){bottom:35px;right:11px}.empty-orbit span:nth-child(3){background:var(--violet);bottom:19px;left:19px}.empty-upload{color:#0b0e09;background:var(--accent);border-radius:9px;margin-top:22px;padding:12px 16px;font-size:11px;font-weight:900}.test-layout{flex-direction:column;gap:16px;width:min(1080px,100% - 40px);margin:0 auto;padding:24px 0 70px;display:flex}.transport-panel,.comparison-panel,.answer-panel,.history-panel{border:1px solid var(--line);background:#10131adb;border-radius:14px;box-shadow:0 18px 50px #00000029}.transport-panel{padding:20px}.track-heading{justify-content:space-between;gap:30px}.track-heading>div:first-child{min-width:0}.track-heading h2{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;max-width:650px;margin:6px 0 0;font-size:clamp(18px,3vw,27px);overflow:hidden}.transport-time{color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.transport-time strong{color:var(--text);letter-spacing:-.04em;font-size:21px}.transport-time span{font-size:12px}.transport-controls{gap:8px;margin-top:20px}.play-button,.jump-button,.quick-jumps button{border:1px solid var(--line-bright);cursor:pointer;border-radius:9px;height:38px}.play-button{color:#0b0e09;background:var(--accent);border-color:#a9ff6866;justify-content:center;align-items:center;gap:9px;min-width:106px;font-size:11px;font-weight:900;display:flex}.play-glyph{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid;width:0;height:0}.pause-glyph{border-left:3px solid;border-right:3px solid;width:9px;height:11px}.jump-button{color:#cbd1dc;background:var(--panel-3);width:43px;font-size:10px;font-weight:800}.jump-button:hover,.quick-jumps button:hover{background:#202634;border-color:#495266}.quick-jumps{align-items:center;gap:5px;margin-left:auto;display:flex}.quick-jumps>span{color:var(--faint);letter-spacing:.12em;margin-right:4px;font-size:8px;font-weight:900}.quick-jumps button{min-width:40px;color:var(--muted);background:#11151d;padding:0 8px;font-size:9px}.keyboard-hint{border-top:1px solid var(--line);color:var(--faint);gap:18px;margin-top:15px;padding-top:13px;font-size:9px}.keyboard-hint span{align-items:center;gap:6px;display:flex}kbd{border:1px solid var(--line-bright);color:#b9c1cf;background:#171c25;border-bottom-width:2px;border-radius:5px;place-items:center;min-width:20px;height:19px;padding:0 5px;font-family:inherit;font-size:8px;font-weight:800;display:inline-grid}.comparison-panel,.history-panel{padding:20px}.panel-heading{justify-content:space-between;gap:30px;margin-bottom:15px}.panel-heading h3,.answer-panel h3{letter-spacing:-.025em;margin:5px 0 0;font-size:17px}.panel-heading p{max-width:430px;color:var(--muted);text-align:right;margin:0;font-size:10px;line-height:1.55}.panel-heading.compact{margin-bottom:12px}.seek-stack{flex-direction:column;gap:8px;display:flex}.seek-card{border:1px solid var(--line);cursor:pointer;background:#0d1016;border-radius:11px;padding:13px 14px 12px;transition:border-color .13s,background .13s,transform .13s}.seek-card:hover{background:#11151c;border-color:#3b4354}.seek-card.is-active{box-shadow:inset 3px 0 0 var(--accent);background:linear-gradient(90deg,#a9ff6811,#0000 46%),#10141a;border-color:#a9ff6885}.seek-card-original.is-active{box-shadow:inset 3px 0 0 var(--cyan);background:linear-gradient(90deg,#59dcff11,#0000 46%),#10141a;border-color:#59dcff85}.seek-card-mystery{border-color:#b590ff38;margin-top:4px}.seek-card-mystery.is-active{box-shadow:inset 3px 0 0 var(--violet);background:linear-gradient(90deg,#b590ff14,#0000 46%),#11131b;border-color:#b590ff99}.seek-card-topline{justify-content:space-between;gap:18px}.seek-card-identity{gap:11px;min-width:0}.shortcut-key{border:1px solid var(--line-bright);color:#dbe1eb;background:#181d27;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10px;font-weight:900;display:grid}.is-active .shortcut-key{color:#10150d;background:var(--accent);border-color:#a9ff6859}.seek-card-original.is-active .shortcut-key{background:var(--cyan);border-color:#59dcff66}.seek-card-mystery.is-active .shortcut-key{background:var(--violet);border-color:#b590ff66}.seek-card-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.seek-card-copy strong{color:#e7ebf2;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.seek-card-copy span{color:var(--muted);font-size:9px}.seek-card-state{color:var(--faint);letter-spacing:.12em;gap:8px;font-size:8px;font-weight:900}.active-dot{background:#343b48;border-radius:50%;width:7px;height:7px}.is-active .seek-card-state{color:var(--accent)}.is-active .active-dot{background:var(--accent);box-shadow:0 0 10px #a9ff68b3}.seek-card-original.is-active .seek-card-state{color:var(--cyan)}.seek-card-original.is-active .active-dot{background:var(--cyan);box-shadow:0 0 10px #59dcffb3}.seek-card-mystery.is-active .seek-card-state{color:var(--violet)}.seek-card-mystery.is-active .active-dot{background:var(--violet);box-shadow:0 0 10px #b590ffb3}.rail-wrap{height:18px;margin-top:9px;position:relative}.rail-wrap:before{content:"";background:linear-gradient(90deg, var(--accent) 0 var(--rail-fill), #252b36 var(--rail-fill) 100%);pointer-events:none;border-radius:999px;height:3px;position:absolute;top:8px;left:0;right:0}.seek-card-original .rail-wrap:before{background:linear-gradient(90deg, var(--cyan) 0 var(--rail-fill), #252b36 var(--rail-fill) 100%)}.seek-card-mystery .rail-wrap:before{background:linear-gradient(90deg, var(--violet) 0 var(--rail-fill), #252b36 var(--rail-fill) 100%)}.seek-rail{z-index:1;opacity:0;cursor:crosshair;width:100%;height:18px;margin:0;position:relative}.rail-wrap:after{content:"";width:9px;height:9px;top:5px;left:clamp(0px, calc(var(--rail-fill) - 4px), calc(100% - 9px));background:var(--accent);pointer-events:none;border:2px solid #0d1016;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #a9ff684d}.seek-card-original .rail-wrap:after{background:var(--cyan);box-shadow:0 0 0 1px #59dcff4d}.seek-card-mystery .rail-wrap:after{background:var(--violet);box-shadow:0 0 0 1px #b590ff4d}.answer-panel{grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:22px;padding:18px 20px;display:grid;position:relative;overflow:hidden}.answer-panel:before{content:"";filter:blur(2px);pointer-events:none;background:#b590ff0f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-150px;right:-110px}.answer-buttons{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:8px;position:relative}.answer-buttons button{border:1px solid var(--line-bright);color:#dfe4ed;background:var(--panel-3);cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-width:118px;height:44px;padding:0 13px;font-size:10px;font-weight:800;display:flex}.answer-buttons button:hover{background:#b590ff14;border-color:#b590ff9e;transform:translateY(-1px)}.answer-buttons button span{color:#121018;background:var(--violet);border-radius:7px;place-items:center;width:26px;height:26px;font-size:10px;font-weight:900;display:grid}.result-flash{border-top:1px solid var(--line);grid-column:1/-1;margin-top:-5px;padding-top:10px;font-size:10px;font-weight:800}.result-correct{color:var(--accent)}.result-incorrect{color:var(--danger)}.history-table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.history-row{border-bottom:1px solid var(--line);min-height:45px;color:var(--muted);grid-template-columns:48px minmax(140px,1fr) minmax(150px,1fr) minmax(150px,1fr);gap:14px;padding:0 12px;font-size:9px;display:grid}.history-row:last-child{border-bottom:0}.history-row>strong,.history-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.history-row>strong,.history-row b{color:#dfe4ed}.history-result{text-align:center;border-radius:5px;padding:4px 5px;font-size:8px;font-weight:900}.history-result.pass{color:var(--accent);background:#a9ff6814}.history-result.fail{color:var(--danger);background:#ff637814}@media (width<=920px){body{overflow:auto}.app-shell{height:auto;min-height:100vh}.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;display:grid}.profiles-section{margin-top:0}.main-stage{overflow:visible}.quick-jumps{width:100%;margin:5px 0 0}.transport-controls{flex-wrap:wrap}}@media (width<=680px){.topbar{min-height:68px;padding:0 13px}.brand-lockup p,.score-card>span,.score-card b{display:none}.score-card{padding:0 10px}.upload-button{color:#0000;white-space:nowrap;justify-content:center;width:42px;padding:0;overflow:hidden}.upload-plus{color:#0a0d08}.sidebar{grid-template-columns:1fr}.test-layout{width:min(100% - 22px,1080px);padding-top:12px}.track-heading,.panel-heading{flex-direction:column;align-items:flex-start;gap:10px}.panel-heading p{text-align:left}.keyboard-hint{display:none}.quick-jumps{overflow-x:auto}.answer-panel{grid-template-columns:1fr}.answer-buttons{justify-content:flex-start}.history-row{grid-template-columns:45px minmax(0,1fr);padding:9px 10px}.history-row>span:nth-child(n+3){grid-column:2}}