.classic-screen{align-content:start;background:#080b0a;color:#f7faf8;container-type:inline-size;display:grid;grid-template-areas:"topbar" "status" "player" "answer";grid-template-rows:auto auto auto minmax(0,1fr);height:100%;min-height:0;overflow:hidden;width:100%}.classic-screen--framed{border-radius:29px}.classic-topbar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:10px;grid-area:topbar;grid-template-columns:38px minmax(0,1fr) auto;min-height:58px;padding:10px 14px 8px}.classic-icon-button{background:transparent;border:1px solid hsla(0,0%,100%,.12);border-radius:50%;color:#f8faf8;display:grid;height:38px;padding:0;place-items:center;width:38px}.classic-back-icon{display:block;height:12px;position:relative;width:15px}.classic-back-icon:before{background:currentColor;border-radius:2px;content:"";height:2px;left:1px;position:absolute;top:5px;width:14px}.classic-back-icon:after{border-bottom:2px solid;border-left:2px solid;content:"";height:7px;left:1px;position:absolute;top:2px;transform:rotate(45deg);width:7px}.classic-topbar__title{display:grid;gap:2px;min-width:0}.classic-answer__head span,.classic-player__meta span,.classic-status span,.classic-topbar__title span{color:#8f9a93;font-size:10px;font-weight:800;line-height:1;text-transform:uppercase}.classic-topbar__title strong{font-size:13px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-track-count{color:#dce4df;font-size:13px;font-weight:900;min-width:54px;text-align:right}.classic-status{border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;grid-area:status;grid-template-columns:1.35fr 1fr 1fr;padding:0 16px}.classic-status>div{align-content:center;align-items:center;border-left:1px solid hsla(0,0%,100%,.07);display:grid;gap:5px;grid-template-rows:12px 28px;min-height:62px;min-width:0;padding:13px 10px}.classic-status>div:first-child{border-left:0;padding-left:0}.classic-status>div:last-child{padding-right:0}.classic-status strong{color:#eef4f0;display:block;font-size:17px;line-height:1}.classic-status__score strong{color:var(--classic-accent);font-size:24px}.classic-player{border-bottom:1px solid hsla(0,0%,100%,.08);display:grid;gap:12px;grid-area:player;padding:16px}.classic-fragments{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.classic-fragments span{border:1px solid hsla(0,0%,100%,.1);border-radius:7px;color:#657069;display:grid;font-size:11px;font-weight:900;height:28px;place-items:center}.classic-fragments .is-open{border-color:#69e89b42;color:#a5b0a9}.classic-fragments .is-active{background:var(--classic-accent);border-color:var(--classic-accent);color:#07110b}.classic-answer__head,.classic-player__meta{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.classic-answer__head>div,.classic-player__meta>div{display:grid;gap:3px;min-width:0}.classic-answer__head strong,.classic-player__meta strong{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-timer{color:#eef4f0!important;flex:0 0 auto;font-size:12px!important}.classic-transport{align-items:center;display:grid;gap:14px;grid-template-columns:54px minmax(0,1fr);min-height:62px}.classic-play{background:var(--classic-accent);border:0;border-radius:50%;box-shadow:0 10px 28px color-mix(in srgb,var(--classic-accent) 22%,transparent);color:#07110b;cursor:pointer;display:grid;height:54px;padding:0;place-items:center;width:54px}.classic-play .is-play{border-bottom:8px solid transparent;border-left:12px solid;border-top:8px solid transparent;height:0;margin-left:4px;width:0}.classic-play .is-pause{border-left:4px solid;border-right:4px solid;height:17px;width:13px}.classic-wave{align-items:center;display:flex;gap:2px;height:54px;overflow:hidden;width:100%}.classic-wave span{background:#4d5952;border-radius:2px;flex:1 1 0;max-width:6px;min-height:4px;min-width:2px;transition:background .2s ease,transform .2s ease}.classic-wave.is-playing span{animation:classic-wave-pulse .7s ease-in-out infinite alternate;background:var(--classic-accent)}.classic-wave.is-playing span:nth-child(3n){animation-delay:-.3s}.classic-seek{display:grid;gap:3px}.classic-seek input{accent-color:var(--classic-accent);cursor:pointer;height:18px;margin:0;width:100%}.classic-seek input:disabled{cursor:default;opacity:.55}.classic-seek div{color:#778179;display:flex;font-size:10px;font-weight:800;justify-content:space-between}.classic-answer{background:#0d1210;display:flex;flex-direction:column;gap:11px;grid-area:answer;min-height:0;overflow:hidden;padding:16px}.classic-answer__head{flex:0 0 auto}.classic-answer__head small{color:#8f9a93;font-size:11px}.classic-search{align-items:center;background:#121716;border:1px solid hsla(0,0%,100%,.15);border-radius:10px;display:grid;gap:9px;grid-template-columns:20px minmax(0,1fr) 30px;height:52px;padding:0 10px 0 14px}.classic-search:focus-within{border-color:var(--classic-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--classic-accent) 12%,transparent)}.classic-search__icon{border:2px solid #8a958e;border-radius:50%;height:14px;position:relative;width:14px}.classic-search__icon:after{background:#8a958e;bottom:-2px;content:"";height:2px;position:absolute;right:-5px;transform:rotate(45deg);width:6px}.classic-search input{background:transparent;border:0;color:#f7faf8;font-size:16px;height:48px;min-width:0;outline:0;padding:0}.classic-search>button{background:transparent;border:0;border-radius:50%;color:#8a958e;cursor:pointer;font-size:20px;height:30px;padding:0;width:30px}.classic-suggestions{border-bottom:1px solid hsla(0,0%,100%,.08);border-top:1px solid hsla(0,0%,100%,.08);display:grid;flex:1 1 auto;max-height:202px;min-height:0;overflow-y:auto}.classic-suggestions button{align-items:center;background:transparent;border:0;border-bottom:1px solid hsla(0,0%,100%,.06);color:#edf2ef;cursor:pointer;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);min-height:47px;padding:8px 4px;text-align:left}.classic-suggestions button.is-selected,.classic-suggestions button:focus-visible,.classic-suggestions button:hover{background:#69e89b14}.classic-suggestions button.is-selected{box-shadow:inset 3px 0 0 var(--classic-accent)}.classic-suggestions span,.classic-suggestions strong{font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-suggestions strong{color:var(--classic-accent)}.classic-suggestions__empty{color:#8f9a93;display:grid;font-size:12px;font-weight:800;min-height:82px;place-items:center}.classic-feedback{align-items:center;background:#121716;border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:grid;flex:0 0 auto;gap:11px;grid-template-columns:34px minmax(0,1fr);min-height:68px;padding:10px 12px}.classic-feedback__mark{border:0;border-radius:50%;display:grid;font:inherit;height:32px;padding:0;place-items:center;width:32px}.classic-feedback.is-dismissible{cursor:pointer;touch-action:manipulation}.classic-feedback.is-dismissible .classic-feedback__mark{cursor:pointer}.classic-feedback.is-dismissible .classic-feedback__mark:focus-visible{outline:2px solid #fca5a5;outline-offset:3px}.classic-feedback__cross{display:block;height:14px;position:relative;width:14px}.classic-feedback__cross:after,.classic-feedback__cross:before{background:currentColor;border-radius:2px;content:"";height:2px;left:0;position:absolute;top:6px;width:14px}.classic-feedback__cross:before{transform:rotate(45deg)}.classic-feedback__cross:after{transform:rotate(-45deg)}.classic-feedback__check{border-bottom:3px solid;border-left:3px solid;display:block;height:7px;transform:translateY(-1px) rotate(-45deg);width:13px}.classic-feedback>div{display:grid;gap:3px;min-width:0}.classic-feedback strong{font-size:13px}.classic-feedback>div>span{color:#a3ada6;font-size:11px;line-height:1.35}.classic-feedback.is-wrong{background:#7f1d1d2e;border-color:#f8717159}.classic-feedback.is-wrong .classic-feedback__mark{background:#f8717129;color:#fca5a5}.classic-feedback.is-correct{background:#14532d38;border-color:#69e89b5c}.classic-feedback.is-correct .classic-feedback__mark{background:#69e89b29;color:#86efac}.classic-history{color:#9da7a0;display:grid;flex:0 1 auto;font-size:11px;max-height:84px;min-height:0;overflow-y:auto}.classic-history>div{align-items:center;display:flex;gap:10px;justify-content:space-between;min-height:34px;padding:0 4px}.classic-history span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classic-history small{color:#f4a3a3;flex:0 0 auto}.classic-action{background:var(--classic-accent);border:0;border-radius:10px;color:#06110a;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:900;margin-top:auto;min-height:50px;width:100%}.classic-action.is-next{background:#f3f6f4}.classic-action:disabled{cursor:default;opacity:.65}.classic-screen--short .classic-status>div{min-height:52px;padding-bottom:9px;padding-top:9px}.classic-screen--short .classic-player{gap:8px;padding-bottom:11px;padding-top:11px}.classic-screen--short .classic-transport{min-height:48px}.classic-screen--short .classic-wave{height:44px}.classic-screen--short .classic-answer{gap:8px;padding-top:11px}.classic-screen--short .classic-suggestions{max-height:142px}@media(max-height:720px){.classic-screen:not(.classic-screen--framed) .classic-status>div{min-height:52px;padding-bottom:9px;padding-top:9px}.classic-screen:not(.classic-screen--framed) .classic-player{gap:8px;padding-bottom:11px;padding-top:11px}.classic-screen:not(.classic-screen--framed) .classic-transport{min-height:48px}.classic-screen:not(.classic-screen--framed) .classic-wave{height:44px}.classic-screen:not(.classic-screen--framed) .classic-answer{gap:8px;padding-top:11px}}@container (max-width: 370px){.classic-topbar{padding-left:11px;padding-right:11px}.classic-answer,.classic-player,.classic-status{padding-left:13px;padding-right:13px}.classic-status>div{gap:4px}.classic-status strong{font-size:15px}.classic-status__score strong{font-size:21px}}@keyframes classic-wave-pulse{0%{transform:scaleY(.72)}to{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.classic-wave.is-playing span{animation:none}}