.tools-page [hidden]{display:none!important}.tools-ico{background:var(--w);width:44px;height:44px;color:var(--k);border-radius:50%;flex:none;place-items:center;display:grid}.tools-ico svg{width:22px;height:22px}.tools-round{width:44px;height:44px;color:var(--navy);font:800 22px var(--font-display);cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 2px #121c280f}.tools-round svg{width:22px;height:22px}.tools-round.is-big{background:var(--primary);color:#fff;width:64px;height:64px}.tools-round.is-big svg{fill:currentColor;width:26px;height:26px}.tools-tp-head{padding-top:18px}.tools-crumbs{color:var(--text-muted)}.tools-crumbs a{color:var(--navy)}@media (max-width:500px){.tools-page[data-tool=music-theory-quiz] .tools-crumbs ol>li:last-child>span{flex-basis:100%}.tools-page[data-tool=music-theory-quiz] .tools-tp-title h1{letter-spacing:-.05em}}.tools-tp-title{grid-template-columns:68px minmax(0,1fr) 445px;align-items:center;gap:18px;margin-top:10px;display:grid}.tools-ico-large{background:var(--c);color:#fff;width:68px;height:68px}.tools-ico-large svg{width:32px;height:32px}.tools-tp-title h1{font:800 clamp(32px, 3.4cqi, 46px) / 1.05 var(--font-display);letter-spacing:-.035em}.tools-tp-title h1 small{font:700 clamp(16px, 1.4cqi, 20px) var(--font-body);letter-spacing:0;color:var(--navy);margin-left:12px}.tools-tp-title p{color:var(--text-body);margin-top:4px;font-size:15.5px;line-height:1.5}.tools-tp-actions{flex-wrap:nowrap;justify-content:flex-end;gap:10px;display:flex}.tools-tp-btn{border:1.5px solid var(--border);min-height:46px;color:var(--navy);font:700 15px var(--font-body);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.tools-tp-btn:hover{border-color:var(--line-strong)}.tools-tp-btn svg{width:19px;height:19px}.tools-tp-btn b{color:var(--primary)}.tools-toast{z-index:1100;background:var(--navy);color:#fff;opacity:0;pointer-events:none;border-radius:14px;padding:12px 18px;font-weight:700;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.tools-toast[data-visible]{opacity:1;transform:translate(-50%)}.tools-tp-tool{padding-top:18px;scroll-margin-top:76px}.tools-tp-box{position:relative}.tools-tp-close{z-index:5;background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;right:14px}.tools-tp-close svg{width:20px;height:20px}.tools-area{position:relative}.tools-area-phone-placeholder{min-height:var(--tools-area-min-height,640px);background:var(--w);border-radius:28px;align-content:center;justify-items:center;gap:22px;padding:40px;display:none}.tools-area-phone-placeholder i{background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:18px;animation:1.2s ease-in-out infinite alternate tools-pulse;display:block}.tools-area-phone-placeholder i:first-child{width:min(46%,360px);height:150px}.tools-area-phone-placeholder i:nth-child(2){width:min(70%,560px);height:48px}.tools-area-phone-placeholder i:nth-child(3){border-radius:999px;width:min(40%,320px);height:56px}@media (max-width:899.98px){.tools-area{min-height:var(--tools-area-min-height,0)}.tools-area[data-layout=static] .tools-area-desktop{display:none}.tools-area-phone-placeholder{display:grid}}@keyframes tools-pulse{0%{opacity:.55}to{opacity:1}}.tools-tp-box:fullscreen,.tools-tp-box.tool-app-fullscreen-overlay{background:var(--page-surface);padding:16px;overflow:auto}.tools-tp-note{color:var(--navy);margin-top:12px;font-size:14px}.tools-tp-tabs{padding-top:18px;scroll-margin-top:76px}.tools-tabs-card{background:#fff;border-radius:26px;padding:6px 22px 24px}.tools-tab-list{border-bottom:1.5px solid var(--border);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.tools-tab-list button{min-height:58px;color:var(--text-body);font:700 17px var(--font-body);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 18px;position:relative}.tools-tab-list button[aria-selected=true]{color:var(--primary);font-weight:800}.tools-tab-list button[aria-selected=true]:after{content:"";background:var(--primary);border-radius:4px 4px 0 0;height:4px;position:absolute;bottom:-1.5px;left:10px;right:10px}.tools-tab-panel{padding-top:22px}.tools-guide-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.tools-guide-card{background:var(--bg-light);border-radius:20px;grid-column:span 2;align-content:start;gap:10px;padding:20px;display:grid}.tools-guide-card.is-wide{grid-column:span 3}.tools-guide-card h2{font:800 19px / 1.25 var(--font-display);letter-spacing:-.01em;align-items:center;gap:10px;display:flex}.tools-guide-number{background:var(--c);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;display:grid}.tools-guide-card p,.tools-guide-card li{color:var(--text-body);font-size:15.5px;line-height:1.65}.tools-guide-card ul{gap:4px;padding-left:20px;display:grid}.tools-guide-card li::marker{color:var(--k)}.tools-tab-panel .tools-faq{max-width:900px}.tools-tab-panel .tools-faq details>div{font-size:16px;line-height:1.65}.tools-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.tools-related a{background:var(--bg-light);color:var(--navy);transition:transform .25s var(--ease-bounce);border-radius:20px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:14px;padding:14px 16px 14px 14px;text-decoration:none;display:grid}.tools-related a:hover{transform:translateY(-3px)}.tools-related b{font:800 18px / 1.2 var(--font-display);display:block}.tools-related small{color:var(--text-muted);margin-top:3px;font-size:14px;display:block}.tools-related a>svg{width:20px;height:20px;color:var(--primary)}@container program (max-width:960px){.tools-guide-cards,.tools-related{grid-template-columns:1fr}.tools-guide-card,.tools-guide-card.is-wide{grid-column:auto}.tools-tabs-card{padding-inline:16px}}@container program (max-width:900px){.tools-tp-title{grid-template-columns:auto minmax(0,1fr)}.tools-tp-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}@container program (max-width:760px){.tools-ico-large{width:52px;height:52px}.tools-ico-large svg{width:26px;height:26px}.tools-tp-title h1 small{margin:4px 0 0;display:block}.tools-tp-btn{padding:0 14px}.tools-tp-btn-label{display:none}.tools-tp-tool .program-wrap:has(.tools-area[data-layout=phone]){padding-inline:0}.tools-tp-note{padding-inline:20px}.tools-tab-list{gap:0}.tools-tab-list button{padding:0 10px;font-size:15.5px}}@media (prefers-reduced-motion:reduce){.tools-area-phone-placeholder i{animation:none}.tools-related a{transition:none}}