.slovensko-akordi-wrap{width:100%;color:var(--lab-text);max-width:980px;margin:0 auto}.slovensko-akordi-wrap *{box-sizing:border-box}.sa-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:0}.sa-header-main{display:grid;gap:10px}.sa-toolbar{min-width:min(100%, 220px)}.sa-quick-level label{display:block;margin-bottom:6px;color:var(--lab-muted);font-size:.8rem;font-weight:800}.sa-meta{display:flex;gap:8px;flex-wrap:wrap}.sa-tabs,.slovensko-akordi-wrap .sa-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}.sa-tab,.slovensko-akordi-wrap .sa-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:800!important;white-space:nowrap!important;text-transform:none!important}.sa-tab:hover,.slovensko-akordi-wrap .sa-tab:hover{background:#f2d0d0!important;border-color:#dcaaaa!important;color:#7a2424!important}.sa-tab[aria-selected="true"],.slovensko-akordi-wrap .sa-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}.sa-tab[aria-selected="false"],.slovensko-akordi-wrap .sa-tab[aria-selected="false"]{background:#f6e3e3!important;border-color:#e6c5c5!important;color:#8f6767!important;box-shadow:none!important}.sa-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)}.sa-controls.lab-actions{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,0.9fr));gap:12px;align-items:stretch}.sa-controls.sa-controls--running.lab-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-controls.lab-actions>*{flex:none;width:auto}.sa-controls .lab-btn{min-height:var(--lab-btn-h-lg);padding:16px 18px;font-size:1rem;font-weight:900}.sa-controls [data-action="start"]{box-shadow:0 14px 28px rgb(171 21 21 / .18)}.sa-controls [data-action="repeat"]{border-color:rgb(166 108 8 / .22);background:rgb(255 245 223 / .95);color:#7a4b0d}.sa-controls [data-action="repeat"]:hover{border-color:rgb(166 108 8 / .4);background:rgb(250 231 191 / .98)}.sa-controls [data-action="next"]{border-color:rgb(120 49 20 / .18);background:linear-gradient(180deg,#fff5ef 0%,#ffe4d7 100%);color:#8a3314}.sa-controls [data-action="next"]:hover{border-color:rgb(120 49 20 / .36);background:linear-gradient(180deg,#ffeede 0%,#ffd5c1 100%)}.sa-feedback{margin-bottom:12px}.sa-feedback:empty{display:none}.sa-playing-bar{--sa-pulse-duration:0.7s;--sa-glow-duration:1.4s;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}.sa-playing-bar.is-visible{display:flex}.sa-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:sa-playing-glow var(--sa-glow-duration) ease-in-out infinite}.sa-playing-bar__text{line-height:1.15;text-transform:none!important}.sa-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:sa-pulse var(--sa-pulse-duration) ease-in-out infinite}.sa-sound-wave{display:flex;align-items:flex-end;gap:5px;height:36px}.sa-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:sa-wave var(--sa-pulse-duration) ease-in-out infinite}@keyframes sa-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.45)}}@keyframes sa-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 sa-wave{0%,100%{transform:scaleY(.45);opacity:.5}50%{transform:scaleY(1.6);opacity:1}}.sa-prompt{margin:0;font-weight:700}.sa-notation{display:none;overflow:hidden}.sa-notation.active{display:block}.sa-notation-hint{margin:0 0 8px;color:var(--lab-muted);font-size:.92rem}.sa-stepper{margin-top:-2px;margin-bottom:2px}.sa-steps{display:grid;gap:10px}.sa-step{transition:opacity var(--lab-ease),border-color var(--lab-ease),background var(--lab-ease)}.sa-step h3{margin:0 0 12px;font-size:1rem;font-family:var(--lab-font-display);letter-spacing:-.02em}.sa-step--inactive{opacity:.62}.sa-grid{display:grid;gap:10px}.sa-grid.lab-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa-choice{min-height:var(--lab-btn-h);display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 12px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-transform:none!important;border-radius:16px;background:rgb(255 255 255 / .8);border-color:rgb(120 89 61 / .14);box-shadow:none;font-size:.9rem}.sa-grid--voicings.lab-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-choice--voicing{min-height:66px;padding:12px 10px;font-size:.86rem}.sa-choice[aria-pressed="true"]{border-color:rgb(166 108 8 / .34);background:rgb(199 137 24 / .16);color:var(--lab-accent-dark)}.sa-select{width:100%}.sa-stats{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.sa-settings{margin-top:14px}.sa-settings summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--lab-border);border-radius:var(--lab-radius-lg);background:rgb(255 255 255 / .62);font-weight:900}.sa-settings summary::-webkit-details-marker{display:none}.sa-settings-body{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.sa-field{border:1px solid var(--lab-border);border-radius:var(--lab-radius-lg);background:rgb(255 255 255 / .6);padding:12px 14px}.sa-field label{display:block;margin-bottom:6px;font-size:.92rem;color:var(--lab-muted);font-weight:800}.sa-field .sa-switch{display:flex;align-items:center;justify-content:space-between;gap:10px}.sa-field .sa-switch input{width:20px;height:20px}.sa-hidden{display:none!important}.sa-note{color:var(--lab-muted);font-size:.92rem}#slovensko-akordi-app .lab-btn,#slovensko-akordi-app .lab-choice,#slovensko-akordi-app .sa-tab,#slovensko-akordi-app button,.slovensko-akordi-wrap .lab-btn,.slovensko-akordi-wrap .lab-choice,.slovensko-akordi-wrap .sa-tab,.slovensko-akordi-wrap button{text-transform:none!important}@media (min-width:640px){.sa-steps{grid-template-columns:1.15fr 0.85fr;align-items:start}.sa-settings-body{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sa-toolbar{width:100%}.sa-playing-bar{gap:12px;padding:22px 18px;min-height:112px;font-size:1.18rem}.sa-playing-bar__visual{gap:12px;padding:12px 14px}.sa-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)}.sa-controls.lab-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-controls [data-action="start"]{grid-column:1 / -1}.sa-grid.lab-choice-grid,.sa-grid--voicings.lab-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-choice{min-height:60px;padding:10px 10px;font-size:.84rem}.sa-stats>*{width:100%}}@media (min-width:760px){.slovensko-akordi-wrap{max-width:1080px;display:grid;grid-template-columns:minmax(250px,0.78fr) minmax(0,1.5fr);grid-template-areas:"header header" "tabs tabs" "actions workspace" "playing workspace" "feedback workspace" "stats stats" "settings settings";gap:14px 18px}.sa-header{grid-area:header;padding-bottom:4px;border-bottom:1px solid rgb(23 34 43 / .08)}.sa-tabs{grid-area:tabs}.sa-controls{grid-area:actions;align-self:start;margin:0}.sa-playing-bar{grid-area:playing;margin:0}.sa-feedback{grid-area:feedback;min-height:44px;margin:0}.sa-workspace{grid-area:workspace;min-width:0}.sa-stats{grid-area:stats}.sa-settings{grid-area:settings}.sa-controls.lab-actions{grid-template-columns:1fr;gap:10px;padding:16px;background:#fff;border:1px solid rgb(23 34 43 / .1);border-radius:8px;box-shadow:0 16px 36px rgb(23 34 43 / .08)}.sa-controls .lab-btn{min-height:62px;border-radius:8px;font-size:1.02rem}.sa-controls [data-action="start"]{min-height:76px;background:#20384a!important;box-shadow:0 14px 26px rgb(32 56 74 / .22)}.sa-controls.sa-controls--running.lab-actions{grid-template-columns:1fr}.sa-tab,.slovensko-akordi-wrap .sa-tab{border-radius:8px!important;background:#ffffff!important;border-color:rgb(23 34 43 / .12)!important;color:#52616b!important;box-shadow:none!important}.sa-tab[aria-selected="true"],.slovensko-akordi-wrap .sa-tab[aria-selected="true"]{color:#ffffff!important;background:#20384a!important;border-color:#20384a!important;box-shadow:0 10px 22px rgb(32 56 74 / .18)!important}.sa-workspace.lab-workspace{padding:18px;background:#fff;border:1px solid rgb(23 34 43 / .1);border-radius:8px;box-shadow:0 16px 36px rgb(23 34 43 / .08)}.sa-prompt.lab-panel{padding:0 0 14px;border:0;border-radius:0;background:#fff0;box-shadow:none;color:#52616b}.sa-stepper{margin:0 0 12px}.sa-step.lab-panel{border-radius:8px;box-shadow:none;background:#f8fafb}.sa-choice{border-radius:8px;min-height:62px}.sa-choice:hover{transform:translateY(-1px)}.sa-stats{justify-content:flex-start;padding-top:4px}.sa-settings summary{border-radius:8px;background:#fff}}.slovensko-akordi-wrap{--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}.sa-header{padding-bottom:6px;border-bottom:1px solid var(--practice-line)}.sa-header h2,.slovensko-akordi-wrap .lab-app__title{color:var(--practice-ink)}.sa-meta .lab-chip,.sa-stats .lab-chip{background:var(--practice-soft);border-color:var(--practice-line);color:var(--practice-muted)}.sa-tab,.slovensko-akordi-wrap .sa-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}.sa-tab:hover,.slovensko-akordi-wrap .sa-tab:hover{background:#eef2f5!important;border-color:rgb(36 56 77 / .22)!important;color:var(--practice-accent-strong)!important}.sa-tab[aria-selected="true"],.slovensko-akordi-wrap .sa-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}.sa-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)}.sa-controls .lab-btn{border-radius:8px}.sa-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)}.sa-controls [data-action="repeat"]{background:#fff7e8!important;border-color:rgb(186 126 31 / .24)!important;color:#7b531b!important}.sa-controls [data-action="next"]{background:#eef2f5!important;border-color:rgb(36 56 77 / .18)!important;color:var(--practice-accent-strong)!important}.sa-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)}.sa-prompt.lab-panel{border-radius:8px;background:var(--practice-soft);border-color:var(--practice-line);box-shadow:none;color:var(--practice-muted)}.sa-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)}.sa-playing-bar__visual{border-color:rgb(36 56 77 / .2);box-shadow:none}.sa-playing-bar__dot,.sa-sound-wave__bar{background:var(--practice-accent);border-color:var(--practice-accent-strong)}.sa-step.lab-panel{border-radius:8px;background:var(--practice-soft);border-color:var(--practice-line);box-shadow:none}.sa-step h3{color:var(--practice-ink);letter-spacing:0}.sa-choice{min-height:76px;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}.sa-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)}.sa-choice[aria-pressed="true"]{border-color:rgb(36 56 77 / .38);background:#eef2f5;color:var(--practice-accent-strong)}.sa-choice:focus-visible,.sa-controls .lab-btn:focus-visible,.sa-tab:focus-visible{outline:3px solid rgb(36 56 77 / .22);outline-offset:2px}.sa-feedback.lab-feedback{border-radius:8px;box-shadow:none}.sa-notation.lab-panel,.sa-settings summary,.sa-field{border-radius:8px;border-color:var(--practice-line);box-shadow:none}.sa-settings summary,.sa-field{background:var(--practice-surface)}@media (min-width:760px){.slovensko-akordi-wrap{max-width:1080px}.sa-controls.lab-actions,.sa-controls.sa-controls--running.lab-actions{grid-template-columns:1fr;padding:16px}.sa-controls [data-action="start"]{min-height:76px}.sa-workspace.lab-workspace{padding:18px}}@media (max-width:640px){.sa-controls.lab-actions{border-radius:12px}.sa-controls .lab-btn{min-height:58px;padding:14px 12px}.sa-workspace.lab-workspace{padding:14px}.sa-grid.lab-choice-grid,.sa-grid--voicings.lab-choice-grid{gap:10px}.sa-choice{min-height:70px}}