/* Tome em Nota, vol. 02: an independent music journal and browser studio. */
:root{--paper:#f6f8f4;--sand:#eaf0e9;--ink:#101b1a;--muted:#53635f;--rust:#315850;--green:#164f43;--line:#d5ddd6;--sage:#d6eee6;--peach:#ffb6a4;--gold:#d6fc52;--electric:#d6fc52;--mint:#8de3c7;--blue:#6c87ff;--coral:#ff795e;--night:#101717}
body::after{opacity:.025}.site-header{height:89px;background:var(--night);color:#f6f8f4;border-color:#ffffff23;position:sticky;top:0;backdrop-filter:blur(14px);z-index:40}.header-inner{gap:28px}.brand-icon{color:var(--electric);transform:none}.brand-name i{color:var(--mint)}nav{gap:26px;font-size:13px}nav a:after{background:var(--electric)}.header-cta{border-color:#aab9b2;color:#f6f8f4;font-weight:400;font-size:12px;background:transparent}.header-cta:hover{background:var(--electric);color:var(--night);border-color:var(--electric)}.menu-btn{color:var(--paper)}.brand-name{letter-spacing:-.8px;font-size:25px}.site-footer{background:var(--night);color:var(--paper);border-color:#ffffff20;padding-top:55px}.footer-tag,.footer-bottom{color:#aab9b2}.footer-bottom{border-color:#ffffff20}.footer-links strong{color:var(--mint)}.footer-links a:hover{color:var(--electric)}.green-dot{background:var(--electric)}.button{border-radius:0;background:var(--green);font-weight:500}.button.electric{background:var(--electric);border-color:var(--electric);color:var(--night)}.button.electric:hover{background:#e0ff7c}.button.secondary{border-color:#8c9f95}.text-link{border-color:#9eafa7}.eyebrow{font-size:10px;letter-spacing:1.8px}.eyebrow:before{width:18px}.line-icon{width:24px;height:24px;flex-shrink:0;display:inline-block;vertical-align:middle}.section{padding:95px 0}.section-heading{margin-bottom:38px}.section-heading h2,.section-title{font-size:49px;letter-spacing:-1.8px;line-height:1.11}.section-heading p{font-size:15px;max-width:315px;line-height:1.7}.music-hero{background:var(--night);color:#f6f8f4;overflow:hidden;position:relative}.music-hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:10px;align-items:center;min-height:656px;position:relative}.music-hero-copy{padding:45px 0 55px;z-index:3;position:relative}.music-hero-copy .eyebrow{color:#b5c5be;letter-spacing:1.5px;gap:8px;font-size:9px}.music-hero-copy .eyebrow:before{display:none}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--electric);box-shadow:0 0 0 4px #d6fc5211}.music-hero h1{font:400 clamp(67px,6.7vw,96px)/1.02 var(--serif);letter-spacing:-4.5px;margin:25px 0 25px}.music-hero h1 em{font-weight:400;color:var(--mint)}.music-hero-copy>p{font-size:16px;line-height:1.8;color:#b9c8c0;max-width:380px}.music-hero .actions{gap:23px;margin-top:30px}.music-hero .text-link{color:#d5dfd8;border-color:#6f8076}.hero-footnote{margin-top:27px;font-size:10px;letter-spacing:.3px;color:#91a79c}.music-hero-art{width:100%;position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;isolation:isolate}.music-hero-art img{width:115%;max-width:none;height:auto;object-fit:contain;mix-blend-mode:lighten;transform:rotate(-3deg);margin-left:-12px;transition:transform .7s ease}.music-hero-art:hover img{transform:rotate(0) scale(1.025)}.art-label{position:absolute;left:0;bottom:65px;z-index:4;background:var(--mint);color:var(--night);padding:13px 20px;font-size:9px;letter-spacing:1.1px;transform:rotate(-5deg);box-shadow:4px 5px 0 #0004}.art-label strong{font-size:15px;letter-spacing:.3px;font-weight:600}.sound-sticker{position:absolute;right:-17px;top:39px;border:0;border-radius:50%;height:113px;width:113px;background:var(--electric);color:var(--night);transform:rotate(12deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;outline:1px solid var(--electric);outline-offset:5px;transition:transform .3s}.sound-sticker:hover{transform:rotate(0) scale(1.07)}.sound-sticker>span{font-size:20px;line-height:1}.sound-sticker small{font-size:8px;line-height:1.35;font-weight:600;letter-spacing:1px}.sound-sticker[aria-pressed=true]{background:var(--coral);outline-color:var(--coral)}.sound-bars{position:absolute;right:-5px;bottom:35px;display:flex;align-items:center;height:52px;gap:4px}.sound-bars i{height:calc(10px + mod(var(--i)*13,40)*1px);width:4px;background:var(--electric);transform:scaleY(.5);transition:transform .3s}.sound-bars i:nth-child(3n){height:45px}.sound-bars i:nth-child(3n + 1){height:26px}.sound-bars i:nth-child(3n + 2){height:36px}.music-hero-art.playing .sound-bars i{animation:music-bar .5s calc(var(--i)*-.08s) ease-in-out infinite alternate}.hero-track{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-top:1px solid #ffffff24;color:#c3d1c9;font-size:9px;letter-spacing:1.1px;gap:25px}.hero-track b{padding:0 10px;color:var(--electric);font-weight:400}.hero-track a{letter-spacing:0;color:#a8bfb2}.music-marquee{background:var(--electric);color:var(--night);overflow:hidden;transform:rotate(-1.2deg);margin:-1px -10px 0;padding:11px 0;position:relative;z-index:4}.music-marquee>div{width:max-content;font-weight:600;font-size:12px;letter-spacing:2px;animation:marquee 65s linear infinite}.music-marquee b{margin:0 24px;font-size:17px;font-weight:400}.music-marquee:hover>div{animation-play-state:paused}.level-card{min-height:320px;background:#d8eae4!important;border:0;padding:28px;isolation:isolate;transition:transform .3s}.level-card:nth-child(2){background:#dfe5ff!important}.level-card:nth-child(3){background:#ffd5c8!important}.level-card:hover{transform:translateY(-7px) rotate(-1deg)}.level-num{font-family:var(--sans);font-size:10px;font-style:normal;letter-spacing:1.6px;font-weight:600;position:relative;z-index:2}.level-card h3{font-size:33px;margin:74px 0 13px;position:relative;z-index:2}.level-card p{font-size:13px;max-width:245px;margin-bottom:24px;position:relative;z-index:2}.level-record{position:absolute;width:157px;height:157px;top:-14px;right:-19px;background:repeating-radial-gradient(circle,#1d302b 0 2px,#2c3f38 3px 4px);border-radius:50%;display:grid;place-items:center;transform:rotate(-20deg);transition:rotate 1s}.level-record:after{content:'';width:7px;height:7px;background:#1a2924;border-radius:50%;position:absolute}.level-record>div{height:60px;width:60px;border-radius:50%;background:var(--mint);display:grid;place-items:center;font:400 27px var(--serif)}.level-card:nth-child(2) .level-record>div{background:var(--blue)}.level-card:nth-child(3) .level-record>div{background:var(--coral)}.level-card:hover .level-record{rotate:40deg}.card-link{font-size:12px;position:relative;z-index:2}.home-guides{padding-top:15px}.guide-grid{gap:32px 23px}.guide-art{border-radius:0;height:242px;background:#d7e9e2!important;position:relative}.guide-card:nth-child(4n+2) .guide-art{background:#dce2ff!important}.guide-card:nth-child(4n+3) .guide-art{background:#ffcabc!important}.guide-card:nth-child(4n) .guide-art{background:#e1edbe!important}.guide-art:before{content:'';position:absolute;width:138px;height:138px;border:1px solid #28473c22;border-radius:50%;transform:rotate(-20deg)}.guide-art:after{bottom:30px}.guide-art svg{z-index:2;filter:drop-shadow(5px 8px 0 #112e2313)}.guide-badge{background:#f7faf4c9;border:0;left:13px;top:13px;padding:4px 8px;font-size:8px}.guide-meta{color:#45655a;font-size:9px;letter-spacing:1px;margin-top:18px}.guide-card h3{font-size:25px;line-height:1.16}.guide-card p{font-size:12px;line-height:1.65}.guide-bottom{font-size:11px}.filter-tab{border-radius:0;font-size:11px;padding:8px 17px;border-color:#c4d0c6}.filter-tab[aria-pressed=true]{background:var(--ink);color:var(--electric)}.choice-lab{background:#e6ece7}.choice-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.choice-lab h2,.kit-promo h2{font:400 47px/1.13 var(--serif);letter-spacing:-1.7px;margin:16px 0 24px}.choice-lab h2 em,.kit-promo h2 em{color:var(--green);font-weight:400}.choice-lab p,.kit-promo p{font-size:14px;color:var(--muted);line-height:1.8}.choice-art{height:490px;position:relative;background:#c7ddd1;border-radius:50% 50% 2px 2px}.anatomy-guitar{position:absolute;width:220px;height:440px;left:110px;top:22px;transform:rotate(15deg);filter:drop-shadow(10px 12px 0 #163c2f16)}.orbit-type{position:absolute;top:20px;left:30px;font-size:9px;letter-spacing:2px;transform:rotate(-9deg);z-index:2}.annotation{position:absolute;font-size:11px;line-height:1.5;background:var(--paper);padding:10px 13px;z-index:4;box-shadow:3px 3px 0 #173a2c13}.annotation i{position:absolute;height:1px;width:55px;background:var(--ink);top:25px}.annotation i:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--ink);position:absolute;right:0;top:-2px}.a-one{top:105px;left:0;transform:rotate(-4deg)}.a-one i{right:-55px}.a-two{top:255px;right:-10px;transform:rotate(5deg)}.a-two i{left:-55px}.a-three{bottom:10px;left:15px;transform:rotate(-3deg)}.a-three i{right:-55px}.choice-art-star{font:100px/1 var(--sans);color:var(--blue);position:absolute;bottom:0;right:20px}.choice-steps{margin:25px 0}.choice-steps details{padding:16px 0;border-color:#afc6b7}.choice-steps summary{font-size:13px;font-weight:500}.choice-steps details p{font-size:13px}.home-studio,.studio-key-section{background:var(--night);color:#f6f8f4}.home-studio .eyebrow,.studio-key-section .eyebrow{color:var(--mint)}.home-studio .section-heading p,.studio-key-section .section-heading p{color:#aebfb5}.studio-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:65px;align-items:center}.studio-label{font-size:8px;letter-spacing:1.2px;color:#a5b7ad;margin-bottom:16px}.piano-widget{background:#222e29;border:1px solid #3f5147;padding:18px 17px 12px;border-radius:8px;box-shadow:0 8px 0 #060c09}.piano-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px;font-size:9px;letter-spacing:1.5px;color:#b4c4b9}.piano-top>span:first-child{display:flex;align-items:center;gap:10px}.piano-top .line-icon{width:31px;height:20px;color:var(--electric)}.piano-light{font-size:10px;color:var(--electric)}.piano-keys{position:relative;display:flex;height:185px;gap:3px}.piano-key{border:0;padding:0;border-radius:0 0 4px 4px;transition:background .12s,transform .12s;position:relative}.white-key{width:12.5%;background:#f6f8ef;color:#1a2922;box-shadow:inset 0 -6px 0 #c4cfc3;border:1px solid #d9e2d6}.white-key>span{position:absolute;bottom:13px;left:0;right:0;font-size:12px}.white-key small{display:block;font-size:8px;color:#667c6c;margin-top:5px}.white-key:hover,.white-key.key-on{background:var(--electric);box-shadow:inset 0 -2px 0 #9abe37;transform:translateY(3px)}.black-key{position:absolute;z-index:3;left:calc(var(--position)*12.5% - 3.7%);width:7%;height:61%;top:0;background:linear-gradient(90deg,#142019,#26332a,#142019);box-shadow:inset 0 -6px 0 #080e09,0 4px 3px #0007}.black-key:hover,.black-key.key-on{background:var(--blue);transform:translateY(2px)}.piano-status{font-size:9px;display:flex;justify-content:space-between;gap:10px;margin-top:16px;color:#a6b9ac}.studio-small{font-size:10px!important;line-height:1.7!important;color:#a8beb0;margin:18px 0 0;max-width:690px}.tool-links{display:flex;flex-direction:column}.tool-links>a{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #ffffff26;transition:padding .2s}.tool-links>a:first-child{border-top:1px solid #ffffff26}.tool-links>a:hover{padding-left:8px}.tool-links .line-icon{color:var(--mint);width:25px;height:25px}.tool-links strong{display:block;font-weight:500;font-size:14px;margin-bottom:3px}.tool-links span{font-size:11px;color:#a5b9ad}.tool-links b{font-size:23px;font-weight:400;margin-left:auto;color:var(--electric)}.kit-promo{overflow:hidden}.kit-promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.kit-promo p{max-width:420px;margin-bottom:25px}.kit-illustration{height:330px;position:relative;background:#dfe5ff}.kit-illustration:before{content:'';position:absolute;inset:20px;border:1px dashed #6c87ff}.kit-ticket{position:absolute;background:var(--electric);font-size:11px;padding:27px 25px;left:16px;top:30px;line-height:1.7;transform:rotate(-9deg);box-shadow:5px 5px 0 #193c2620;z-index:5}.kit-ticket strong{font:400 30px var(--serif);display:block}.kit-ticket small{display:block;font-size:7px;letter-spacing:.6px;margin-top:16px}.kit-uke{height:290px;width:155px;position:absolute;right:5px;bottom:-12px;transform:rotate(17deg);z-index:3}.kit-tuner{position:absolute;height:130px;width:150px;left:35px;bottom:5px;transform:rotate(-15deg);z-index:6}.kit-doodle{position:absolute;right:15px;top:-25px;font-size:80px;color:var(--coral);z-index:7}.manifesto{background:var(--mint);position:relative;overflow:hidden}.manifesto:after{content:'✳';font-size:410px;line-height:1;position:absolute;right:-100px;top:45px;color:#307e5c14;transform:rotate(15deg)}.manifesto h2{font:400 65px/1.12 var(--serif);letter-spacing:-2px;margin:25px 0 45px;position:relative;z-index:2}.manifesto h2 em{font-weight:400;color:#20574a}.manifesto-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;position:relative;z-index:2}.faq-intro h2{font-size:43px}.faq-wrap summary{font-size:14px}.faq-wrap details p{line-height:1.8}.page-top h1{font-size:clamp(43px,4.9vw,70px);line-height:1.09;max-width:980px}.page-top h1 em{font-weight:400;color:var(--green)}.page-top .answer{font-size:17px;max-width:740px;line-height:1.8}.page-top{padding:40px 0 55px}.breadcrumb{font-size:10px;padding-top:26px}.guide-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:65px;align-items:center;padding:38px 0 58px}.guide-top h1{font-size:52px;letter-spacing:-1.8px}.guide-top .answer{font-size:15px;line-height:1.85;max-width:710px}.guide-cover{height:350px;background:#d6eee6;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.guide-cover[data-category=teclado],.guide-cover[data-category=guitarra]{background:#dfe5ff}.guide-cover[data-category=ukulele],.guide-cover[data-category=cavaquinho]{background:#ffb6a4}.guide-cover[data-category=bateria]{background:#e0edb4}.guide-cover svg{width:85%;height:85%;z-index:2;filter:drop-shadow(10px 10px 0 #213c3218)}.guide-cover .guitar{transform:rotate(18deg)}.guide-cover:before{content:'';width:230px;height:230px;position:absolute;border:1px dashed #41625377;border-radius:50%}.cover-label{position:absolute;left:15px;top:15px;font-size:8px;letter-spacing:1px;line-height:1.6}.cover-spark{position:absolute;right:9px;bottom:-19px;font-size:90px;color:var(--green);z-index:3}.article-meta{display:flex;gap:25px;align-items:center;font-size:10px;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);margin-top:22px;flex-wrap:wrap}.article-meta>span{display:flex;align-items:center;gap:7px}.article-meta .line-icon{height:15px;width:15px}.deep-article{display:grid;grid-template-columns:235px minmax(0,780px);gap:75px;padding:20px 0}.deep-sidebar{position:sticky;top:119px;align-self:start}.article-index{display:flex;flex-direction:column;gap:0;margin:0;font-size:11px}.article-index>strong{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:15px}.article-index a{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;line-height:1.4;min-height:42px}.article-index a:after{display:none}.article-index a span{font-size:9px;color:#78978b}.article-index a:hover,.article-index a.active{color:var(--green)}.article-index .index-tool{margin-top:20px;font-size:10px;color:var(--green)}.index-tool .line-icon{height:18px;width:18px}.article-body>section{padding-top:28px;margin-bottom:40px;scroll-margin-top:115px}.article-body h2{font-size:35px;line-height:1.22;letter-spacing:-.9px;margin-top:25px}.article-body h3{font-size:24px}.article-body p,.article-body li{font-size:15px;line-height:1.9;color:#4d6056}.article-body .eyebrow{font-size:9px;color:#5d7c6d}.article-note{font-size:11px;color:#597165;border-left:2px solid var(--green);padding:10px 16px;line-height:1.75;max-width:630px}.table-scroll{overflow-x:auto;margin:25px 0}.comparison-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6;min-width:470px}.comparison-table th{text-align:left;padding:14px;background:var(--ink);color:var(--paper);font-weight:500}.comparison-table th:first-child{width:25%}.comparison-table td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}.comparison-table td:first-child{font-weight:600;color:#254e3c}.comparison-table tbody tr:nth-child(2n){background:#e8efe8}.mistake-box{display:flex;gap:22px;background:#e9eefa;padding:24px;margin:28px 0}.mistake-box>.line-icon{color:#5771c9;margin-top:4px}.mistake-box h3{margin:0 0 15px;font-size:23px}.mistake-box ol{padding-left:19px;margin:0}.mistake-box li{font-size:13px;line-height:1.8;margin:8px 0}.inline-studio{background:#e6eee6;padding:28px;margin:40px 0}.inline-studio>h3{margin-top:0}.inline-studio>p,.inline-studio>div>p{font-size:13px;line-height:1.8}.inline-studio .chord-widget{padding:20px 0}.inline-studio .chord-stage{gap:30px;grid-template-columns:180px 1fr}.inline-studio .chord-diagram{min-height:190px}.inline-studio .chord-tabs{gap:9px}.inline-studio .chord-tabs button{padding:9px 14px;font-size:16px;min-width:70px}.inline-studio .chord-tabs small{font-size:9px}.inline-studio .chord-info h3{font-size:27px}.inline-studio .chord-caption{font-size:11px}.inline-studio .piano-widget{margin-top:20px}.inline-studio .piano-keys{height:150px}.inline-studio .text-link{display:inline-block;font-size:11px}.kit-route{display:flex;align-items:center;flex-wrap:wrap;gap:11px;padding:20px;background:#ddebdc;font-size:11px;margin:25px 0}.kit-route span{background:var(--paper);padding:8px}.kit-route b{font-weight:400}.editorial-checks{list-style:none;padding:0!important}.editorial-checks li{display:flex;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.editorial-checks .line-icon{height:17px;width:17px;color:var(--green);margin-top:4px}.historical-disclosure{padding:15px;margin:30px 0;border:1px solid var(--line);background:#edf0e8}.historical-disclosure summary{font-size:12px}.historical-disclosure p{font-size:12px}.historic{font-size:11px}.historic caption{text-align:left;margin-bottom:10px;color:var(--muted);font-size:10px}.article-body details p{font-size:13px}.article-sources{border-top:1px solid var(--line);padding-top:15px!important}.article-sources h3{font-size:22px}.source-list{padding-left:18px}.source-list li{font-size:12px}.article-sources .page-date{font-size:10px}.article-end{padding:30px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:italic 27px/1.3 var(--serif);color:var(--green)}.article-end>.line-icon{height:45px;width:65px}.article-related{grid-template-columns:repeat(3,1fr)}.article-related .guide-art{height:225px}.reading-progress{position:fixed;left:0;right:0;top:88px;height:2px;z-index:45;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:var(--electric)}.level-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.level-roadmap>div{display:flex;gap:15px;align-items:start}.level-roadmap span{font:italic 26px var(--serif);color:var(--green)}.level-roadmap p{font-size:13px;margin:0;color:var(--muted)}.level-practice{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.level-practice h2{font:400 45px/1.1 var(--serif);letter-spacing:-1px;margin:17px 0}.level-practice p{color:var(--muted);font-size:14px;max-width:400px}.level-practice .tool-links>a{border-color:var(--line)}.level-practice .tool-links .line-icon,.level-practice .tool-links b{color:var(--green)}.level-practice .tool-links span{color:var(--muted)}.studio-page-top h1{font-size:74px}.studio-nav{display:flex;gap:30px;font-size:11px;padding:20px 0;margin-top:25px;border-top:1px solid var(--line);flex-wrap:wrap}.studio-key-section .piano-widget{max-width:850px;margin:0 auto}.studio-key-section .piano-keys{height:230px}.studio-key-section .studio-small{max-width:850px;margin:25px auto 0}.chord-widget{padding:25px 0}.chord-tabs{display:flex;gap:13px;flex-wrap:wrap;margin-bottom:35px}.chord-tabs button{border:1px solid var(--line);background:transparent;font:400 27px var(--serif);padding:14px 23px;min-width:110px;text-align:left}.chord-tabs small{display:block;font:10px var(--sans);margin-top:4px}.chord-tabs button[aria-pressed=true]{background:var(--ink);color:var(--electric);border-color:var(--ink)}.chord-stage{display:grid;grid-template-columns:300px 1fr;gap:75px;align-items:center;max-width:950px}.chord-diagram{min-height:280px;display:grid;place-items:center}.chord-diagram svg{width:100%;max-width:250px;height:auto}.chord-info h3{font:400 45px var(--serif);margin:15px 0 12px;letter-spacing:-1px}.chord-info>p{color:var(--muted);font-size:16px}.chord-info .chord-caption{font-size:12px;line-height:1.8;max-width:420px;margin-bottom:23px}.chord-info .page-date{font-size:10px}.tuning-section{background:var(--green);color:#f6f8f4}.tuning-section .eyebrow{color:var(--mint)}.tuning-section h2{font:400 49px/1.12 var(--serif);letter-spacing:-1.7px;margin:22px 0}.tuning-section p{font-size:14px;color:#c1d9c9;max-width:630px}.tuning-buttons{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;margin:38px 0 25px}.tuning-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 10px;background:#ffffff08;border:1px solid #a9d5b977;color:#f6f8f4;transition:background .2s,transform .2s}.tuning-buttons button:hover,.tuning-buttons button.note-on{background:var(--electric);color:var(--night);transform:translateY(-4px)}.tuning-buttons span{font-size:10px}.tuning-buttons strong{font:400 61px var(--serif);margin:5px 0}.tuning-buttons small{font-size:11px}.tuning-section .studio-small{color:#b3d0bd}.tuning-section a{text-decoration:underline}.reference-tuning{padding:25px;background:#d6eee6;margin:30px 0}.reference-tuning h3{margin-top:0}.tuning-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:22px 0}.tuning-labels>span{display:flex;flex-direction:column;align-items:center;background:var(--paper);padding:13px 3px}.tuning-labels small{font-size:8px}.tuning-labels strong{font:400 30px var(--serif)}.tuning-labels b{font-size:9px;font-weight:400}.reference-tuning .page-date{font-size:10px}.rhythm-art{display:flex;height:220px;gap:20px;align-items:center;justify-content:center;position:relative;background:#dfe5ff}.rhythm-art>i{width:30px;height:80px;background:var(--blue);border-radius:30px}.rhythm-art>i:first-child{height:125px;background:var(--green)}.rhythm-art>i:nth-child(3){height:105px}.rhythm-art>span{position:absolute;bottom:20px;letter-spacing:8px;font-size:10px}.kit-builder{display:grid;grid-template-columns:1fr .9fr;gap:65px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.kit-limit{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:600;padding:15px 0 25px}.kit-limit input{width:140px;padding:11px;background:var(--paper);border:1px solid var(--green);text-align:right;color:var(--green)}.kit-fields>label{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line);font-size:13px;gap:12px}.kit-fields>label>span{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:11px}.kit-fields input{width:115px;padding:9px;border:1px solid var(--line);text-align:right;background:var(--paper)}.kit-summary{padding:32px;background:#d6eee6;align-self:start;position:sticky;top:115px}.kit-total{font:400 55px var(--serif);letter-spacing:-2px;margin:25px 0 20px;overflow-wrap:anywhere}.kit-meter{height:7px;background:#b5cfc0;overflow:hidden}.kit-meter span{height:100%;display:block;background:var(--green);transition:width .25s;width:60%}.kit-summary>p{font-size:13px}.kit-summary .kit-caption{font-size:10px;color:var(--muted);margin:24px 0;line-height:1.8}.kit-summary.over-budget{background:#ffd5c8}.kit-summary.over-budget .kit-meter span{background:#9e3f30}.kit-summary.over-budget .kit-meter{background:#e0b4a7}.kit-summary .button{font-size:11px;padding:13px 16px}.kit-summary .page-date{font-size:10px}.kit-guidance{background:#eaf0e9}.kit-guidance h2{font:400 48px/1.13 var(--serif);letter-spacing:-1.5px}.kit-advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.kit-advice-grid .line-icon{color:var(--green);height:35px;width:35px}.kit-advice-grid h3{font:400 28px var(--serif);margin:25px 0 12px}.kit-advice-grid p{font-size:13px;color:var(--muted);line-height:1.85}.tool-card{background:#d6eee6}.notice{background:#e7ede7;color:#496754;border-color:var(--green)}.finder{background:var(--night)}.notebook{background:#e6eee6}dialog{background:#f6f8f4;border-radius:2px}.quiz-result{background:#d6eee6}.quiz-option[aria-pressed=true]{background:#d6eee6}.empty-state{background:#e8eee8}
@keyframes marquee{to{transform:translateX(-25%)}}@keyframes music-bar{to{transform:scaleY(1)}}
@media(max-width:1150px){nav{gap:17px}.header-inner{gap:20px}.music-hero-grid{min-height:600px}.music-hero h1{font-size:79px}.music-hero-copy .eyebrow{font-size:8px}.music-hero .actions{gap:15px}.music-hero .button{padding:14px 17px;font-size:12px}.music-hero .text-link{font-size:12px}.sound-sticker{width:90px;height:90px;right:0;top:45px}.sound-sticker small{font-size:7px}.art-label{left:10px;bottom:65px}.hero-track{font-size:8px;letter-spacing:.7px}.hero-track b{padding:0 5px}.choice-lab-grid{gap:55px}.anatomy-guitar{left:75px}.choice-art{height:460px}.guide-art{height:205px}.guide-card h3{font-size:23px}.studio-grid{gap:40px}.piano-keys{height:160px}.kit-promo-grid{gap:55px}.guide-top{grid-template-columns:1fr 280px;gap:40px}.guide-top h1{font-size:47px}.guide-cover{height:310px}.deep-article{grid-template-columns:195px minmax(0,1fr);gap:45px}.article-index{font-size:10px}.inline-studio .chord-stage{grid-template-columns:150px 1fr;gap:23px}.section-heading h2{font-size:44px}.manifesto h2{font-size:60px}.studio-page-top h1{font-size:64px}}
@media(max-width:800px){.site-header{height:80px}.header-inner{gap:15px}.brand-name{font-size:23px}.site-header nav{top:79px;background:var(--night);border-color:#ffffff22;padding:18px 24px;gap:0;font-size:14px}.article-index{display:flex;position:static;top:auto;background:transparent;padding:0!important;font-size:11px;color:var(--ink)}.article-index a{min-height:44px}.article-index a:first-child{padding-top:0}.section{padding:65px 0}.section-heading h2{font-size:38px}.music-hero-grid{min-height:0;grid-template-columns:1fr;gap:0}.music-hero-copy{padding:45px 0 0}.music-hero h1{font-size:84px;letter-spacing:-4px;margin:23px 0}.music-hero-copy>p{max-width:470px;font-size:15px}.music-hero-art{width:min(610px,100%);height:auto;min-height:450px;margin:-45px 0 -5px auto;pointer-events:none}.music-hero-art img{width:95%;margin-left:55px}.music-hero-art .sound-sticker{pointer-events:auto;top:70px}.art-label{bottom:45px;left:15px}.sound-bars{right:10px;bottom:20px}.hero-track{padding:20px 0;gap:15px;flex-wrap:wrap}.hero-track>span:first-child{display:none}.hero-track>a{margin-left:auto}.level-card{min-height:310px;padding:24px 20px}.level-card h3{font-size:29px;margin-top:70px}.level-card p{font-size:12px}.level-record{width:130px;height:130px;right:-30px}.level-record>div{width:48px;height:48px;font-size:22px}.card-link{font-size:10px}.guide-art{height:240px}.home-guides{padding-top:5px}.choice-lab-grid{grid-template-columns:1fr;gap:45px}.choice-art{width:100%;max-width:450px;margin:auto;height:450px;order:1}.anatomy-guitar{left:110px;height:410px}.choice-lab h2,.kit-promo h2{font-size:40px}.choice-lab p{font-size:14px}.studio-grid{grid-template-columns:1fr;gap:30px}.home-studio .section-heading{display:block}.home-studio .section-heading p{max-width:100%;margin-top:20px}.piano-keys{height:180px}.kit-promo-grid{gap:40px;grid-template-columns:1fr 1fr}.kit-ticket{padding:20px 15px;left:5px;font-size:10px}.kit-ticket strong{font-size:26px}.kit-ticket small{font-size:6px}.kit-uke{height:230px;width:130px;right:-15px}.kit-tuner{left:5px}.kit-illustration{height:300px}.manifesto h2{font-size:48px}.manifesto-bottom{gap:30px;font-size:11px}.guide-top{grid-template-columns:1fr 230px;gap:30px;align-items:start;padding-bottom:35px}.guide-top h1{font-size:39px}.guide-top .answer{font-size:14px}.guide-cover{height:285px;margin-top:35px}.article-meta{font-size:9px;gap:12px}.deep-article{grid-template-columns:1fr;gap:25px;padding-top:0}.deep-sidebar{position:static}.article-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px;margin-bottom:20px}.article-index strong{grid-column:1/-1;margin:0 0 5px}.article-index .index-tool{margin:0}.article-body>section{padding-top:20px;margin-bottom:25px}.article-body h2{font-size:32px}.article-note{max-width:100%}.reading-progress{top:79px}.inline-studio .chord-stage{grid-template-columns:200px 1fr}.article-related .guide-art{height:190px}.article-related .guide-card h3{font-size:22px}.level-roadmap{gap:20px}.level-roadmap p{font-size:12px}.level-practice{gap:40px}.level-practice h2{font-size:37px}.studio-page-top h1{font-size:56px}.chord-stage{grid-template-columns:240px 1fr;gap:35px}.chord-info h3{font-size:36px}.chord-info>p{font-size:14px}.tuning-buttons{gap:10px}.tuning-buttons strong{font-size:48px}.tuning-section h2{font-size:41px}.kit-builder{gap:35px;grid-template-columns:1fr 1fr}.kit-summary{padding:24px}.kit-total{font-size:43px}.kit-summary .button{font-size:10px;display:block}.kit-fields input{width:85px}.kit-fields>label{font-size:11px}.kit-limit{font-size:12px}.kit-limit input{width:100px}.kit-advice-grid{gap:25px}.kit-advice-grid h3{font-size:24px}.kit-guidance h2{font-size:40px}}
@media(max-width:540px){.container{width:calc(100% - 40px)}.music-hero-copy{padding-top:35px}.music-hero h1{font-size:65px;letter-spacing:-3.6px;line-height:1.02;margin:25px 0 22px}.music-hero-copy .eyebrow{font-size:7px;letter-spacing:1.1px;gap:7px}.music-hero-copy>p{font-size:13px;line-height:1.85;max-width:300px}.music-hero .actions{gap:16px;margin-top:24px;align-items:center}.music-hero .button{padding:13px;font-size:10px}.music-hero .text-link{font-size:10px}.hero-footnote{font-size:9px;margin-top:20px}.music-hero-art{margin:-10px -13px -3px auto;width:calc(100% + 20px);min-height:350px}.music-hero-art img{width:106%;margin:0 0 0 9px}.sound-sticker{width:77px!important;height:77px!important;right:10px!important;top:18px!important;outline-offset:3px;gap:4px}.sound-sticker small{font-size:6px!important;letter-spacing:.6px}.sound-sticker>span{font-size:17px}.art-label{font-size:7px;left:3px;bottom:24px;padding:9px 12px}.art-label strong{font-size:11px}.sound-bars{bottom:14px;right:4px;gap:3px;height:35px}.sound-bars i{width:3px;max-height:30px}.hero-track{font-size:7px;letter-spacing:.5px;padding:15px 0}.hero-track>a{font-size:8px}.hero-track b{padding:0 4px}.music-marquee{padding:9px 0}.music-marquee>div{font-size:10px;letter-spacing:1.4px}.music-marquee b{margin:0 15px;font-size:13px}.section{padding:55px 0}.section-heading h2{font-size:36px;letter-spacing:-1.3px}.section-heading p{font-size:13px;max-width:100%;margin-top:20px}.eyebrow{font-size:8px;letter-spacing:1.4px}.levels{gap:15px}.level-card{min-height:250px;padding:24px}.level-card h3{font-size:33px;margin:41px 0 11px}.level-card p{font-size:13px;max-width:255px;margin-bottom:15px}.level-record{width:145px;height:145px;right:-17px;top:-20px}.level-num{font-size:9px}.card-link{font-size:11px}.home-guides{padding-top:5px}.guide-grid{gap:28px 15px}.guide-art{height:185px}.guide-card h3{font-size:23px;letter-spacing:-.7px}.guide-card p{font-size:11px}.guide-meta{font-size:8px;letter-spacing:.6px;display:block}.guide-meta>span:last-child{display:none}.guide-badge{font-size:7px;padding:4px 5px;left:7px;top:8px;letter-spacing:.7px}.guide-bottom{font-size:9px}.filter-tabs{gap:7px}.filter-tab{font-size:10px;padding:8px 12px}.results-status{font-size:10px}.choice-lab h2,.kit-promo h2{font-size:36px;letter-spacing:-1.3px}.choice-lab-grid{gap:35px}.choice-art{height:385px;max-width:350px}.anatomy-guitar{height:355px;width:180px;left:88px;top:12px}.annotation{font-size:9px;padding:9px}.a-one{top:75px;left:-4px}.a-one i{width:27px;right:-27px}.a-two{right:-5px;top:230px}.a-two i{width:28px;left:-28px}.a-three{left:0;bottom:5px}.a-three i{width:25px;right:-25px}.orbit-type{font-size:7px;left:16px;top:16px}.choice-art-star{font-size:75px;right:-3px;bottom:-4px}.choice-steps summary{font-size:12px}.choice-lab .text-link{font-size:11px}.studio-grid{gap:25px}.studio-label{font-size:6px;letter-spacing:.8px;line-height:1.8}.piano-widget{padding:13px 9px 10px;border-radius:5px}.piano-top{padding-bottom:12px;font-size:7px;letter-spacing:1px}.piano-top .line-icon{width:24px}.piano-keys{height:153px;gap:2px}.white-key>span{font-size:10px;bottom:10px}.white-key small{font-size:7px}.piano-status{font-size:7px;gap:6px}.piano-status>span:last-child{display:none}.studio-small{font-size:9px!important}.tool-links>a{gap:15px;padding:18px 0}.tool-links strong{font-size:13px}.tool-links span{font-size:10px}.kit-promo-grid{grid-template-columns:1fr;gap:35px}.kit-promo p{font-size:13px}.kit-illustration{height:290px}.kit-ticket{padding:25px 22px;left:20px;font-size:11px}.kit-ticket strong{font-size:30px}.kit-ticket small{font-size:7px}.kit-uke{height:260px;right:3px;bottom:-15px}.kit-tuner{left:25px;bottom:-5px}.kit-doodle{font-size:70px;right:5px;top:-20px}.manifesto h2{font-size:37px;letter-spacing:-1.4px;margin:25px 0 30px;line-height:1.2}.manifesto-bottom{flex-direction:column;align-items:start;gap:15px;line-height:1.8}.manifesto:after{font-size:300px;top:50px;right:-110px}.faq-intro h2{font-size:36px}.faq-wrap summary{font-size:13px}.faq-wrap details p{font-size:12px}.page-top h1{font-size:42px}.page-top .answer{font-size:14px}.guide-top{display:flex;flex-direction:column;gap:20px;padding-top:24px;padding-bottom:30px}.guide-top h1{font-size:37px;letter-spacing:-1.2px;margin:17px 0}.guide-top .answer{font-size:14px;line-height:1.9}.guide-cover{height:240px;width:100%;margin-top:0}.guide-cover svg{height:92%}.guide-cover:before{height:180px;width:180px}.guide-cover .guitar{height:110%;width:75%;transform:rotate(28deg)}.guide-cover .uke{height:105%;transform:rotate(15deg)}.cover-spark{font-size:75px;bottom:-17px;right:20px}.article-meta{gap:15px;font-size:8px;margin-top:20px;padding-top:14px}.article-index{grid-template-columns:1fr 1fr;gap:0 20px}.article-index a{font-size:10px;padding:10px 0;gap:8px}.article-index>strong{font-size:8px}.article-body h2{font-size:29px}.article-body h3{font-size:24px}.article-body p{font-size:14px;line-height:1.9}.article-body .eyebrow{font-size:8px}.article-note{font-size:10px;padding:8px 12px}.comparison-table{font-size:11px;min-width:440px}.comparison-table th,.comparison-table td{padding:12px}.mistake-box{padding:20px 17px;gap:13px}.mistake-box>.line-icon{width:20px;height:20px}.mistake-box h3{font-size:21px}.mistake-box li{font-size:12px}.inline-studio{padding:22px 16px;margin:30px -2px}.inline-studio .chord-stage{grid-template-columns:130px 1fr;gap:15px}.inline-studio .chord-tabs button{font-size:20px;padding:10px 12px;min-width:65px}.inline-studio .chord-tabs small{font-size:7px}.inline-studio .chord-info h3{font-size:23px;letter-spacing:-.5px}.inline-studio .chord-info>p{font-size:11px}.inline-studio .chord-info .chord-caption{font-size:9px}.inline-studio .chord-info .button{font-size:9px;padding:11px 9px}.inline-studio .chord-info .eyebrow{font-size:6px;letter-spacing:.5px}.inline-studio .chord-info .eyebrow:before{display:none}.inline-studio .chord-info .page-date{font-size:8px}.inline-studio .chord-diagram{min-height:150px}.inline-studio .piano-keys{height:135px}.kit-route{gap:8px;padding:14px;font-size:9px}.kit-route span{padding:6px}.editorial-checks li{font-size:12px!important}.historical-disclosure{padding:13px}.historical-disclosure .historic{font-size:10px}.historical-disclosure summary{font-size:11px}.article-body details p{font-size:12px}.article-end{font-size:23px}.article-related{grid-template-columns:1fr 1fr}.article-related .guide-art{height:180px}.article-related .guide-card h3{font-size:22px}.article-sources h3{font-size:22px}.article-sources .page-date{font-size:9px}.reference-tuning{padding:20px 15px}.tuning-labels small{font-size:7px}.tuning-labels strong{font-size:27px}.reference-tuning .page-date{font-size:9px}.level-roadmap{grid-template-columns:1fr;gap:18px;padding:24px 0}.level-roadmap p{font-size:12px}.level-roadmap span{font-size:24px}.level-practice{grid-template-columns:1fr;gap:25px}.level-practice h2{font-size:36px}.level-practice p{font-size:13px}.studio-page-top h1{font-size:43px;letter-spacing:-1.5px}.studio-nav{gap:15px 20px;font-size:9px;margin-top:20px}.studio-key-section .piano-keys{height:175px}.studio-key-section .section-heading p{max-width:100%}.chord-tabs{gap:8px;margin-bottom:25px}.chord-tabs button{padding:12px 15px;font-size:22px;min-width:70px}.chord-tabs small{font-size:8px}.chord-stage{grid-template-columns:140px 1fr;gap:22px;align-items:start}.chord-diagram{min-height:180px}.chord-info h3{font-size:28px;margin-top:12px}.chord-info>p{font-size:12px}.chord-info .chord-caption{font-size:10px;margin-bottom:18px}.chord-info .button{font-size:10px;padding:12px}.chord-info .page-date{font-size:8px}.chord-info .eyebrow{font-size:6px;letter-spacing:1px}.chord-info .eyebrow:before{display:none}.tuning-section h2{font-size:36px}.tuning-section p{font-size:13px}.tuning-buttons{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:28px}.tuning-buttons button{padding:16px 8px}.tuning-buttons strong{font-size:45px}.tuning-buttons span{font-size:9px}.tuning-buttons small{font-size:10px}.kit-builder{grid-template-columns:1fr;gap:20px;padding-top:20px}.kit-summary{position:static;padding:25px}.kit-total{font-size:50px}.kit-limit{font-size:13px}.kit-limit input{width:120px}.kit-fields input{width:115px}.kit-fields>label{font-size:12px}.kit-summary .button{font-size:11px;display:inline-flex}.kit-guidance h2{font-size:36px}.kit-advice-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.kit-advice-grid h3{font-size:27px;margin:17px 0 11px}.kit-advice-grid .line-icon{height:30px;width:30px}.kit-advice-grid p{font-size:13px}.narrow p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.music-marquee>div,.sound-bars i{animation:none!important}.music-hero-art img,.level-record{transform:none!important;transition:none!important}}

body{overflow-x:clip}.music-hero-art img{will-change:transform}.article-index{position:static;background:transparent;color:var(--ink)}
html{overflow-x:clip}.music-marquee{margin-left:0;margin-right:0;transform:none}.deep-article>*{min-width:0}.article-body,.chord-info{min-width:0}.table-scroll{max-width:100%}.inline-studio .chord-stage>*{min-width:0}

.guide-art .electric,.guide-cover .electric{height:91%;transform:rotate(18deg)}.article-index{box-shadow:none}

.motion-toggle{background:none;border:0;color:#b8d0bf;font-size:10px;text-decoration:underline;padding:0;text-align:left}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}