.sl-int__wrap{width:100%;display:flex;justify-content:center}.sl-int__app{width:100%}.sl-int__app-shell{width:100%;max-width:980px;margin:0 auto}.sl-int__card{padding:0;background:#fff0;border:0;box-shadow:none}.sl-int__header{margin-bottom:0}.sl-int__header-main{display:grid;gap:10px}.sl-int__toolbar{gap:12px;justify-content:flex-end}.sl-int__meta{display:flex;gap:8px;flex-wrap:wrap}.sl-int__quick-level{margin:0;min-width:min(100%, 220px)}.sl-int__quick-level label{display:block;margin-bottom:6px;color:var(--lab-muted);font-size:.8rem;font-weight:800}.sl-int__tabs,.sl-int__app .sl-int__tabs{display:flex;gap:8px!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.sl-int__tab,.sl-int__app .sl-int__tab{appearance:none!important;-webkit-appearance:none!important;flex:1 1 0!important;min-height:var(--lab-btn-h)!important;padding:14px 16px!important;border:1px solid #e6c5c5!important;background:#f6e3e3!important;color:#8f6767!important;border-radius:0!important;box-shadow:none!important;letter-spacing:0.2px!important;font-weight:700;white-space:nowrap!important;text-transform:none!important}.sl-int__tab:hover,.sl-int__app .sl-int__tab:hover{background:#f2d0d0!important;border-color:#dcaaaa!important;color:#7a2424!important}.sl-int__tab[aria-selected="true"],.sl-int__app .sl-int__tab[aria-selected="true"]{background:linear-gradient(180deg,#d62c2c 0%,#ab1515 100%)!important;border-color:#911313!important;color:#fff!important;box-shadow:0 8px 20px rgb(171 21 21 / .24)!important}.sl-int__tab[aria-selected="false"],.sl-int__app .sl-int__tab[aria-selected="false"]{background:#f6e3e3!important;border-color:#e6c5c5!important;color:#8f6767!important;box-shadow:none!important}.sl-int__controls{margin:0 0 12px;padding:10px;border:1px solid var(--lab-border);border-radius:var(--lab-radius-xl);background:rgb(255 250 240 / .72)}.sl-int__controls.lab-actions{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,0.9fr));gap:12px;align-items:stretch}.sl-int__controls.sl-int__controls--running.lab-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-int__controls.lab-actions>*{flex:none;width:auto}.sl-int__btn.lab-btn{min-width:0;min-height:var(--lab-btn-h-lg);padding:16px 18px;font-size:1rem;font-weight:900}.sl-int__controls [data-action="start"]{box-shadow:0 14px 28px rgb(171 21 21 / .18)}.sl-int__controls [data-action="repeat"]{border-color:rgb(166 108 8 / .22);background:rgb(255 245 223 / .95);color:#7a4b0d}.sl-int__controls [data-action="repeat"]:hover{border-color:rgb(166 108 8 / .4);background:rgb(250 231 191 / .98)}.sl-int__controls [data-action="next"]{border-color:rgb(120 49 20 / .18);background:linear-gradient(180deg,#fff5ef 0%,#ffe4d7 100%);color:#8a3314}.sl-int__controls [data-action="next"]:hover{border-color:rgb(120 49 20 / .36);background:linear-gradient(180deg,#ffeede 0%,#ffd5c1 100%)}.sl-int__btn--hidden{display:none!important}.sl-int__workspace{margin-bottom:0}.sl-int__feedback{margin:0}.sl-int__feedback:empty{display:none}.sl-int__playing-bar{--sl-int-pulse-duration:0.65s;--sl-int-glow-duration:1.3s;display:none;align-items:center;justify-content:center;gap:18px;margin:20px 0 26px;padding:28px 24px;min-height:132px;border:1.5px solid var(--lab-border);border-radius:24px;background:radial-gradient(circle at top,rgb(224 173 70 / .18),transparent 58%),linear-gradient(180deg,rgb(255 255 255 / .84),rgb(255 255 255 / .64));box-shadow:var(--lab-shadow);font-family:var(--lab-font-display);font-size:1.7rem;font-weight:900;color:var(--lab-text);letter-spacing:.02em}.sl-int__playing-bar.is-visible{display:flex}.sl-int__playing-bar__visual{display:inline-flex;align-items:center;gap:14px;padding:14px 16px;border-radius:999px;background:rgb(255 255 255 / .66);border:1px solid rgb(224 173 70 / .28);box-shadow:0 10px 24px rgb(224 173 70 / .14);animation:slint-playing-glow var(--sl-int-glow-duration) ease-in-out infinite}.sl-int__playing-bar__text{line-height:1.15;text-transform:none!important}.sl-int__playing-bar__dot{width:14px;height:14px;border-radius:50%;background:var(--lab-accent);border:2px solid var(--lab-accent-dark);flex-shrink:0;animation:slint-playing-pulse var(--sl-int-pulse-duration) ease-in-out infinite}.sl-int__sound-wave{display:flex;align-items:flex-end;gap:5px;height:36px}.sl-int__sound-wave__bar{width:5px;height:12px;border-radius:999px;background:linear-gradient(180deg,var(--lab-accent),var(--lab-accent-dark));transform-origin:center bottom;animation:slint-wave var(--sl-int-pulse-duration) ease-in-out infinite}@keyframes slint-playing-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}@keyframes slint-playing-glow{0%,100%{transform:translateY(0);box-shadow:0 10px 24px rgb(224 173 70 / .14)}50%{transform:translateY(-1px);box-shadow:0 14px 28px rgb(224 173 70 / .22)}}@keyframes slint-wave{0%,100%{transform:scaleY(.45);opacity:.5}50%{transform:scaleY(1.6);opacity:1}}.sl-int__feedback strong{font-weight:800}.sl-int__prompt{margin:0;color:var(--lab-text);font-size:15px;font-weight:700}.sl-int__hint{margin-top:8px;color:var(--lab-muted);font-size:13px;font-weight:600}.sl-int__panel--hidden{display:none}.sl-int__notation{margin:0;border-style:dashed;border-color:var(--lab-border-strong);padding:14px;overflow:auto;min-height:250px;display:grid}.sl-int__notation-target{min-height:220px;height:100%;display:flex;align-items:center;justify-content:center}.sl-int__notation-target svg{width:min(100%, 720px);height:auto}.sl-int__grid{margin-top:0}.sl-int__grid.lab-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sl-int__answer-title,.sl-int__answer-back{grid-column:1 / -1}.sl-int__answer-title{color:var(--lab-muted);font-size:.9rem;font-weight:900}.sl-int__answer-back{justify-self:start}.sl-int__opt.lab-choice{min-height:76px;padding:12px 10px;border-radius:16px;background:rgb(255 255 255 / .78);border-color:rgb(120 89 61 / .14);box-shadow:none;font-size:.92rem;line-height:1.25;white-space:normal;text-wrap:balance;word-break:normal;overflow-wrap:anywhere}.sl-int__quantity-choice.lab-choice,.sl-int__quality-choice.lab-choice{display:flex;align-items:center;justify-content:center;text-align:center}.sl-int__opt.lab-choice:hover{border-color:rgb(166 108 8 / .36);background:rgb(255 247 230 / .96);color:var(--lab-accent-dark)}.sl-int__opt>div{font-size:1rem;font-weight:900;color:var(--lab-heading)}.sl-int__opt small{display:block;margin-top:4px;font-weight:600;color:var(--lab-muted);font-size:12px;text-transform:none!important}.sl-int__footer{display:grid;gap:10px}.sl-int__stats{margin:0}.sl-int__pill{font-size:13px}.sl-int__stats-actions{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.sl-int__reset{align-self:flex-start}.sl-int__accordion{border:1px solid var(--lab-border);border-radius:var(--lab-radius-lg);overflow:hidden;background:rgb(255 255 255 / .55);backdrop-filter:blur(10px)}.sl-int__acc-head{width:100%;text-align:left;border:0;background:rgb(255 248 228 / .68);padding:14px 16px;color:var(--lab-heading);font:inherit;font-weight:900;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.sl-int__acc-body{padding:14px;display:none}.sl-int__acc-body[aria-hidden="false"]{display:block}.sl-int__field{display:flex;gap:10px;align-items:center;margin:12px 0}.sl-int__field label{flex:0 0 40%;font-weight:700;font-size:13px;color:var(--lab-text)}.sl-int__field .lab-select,.sl-int__field .lab-input{flex:1}.sl-int__apply{margin-top:10px}.sl-int__loading{opacity:.8;font-size:14px;color:var(--lab-muted);padding:12px 0 2px}#sl-int-intervali-app .lab-btn,#sl-int-intervali-app .lab-choice,#sl-int-intervali-app .sl-int__tab,#sl-int-intervali-app button,.sl-int__app .lab-btn,.sl-int__app .lab-choice,.sl-int__app .sl-int__tab,.sl-int__app button{text-transform:none!important}@media (min-width:760px){.sl-int__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (max-width:640px){.sl-int__header{gap:12px}.sl-int__playing-bar{gap:12px;padding:22px 18px;min-height:112px;font-size:1.18rem}.sl-int__playing-bar__visual{gap:12px;padding:12px 14px}.sl-int__toolbar{align-items:stretch;justify-content:stretch}.sl-int__controls{position:sticky;bottom:calc(10px + env(safe-area-inset-bottom, 0px));z-index:8;backdrop-filter:blur(10px);box-shadow:0 16px 28px rgb(120 89 61 / .14)}.sl-int__controls.lab-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-int__controls [data-action="start"]{grid-column:1 / -1}.sl-int__quick-level{width:100%}.sl-int__grid.lab-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-int__opt.lab-choice{min-height:74px;padding:12px 10px;font-size:.88rem}.sl-int__opt>div{font-size:.95rem}.sl-int__field{display:grid;gap:6px;align-items:stretch}.sl-int__field label{flex:none}.sl-int__stats-actions>*{width:100%}}.sl-int__app-shell{--practice-ink:#24313a;--practice-muted:#64717b;--practice-line:rgba(36, 49, 58, 0.12);--practice-surface:#ffffff;--practice-soft:#f6f8f7;--practice-accent:#24384d;--practice-accent-strong:#162636}.sl-int__header{padding-bottom:6px;border-bottom:1px solid var(--practice-line)}.sl-int__title,.sl-int__app .lab-app__title{color:var(--practice-ink)}.sl-int__meta .lab-chip,.sl-int__stats .lab-chip{background:var(--practice-soft);border-color:var(--practice-line);color:var(--practice-muted)}.sl-int__tab,.sl-int__app .sl-int__tab{border-radius:8px!important;background:var(--practice-surface)!important;border-color:var(--practice-line)!important;color:var(--practice-muted)!important;transition:background 160ms ease,color 160ms ease,border-color 160ms ease,transform 160ms ease}.sl-int__tab:hover,.sl-int__app .sl-int__tab:hover{background:#eef2f5!important;border-color:rgb(36 56 77 / .22)!important;color:var(--practice-accent-strong)!important}.sl-int__tab[aria-selected="true"],.sl-int__app .sl-int__tab[aria-selected="true"]{background:var(--practice-accent)!important;border-color:var(--practice-accent)!important;color:#fff!important;box-shadow:0 10px 22px rgb(36 56 77 / .18)!important}.sl-int__controls.lab-actions{background:var(--practice-surface);border-color:var(--practice-line);border-radius:8px;box-shadow:0 14px 32px rgb(36 49 58 / .08)}.sl-int__btn.lab-btn{border-radius:8px}.sl-int__controls [data-action="start"]{background:var(--practice-accent)!important;border-color:var(--practice-accent)!important;color:#fff!important;box-shadow:0 14px 26px rgb(36 56 77 / .22)}.sl-int__controls [data-action="repeat"]{background:#fff7e8!important;border-color:rgb(186 126 31 / .24)!important;color:#7b531b!important}.sl-int__controls [data-action="next"]{background:#eef2f5!important;border-color:rgb(36 56 77 / .18)!important;color:var(--practice-accent-strong)!important}.sl-int__workspace.lab-workspace{background:var(--practice-surface);border:1px solid var(--practice-line);border-radius:8px;box-shadow:0 18px 38px rgb(36 49 58 / .08)}.sl-int__prompt-panel.lab-panel{border-radius:8px;background:var(--practice-soft);border-color:var(--practice-line);box-shadow:none}.sl-int__prompt-main{color:var(--practice-ink)}.sl-int__hint,.sl-int__answer-title{color:var(--practice-muted)}.sl-int__playing-bar{border-radius:8px;border-color:rgb(36 56 77 / .18);background:linear-gradient(180deg,rgb(238 245 244 / .92),rgb(255 255 255 / .92));box-shadow:0 16px 34px rgb(36 56 77 / .12)}.sl-int__playing-bar__visual{border-color:rgb(36 56 77 / .2);box-shadow:none}.sl-int__playing-bar__dot,.sl-int__sound-wave__bar{background:var(--practice-accent);border-color:var(--practice-accent-strong)}.sl-int__grid.lab-choice-grid{gap:12px}.sl-int__opt.lab-choice{min-height:82px;border-radius:8px;background:#fff;border-color:var(--practice-line);color:var(--practice-ink);transition:transform 160ms ease,border-color 160ms ease,background 160ms ease,box-shadow 160ms ease}.sl-int__opt.lab-choice:hover{transform:translateY(-1px);border-color:rgb(36 56 77 / .32);background:#f8fafb;color:var(--practice-accent-strong);box-shadow:0 10px 22px rgb(36 49 58 / .08)}.sl-int__opt.lab-choice:focus-visible,.sl-int__btn.lab-btn:focus-visible,.sl-int__tab:focus-visible{outline:3px solid rgb(36 56 77 / .22);outline-offset:2px}.sl-int__feedback.lab-feedback{border-radius:8px;box-shadow:none}.sl-int__notation.lab-panel,.sl-int__accordion{border-radius:8px;border-color:var(--practice-line);box-shadow:none}.sl-int__acc-head{background:var(--practice-surface)}@media (min-width:760px){.sl-int__app-shell{max-width:1080px}.sl-int__card{display:grid;grid-template-columns:minmax(250px,0.78fr) minmax(0,1.5fr);grid-template-areas:"header header" "tabs tabs" "actions workspace" "playing workspace" "footer footer" "settings settings";gap:14px 18px}.sl-int__header{grid-area:header}.sl-int__tabs{grid-area:tabs}.sl-int__controls{grid-area:actions;align-self:start;margin:0}.sl-int__playing-bar{grid-area:playing;margin:0;min-height:118px}.sl-int__workspace{grid-area:workspace;min-width:0;margin:0;padding:18px}.sl-int__footer{grid-area:footer}.sl-int__settings{grid-area:settings}.sl-int__controls.lab-actions,.sl-int__controls.sl-int__controls--running.lab-actions{grid-template-columns:1fr;padding:16px}.sl-int__controls [data-action="start"]{min-height:76px}.sl-int__grid.lab-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:640px){.sl-int__controls.lab-actions{border-radius:12px}.sl-int__btn.lab-btn{min-height:58px;padding:14px 12px}.sl-int__workspace.lab-workspace{padding:14px}.sl-int__grid.lab-choice-grid{gap:10px}.sl-int__opt.lab-choice{min-height:78px}}