{"id":5512,"date":"2026-11-04T18:53:54","date_gmt":"2026-11-04T17:53:54","guid":{"rendered":"https:\/\/deskaudio.eu\/?post_type=da_nastroj&#038;p=5512"},"modified":"2026-11-11T12:26:19","modified_gmt":"2026-11-11T11:26:19","slug":"kvintovy-kruh","status":"publish","type":"da_nastroj","link":"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/kvintovy-kruh\/","title":{"rendered":"Kvintov\u00fd kruh"},"content":{"rendered":"<div class=\"da-lekcia da-nastroj\" data-lekcia=\"nastroj-kvintovy-kruh\">\n<div style=\"width: 100%; background: #141311; color: #EDEAE4; font-family: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;\"><main style=\"max-width: 1240px; margin: 0 auto; padding: 40px 24px 64px; display: flex; flex-direction: column; gap: 28px;\"><\/p>\n<nav aria-label=\"N\u00e1stroje\" style=\"display: flex; flex-wrap: wrap; gap: 6px; align-items: center;\"><span style=\"font-size: 13px; font-weight: 600; color: #A8A29A; margin-right: 6px;\">N\u00e1stroje:<\/span><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/hmatnik\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Hmatn\u00edk<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/akordy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Akordy<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/kvintovy-kruh\/\" aria-current=\"page\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; background: #EDEAE4; color: #141311; border: 1px solid #EDEAE4;\">Kvintov\u00fd kruh<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/transpozice\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Transpozice<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/rytmy\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Rytmy<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/podklady\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Podklady<\/a><a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/trener-sluchu\/\" style=\"display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px; font-weight: 600; text-decoration: none; color: #EDEAE4; border: 1px solid #3A3733;\">Tren\u00e9r sluchu<\/a><\/nav>\n<div style=\"display: flex; flex-direction: column; gap: 10px; max-width: 46em;\">\n      <span style=\"font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #F2804A;\">N\u00e1stroj<\/span><\/p>\n<h1 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 48px); line-height: 1.05; letter-spacing: -0.02em;\">Kvintov\u00fd kruh<\/h1>\n<p style=\"margin: 0; font-size: 17px; line-height: 1.55; color: #C9C3BA;\">Klikni na t\u00f3ninu. Uvid\u00ed\u0161 jej\u00ed p\u0159edznamen\u00e1n\u00ed, stupnici, paraleln\u00ed t\u00f3ninu a v\u0161ech sedm akord\u016f i s hmaty. \u0160ipkami t\u00f3ninu posune\u0161 o kvintu a cel\u00e1 rodina akord\u016f se posune s n\u00ed.<\/p>\n<\/p><\/div>\n<section aria-label=\"Kvintov\u00fd kruh a vybran\u00e1 t\u00f3nina\" style=\"display: flex; flex-wrap: wrap; gap: 28px; align-items: flex-start; padding: 24px; border-radius: 20px; background: #1D1B19; border: 1px solid #3A3733;\">\n<div style=\"flex: 1 1 380px; min-width: 0; max-width: 540px; margin: 0 auto; display: flex; flex-direction: column; gap: 14px;\">\n<div style=\"position: relative; width: 100%; aspect-ratio: 1 \/ 1;\">\n<div style=\"position: absolute; inset: 2%; border-radius: 50%; border: 2px solid #3A3733;\"><\/div>\n<div style=\"position: absolute; inset: 21%; border-radius: 50%; border: 1px dashed #3A3733;\"><\/div>\n<div style=\"position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; display: flex; flex-direction: column; gap: 2px; width: 34%;\">\n            <span style=\"font-family: Syne, sans-serif; font-size: clamp(18px, 3.6vw, 28px); font-weight: 800; line-height: 1.1;\">C dur<\/span><br \/>\n            <span style=\"font-size: 14px; color: #FFD166; font-weight: 700;\">\u017e\u00e1dn\u00e9<\/span>\n          <\/div>\n<p>            <button type=\"button\" aria-label=\"C dur\" aria-pressed=\"true\" style=\"position: absolute; left: 50.00%; top: 9.00%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #F2804A; color: #141311; border: 2px solid #F2804A;\"><span>C<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">0<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"A moll\" aria-pressed=\"false\" style=\"position: absolute; left: 50.00%; top: 24.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #3A3016; color: #FFD166; border: 2px solid #FFD166;\"><span>Am<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"G dur\" aria-pressed=\"false\" style=\"position: absolute; left: 70.50%; top: 14.49%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #1D2B40; color: #EDEAE4; border: 2px solid #4F9DFF;\"><span>G<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">1#<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"E moll\" aria-pressed=\"false\" style=\"position: absolute; left: 63.00%; top: 27.48%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #1D2B40; color: #EDEAE4; border: 2px solid #4F9DFF;\"><span>Em<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"D dur\" aria-pressed=\"false\" style=\"position: absolute; left: 85.51%; top: 29.50%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>D<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">2#<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"B moll\" aria-pressed=\"false\" style=\"position: absolute; left: 72.52%; top: 37.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Bm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"A dur\" aria-pressed=\"false\" style=\"position: absolute; left: 91.00%; top: 50.00%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>A<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">3#<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"F# moll\" aria-pressed=\"false\" style=\"position: absolute; left: 76.00%; top: 50.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>F#m<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"E dur\" aria-pressed=\"false\" style=\"position: absolute; left: 85.51%; top: 70.50%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>E<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">4#<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"C# moll\" aria-pressed=\"false\" style=\"position: absolute; left: 72.52%; top: 63.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>C#m<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"B dur\" aria-pressed=\"false\" style=\"position: absolute; left: 70.50%; top: 85.51%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>B<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">5#<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"G# moll\" aria-pressed=\"false\" style=\"position: absolute; left: 63.00%; top: 72.52%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>G#m<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"F# dur\" aria-pressed=\"false\" style=\"position: absolute; left: 50.00%; top: 91.00%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #FF8A80; border: 2px dashed #FF8A80;\"><span>F#\/Gb<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">6#\/6b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"D# moll\" aria-pressed=\"false\" style=\"position: absolute; left: 50.00%; top: 76.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>D#m\/Ebm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"Db dur\" aria-pressed=\"false\" style=\"position: absolute; left: 29.50%; top: 85.51%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Db<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">5b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"Bb moll\" aria-pressed=\"false\" style=\"position: absolute; left: 37.00%; top: 72.52%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Bbm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"Ab dur\" aria-pressed=\"false\" style=\"position: absolute; left: 14.49%; top: 70.50%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Ab<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">4b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"F moll\" aria-pressed=\"false\" style=\"position: absolute; left: 27.48%; top: 63.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Fm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"Eb dur\" aria-pressed=\"false\" style=\"position: absolute; left: 9.00%; top: 50.00%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Eb<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">3b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"C moll\" aria-pressed=\"false\" style=\"position: absolute; left: 24.00%; top: 50.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Cm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"Bb dur\" aria-pressed=\"false\" style=\"position: absolute; left: 14.49%; top: 29.50%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Bb<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">2b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"G moll\" aria-pressed=\"false\" style=\"position: absolute; left: 27.48%; top: 37.00%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #26231F; color: #EDEAE4; border: 2px solid #3A3733;\"><span>Gm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"F dur\" aria-pressed=\"false\" style=\"position: absolute; left: 29.50%; top: 14.49%; transform: translate(-50%, -50%); width: 15%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(11px, 2.4vw, 17px); background: #1D2B40; color: #EDEAE4; border: 2px solid #4F9DFF;\"><span>F<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\">1b<\/span><\/button><br \/>\n            <button type=\"button\" aria-label=\"D moll\" aria-pressed=\"false\" style=\"position: absolute; left: 37.00%; top: 27.48%; transform: translate(-50%, -50%); width: 11.5%; aspect-ratio: 1 \/ 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 0; cursor: pointer; font: inherit; font-family: Syne, sans-serif; font-weight: 800; line-height: 1.05; font-size: clamp(9px, 1.7vw, 13px); background: #1D2B40; color: #EDEAE4; border: 2px solid #4F9DFF;\"><span>Dm<\/span><span style=\"font-size: 10px; font-weight: 700; opacity: 0.85;\"><\/span><\/button>\n        <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 8px; justify-content: center;\">\n          <button type=\"button\" aria-label=\"O kvintu n\u00ed\u017e, proti sm\u011bru hodinov\u00fdch ru\u010di\u010dek\" style=\"min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer;\">\u21ba o kvintu n\u00ed\u017e<\/button><br \/>\n          <button type=\"button\" aria-label=\"O kvintu v\u00fd\u0161, ve sm\u011bru hodinov\u00fdch ru\u010di\u010dek\" style=\"min-height: 44px; padding: 0 16px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 14px; cursor: pointer;\">o kvintu v\u00fd\u0161 \u21bb<\/button>\n        <\/div>\n<div style=\"display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: center; font-size: 13px; color: #C9C3BA;\">\n          <span style=\"display: flex; gap: 6px; align-items: center;\"><span style=\"width: 14px; height: 14px; border-radius: 50%; background: #F2804A;\"><\/span>vybran\u00e1 t\u00f3nina<\/span><br \/>\n          <span style=\"display: flex; gap: 6px; align-items: center;\"><span style=\"width: 14px; height: 14px; border-radius: 50%; border: 2px solid #4F9DFF; background: #1D2B40;\"><\/span>ostatn\u00ed akordy t\u00f3niny<\/span><br \/>\n          <span style=\"display: flex; gap: 6px; align-items: center;\"><span style=\"width: 14px; height: 14px; border-radius: 50%; border: 2px solid #FFD166;\"><\/span>paraleln\u00ed t\u00f3nina<\/span><br \/>\n          <span style=\"display: flex; gap: 6px; align-items: center;\"><span style=\"width: 14px; height: 14px; border-radius: 50%; border: 2px dashed #FF8A80;\"><\/span>nejvzd\u00e1len\u011bj\u0161\u00ed (trit\u00f3n)<\/span>\n        <\/div>\n<\/p><\/div>\n<div style=\"flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 12px;\">\n<div role=\"group\" aria-label=\"Durov\u00e1 nebo mollov\u00e1 t\u00f3nina\" style=\"display: flex; align-self: flex-start; border: 1px solid #8C867D; border-radius: 999px; overflow: hidden;\">\n            <button type=\"button\" aria-pressed=\"true\" style=\"min-height: 40px; padding: 0 18px; border: 0; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; background: #EDEAE4; color: #141311;\">Durov\u00e1<\/button><br \/>\n            <button type=\"button\" aria-pressed=\"false\" style=\"min-height: 40px; padding: 0 18px; border: 0; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; background: transparent; color: #EDEAE4;\">Mollov\u00e1<\/button>\n        <\/div>\n<h2 style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 800; font-size: 30px;\">C dur<\/h2>\n<div style=\"display: flex; flex-direction: column; gap: 1px; padding-bottom: 8px; border-bottom: 1px solid #2E2B28;\"><span style=\"font-size: 12px; color: #A8A29A; font-weight: 600;\">P\u0159edznamen\u00e1n\u00ed<\/span><span style=\"font-weight: 700; font-size: 16px;\">\u017e\u00e1dn\u00e9<\/span><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 1px; padding-bottom: 8px; border-bottom: 1px solid #2E2B28;\"><span style=\"font-size: 12px; color: #A8A29A; font-weight: 600;\">Durov\u00e1 stupnice<\/span><span style=\"font-weight: 700; font-size: 16px;\">C D E F G A B<\/span><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 1px; padding-bottom: 8px; border-bottom: 1px solid #2E2B28;\"><span style=\"font-size: 12px; color: #A8A29A; font-weight: 600;\">Paraleln\u00ed moll (stejn\u00e9 p\u0159edznamen\u00e1n\u00ed)<\/span><span style=\"font-weight: 700; font-size: 16px;\">A moll<\/span><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 1px; padding-bottom: 8px; border-bottom: 1px solid #2E2B28;\"><span style=\"font-size: 12px; color: #A8A29A; font-weight: 600;\">Sousedn\u00ed t\u00f3niny (li\u0161\u00ed se jedin\u00fdm t\u00f3nem)<\/span><span style=\"font-weight: 700; font-size: 16px;\">F dur a G dur<\/span><\/div>\n<div style=\"display: flex; flex-direction: column; gap: 1px; padding-bottom: 8px; border-bottom: 1px solid #2E2B28;\"><span style=\"font-size: 12px; color: #A8A29A; font-weight: 600;\">Nejvzd\u00e1len\u011bj\u0161\u00ed t\u00f3nina (trit\u00f3n)<\/span><span style=\"font-weight: 700; font-size: 16px;\">F# dur<\/span><\/div>\n<p style=\"margin: 0; font-size: 14px; line-height: 1.55; color: #C9C3BA;\">C dur nem\u00e1 \u017e\u00e1dn\u00e9 p\u0159edznamen\u00e1n\u00ed.<\/p>\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px;\">\n          <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 0; background: #F2804A; color: #141311; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n            <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #141311; color: #F2804A; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span><br \/>\n            Stupnice<br \/>\n          <\/button><br \/>\n          <button type=\"button\" style=\"display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 18px 0 8px; border-radius: 999px; border: 1px solid #8C867D; background: transparent; color: #EDEAE4; font: inherit; font-weight: 700; font-size: 15px; cursor: pointer;\"><br \/>\n            <span style=\"width: 30px; height: 30px; border-radius: 50%; background: #EDEAE4; color: #141311; display: grid; place-items: center;\"><svg aria-hidden=\"true\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7 4v16l13-8z\"><\/path><\/svg><\/span><br \/>\n            I \u2013 IV \u2013 V \u2013 I<br \/>\n          <\/button>\n        <\/div>\n<\/p><\/div>\n<\/section>\n<section aria-labelledby=\"ch-h\" style=\"display: flex; flex-direction: column; gap: 14px;\">\n<div style=\"display: flex; flex-wrap: wrap; gap: 10px 20px; align-items: center; justify-content: space-between;\">\n<h2 id=\"ch-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Akordy t\u00f3niny C<\/h2>\n<\/p><\/div>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px;\">\n          <button type=\"button\" aria-label=\"I, C, funkce T, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">I<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #E2601E;\">T<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">C<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">C \u2013 E \u2013 G<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span>\u00d7<\/span><span><\/span><span><\/span><span>o<\/span><span><\/span><span>o<\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"ii, Dm, funkce S, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">ii<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #2F7BD8;\">S<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">Dm<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">D \u2013 F \u2013 A<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span>\u00d7<\/span><span>\u00d7<\/span><span>o<\/span><span><\/span><span><\/span><span><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"iii, Em, funkce T, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">iii<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #E2601E;\">T<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">Em<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">E \u2013 G \u2013 B<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span>o<\/span><span><\/span><span><\/span><span>o<\/span><span>o<\/span><span>o<\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"IV, F, funkce S, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">IV<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #2F7BD8;\">S<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">F<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">F \u2013 A \u2013 C<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"V, G, funkce D, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">V<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #3E9A6B;\">D<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">G<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">G \u2013 B \u2013 D<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span><\/span><span><\/span><span>o<\/span><span>o<\/span><span>o<\/span><span><\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"vi, Am, funkce T, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">vi<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #E2601E;\">T<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">Am<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">A \u2013 C \u2013 E<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span>\u00d7<\/span><span>o<\/span><span><\/span><span><\/span><span><\/span><span>o<\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #EDEAE4;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-label=\"vii\u00b0, Bdim, funkce D, zahr\u00e1t\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 14px 12px 10px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #1D1B19; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"display: flex; justify-content: space-between; width: 100%; align-items: baseline;\"><span style=\"font-family: Syne, sans-serif; font-size: 15px; font-weight: 800; color: #A8A29A;\">vii\u00b0<\/span><span style=\"font-size: 12px; font-weight: 800; padding: 2px 8px; border-radius: 999px; color: #FFFFFF; background: #3E9A6B;\">D<\/span><\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 26px; font-weight: 800; color: #EDEAE4; line-height: 1.1;\">Bdim<\/span><br \/>\n            <span style=\"font-size: 12px; color: #A8A29A;\">B \u2013 D \u2013 F<\/span><br \/>\n            <span style=\"display: flex; flex-direction: column; align-items: center; padding-top: 6px; align-self: center;\"><br \/>\n              <span style=\"display: grid; grid-template-columns: 20px repeat(6, 16px); height: 14px; align-items: center; font-size: 10px; font-weight: 800; color: #8C867D; text-align: center;\"><br \/>\n                <span><\/span><br \/>\n                <span>\u00d7<\/span><span><\/span><span><\/span><span><\/span><span><\/span><span>\u00d7<\/span><br \/>\n              <\/span><br \/>\n              <span style=\"display: grid; grid-template-columns: 28px 81px; width: 116px;\"><span><\/span><span style=\"height: 4px; background: #EDEAE4; border-radius: 2px;\"><\/span><\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #9B6BD6;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #2F7BD8;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n                <span style=\"position: relative; display: grid; grid-template-columns: 20px repeat(6, 16px); height: 18px; align-items: center;\"><br \/>\n                  <span style=\"font-size: 9px; font-weight: 700; color: #A8A29A; text-align: right; padding-right: 3px;\"><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"position: relative; width: 11px; height: 11px; border-radius: 50%; background: #E2601E;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                    <span style=\"position: relative; height: 18px; display: grid; place-items: center;\"><span style=\"position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: #6B665F;\"><\/span><span style=\"display: none;\"><\/span><\/span><br \/>\n                  <span style=\"position: absolute; left: 28px; width: 81px; bottom: 0; height: 1px; background: #6B665F;\"><\/span><br \/>\n                <\/span><br \/>\n            <\/span><br \/>\n          <\/button>\n      <\/div>\n<p style=\"margin: 0; font-size: 14px; color: #A8A29A;\">T = t\u00f3nika (domov), S = subdominanta (odchod), D = dominanta (nap\u011bt\u00ed). Klikni na akord a zazn\u00ed. Dal\u0161\u00ed hmaty ka\u017ed\u00e9ho akordu najde\u0161 v n\u00e1stroji <a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/nastroje\/akordy\/\">Akordy<\/a>.<\/p>\n<\/section>\n<section aria-labelledby=\"pr-h\" style=\"display: flex; flex-direction: column; gap: 14px; padding: 24px; border-radius: 20px; background: #1D1B19; border: 1px solid #3A3733;\">\n<h2 id=\"pr-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Zn\u00e1m\u00e9 postupy v t\u00f3nin\u011b C<\/h2>\n<p style=\"margin: 0; font-size: 15px; color: #C9C3BA;\">\u0158\u00edmsk\u00e1 \u010d\u00edsla jsou recept, kter\u00fd plat\u00ed v ka\u017ed\u00e9 t\u00f3nin\u011b. Zm\u011b\u0148 t\u00f3ninu na kruhu a akordy se p\u0159ep\u00ed\u0161ou.<\/p>\n<div style=\"display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px;\">\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A;\">I \u2013 IV \u2013 V \u2013 I<\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">C \u2013 F \u2013 G \u2013 C<\/span><br \/>\n            <span style=\"font-size: 13px; color: #A8A29A;\">Kostra rock\u2019n\u2019rollu, blues a folku (lekce 29).<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A;\">I \u2013 V \u2013 vi \u2013 IV<\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">C \u2013 G \u2013 Am \u2013 F<\/span><br \/>\n            <span style=\"font-size: 13px; color: #A8A29A;\">\u201e\u010cty\u0159i akordy\u201c, nej\u010dast\u011bj\u0161\u00ed popov\u00fd postup.<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A;\">vi \u2013 IV \u2013 I \u2013 V<\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">Am \u2013 F \u2013 C \u2013 G<\/span><br \/>\n            <span style=\"font-size: 13px; color: #A8A29A;\">T\u00e1\u017e \u010dtve\u0159ice, za\u010d\u00edn\u00e1 na mollu: temn\u011bj\u0161\u00ed n\u00e1lada.<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A;\">ii \u2013 V \u2013 I<\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">Dm \u2013 G \u2013 C<\/span><br \/>\n            <span style=\"font-size: 13px; color: #A8A29A;\">Z\u00e1kladn\u00ed tah jazzu: subdominanta, dominanta, domov.<\/span><br \/>\n          <\/button><br \/>\n          <button type=\"button\" aria-pressed=\"false\" style=\"display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 14px 16px; border-radius: 14px; cursor: pointer; font: inherit; text-align: left; background: #141311; border: 1px solid #3A3733;\"><br \/>\n            <span style=\"font-size: 13px; font-weight: 700; color: #A8A29A;\">I \u2013 vi \u2013 ii \u2013 V<\/span><br \/>\n            <span style=\"font-family: Syne, sans-serif; font-size: 22px; font-weight: 800; color: #EDEAE4;\">C \u2013 Am \u2013 Dm \u2013 G<\/span><br \/>\n            <span style=\"font-size: 13px; color: #A8A29A;\">Kolob\u011bh z lekce 28, jde po kruhu zp\u011bt na I.<\/span><br \/>\n          <\/button>\n      <\/div>\n<\/section>\n<section aria-labelledby=\"how-h\" style=\"display: flex; flex-direction: column; gap: 12px;\">\n<h2 id=\"how-h\" style=\"margin: 0; font-family: 'Syne', sans-serif; font-weight: 700; font-size: 24px;\">Jak \u010d\u00edst kvintov\u00fd kruh<\/h2>\n<ol style=\"margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px;\">\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Klikni na t\u00f3ninu<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Uvid\u00ed\u0161 po\u010det k\u0159\u00ed\u017ek\u016f nebo b\u00e9\u010dek, celou stupnici a paraleln\u00ed mollovou t\u00f3ninu.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Pod\u00edvej se na sousedy<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">T\u00f3niny vedle sebe se li\u0161\u00ed jedin\u00fdm t\u00f3nem. Proto mezi nimi p\u00edsn\u011b p\u0159ech\u00e1zej\u00ed nejsn\u00e1z.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Zahraj akordy t\u00f3niny<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Sedm akord\u016f s funkc\u00ed T, S a D. Klikni na akord a zazn\u00ed, hmaty jsou hned u n\u011bj.<\/span><\/li>\n<li style=\"display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 14px; background: #1D1B19; border: 1px solid #3A3733;\"><strong style=\"font-size: 16px;\">Posu\u0148 postup<\/strong><span style=\"font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Vyber zn\u00e1m\u00fd postup a \u0161ipkami posouvej t\u00f3ninu o kvintu. \u0158\u00edmsk\u00e1 \u010d\u00edsla z\u016fstanou, akordy se p\u0159ep\u00ed\u0161ou.<\/span><\/li>\n<\/ol>\n<\/section>\n<div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; align-items: center; padding: 20px 22px; border-radius: 12px; border: 1px solid #3A3733;\">\n<div data-da-odkazy style=\"display: flex; flex-direction: column; gap: 6px; flex: 1 1 420px; min-width: 0;\">\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">Jak se kruh stav\u00ed, vysv\u011btluje <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-30-kvintovy-kruh\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 30<\/a>. Akordy v t\u00f3nin\u011b prob\u00edr\u00e1 <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-26-akordy-v-tonine-a-rimska-cisla\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 26<\/a> a transpozici a zm\u011bnu t\u00f3niny <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/lekce-31-kvintovy-kruh-v-praxi\/\" style=\"color: #EDEAE4; font-weight: 700;\">lekce 31<\/a>.<\/p>\n<p style=\"margin: 0; font-size: 15px; line-height: 1.55; color: #C9C3BA;\">V\u00edc k t\u00e9matu: <a href=\"https:\/\/deskaudio.eu\/cs\/kytara\/kvintovy-kruh\/\" style=\"color: #EDEAE4; font-weight: 700;\">Kvintov\u00fd kruh<\/a>. Prvn\u00ed t\u0159i lekce kurzu jsou zdarma.<\/p>\n<\/p><\/div>\n<p>      <a href=\"https:\/\/deskaudio.eu\/cs\/kurz-kytary\/\" style=\"display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 7px; border: 1px solid #8C867D; color: #EDEAE4; font-weight: 600; text-decoration: none;\">P\u0159ej\u00edt na kurz<\/a>\n    <\/div>\n<p>  <\/main><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Klikni na t\u00f3ninu. Uvid\u00ed\u0161 jej\u00ed p\u0159edznamen\u00e1n\u00ed, stupnici, paraleln\u00ed t\u00f3ninu a v\u0161ech sedm akord\u016f i s hmaty. \u0160ipkami t\u00f3ninu posune\u0161 o kvintu a cel\u00e1 rodina akord\u016f se posune s n\u00ed.<\/p>\n","protected":false},"featured_media":0,"menu_order":3,"template":"","meta":{"_acf_changed":false,"_da_nastroj":"kvintovy-kruh","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"class_list":["post-5512","da_nastroj","type-da_nastroj","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_nastroj\/5512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/da_nastroj"}],"about":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/types\/da_nastroj"}],"wp:attachment":[{"href":"https:\/\/deskaudio.eu\/cs\/wp-json\/wp\/v2\/media?parent=5512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}