@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_54caef10-module__YZW_za__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_54caef10-module__YZW_za__variable{--font-playfair:"Playfair Display","Playfair Display Fallback"}
@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c3cb240f9c892514-s.d8e4bce2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.a62025f2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_8f34a81d-module__-U13tq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}.dm_sans_8f34a81d-module__-U13tq__variable{--font-dm-sans:"DM Sans","DM Sans Fallback"}
:root{--ivory:#fafafa;--charcoal:#2d2d3d;--primary:#6b5b7b;--primary-light:#8b7a9b;--primary-dark:#4b3b5b;--accent:#9b8bab;--secondary:#7b6b8b;--text-muted:#6b5b7b;--border-light:#6b5b7b26;--font-playfair:"Playfair Display",serif;--font-dm-sans:"DM Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:var(--ivory);color:var(--charcoal);line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.main-title{text-align:center;color:var(--charcoal);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;animation:1s ease-out .1s both fadeIn}.container{flex:1;max-width:1200px;margin:0 auto;padding:1rem 2rem;animation:1s ease-out .2s both fadeIn}@media (max-width:1024px){.container{margin:0 5rem}}@media (max-width:768px){.container{margin:0}}.sobre-wrapper{flex-direction:column;flex:1;min-height:0;display:flex}.sobre-center{flex:1;justify-content:center;align-items:center;display:flex}.sobre-page{text-align:center;background:#fff;border-radius:12px;max-width:850px;margin:0 auto;padding:2rem;box-shadow:0 2px 16px #0000000f}.sobre-page h2{margin-bottom:1rem;font-size:2rem}.sobre-page p{color:var(--charcoal);font-size:1.1rem}.contato-page{background:#fff;border-radius:12px;width:100%;max-width:700px;margin:auto;padding:2rem;box-shadow:0 2px 16px #0000000f}.contato-page h2{text-align:center;margin-bottom:1rem;font-size:2rem}.contato-form{flex-direction:column;gap:1rem;display:flex}.contato-form input,.contato-form textarea{border:1px solid var(--border-light);resize:none;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.contato-form textarea{min-height:100px}.contato-form button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.contato-form button:hover{background:var(--primary-dark)}.form-status{text-align:center;color:var(--primary);margin-top:1rem;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{border-bottom:1px solid var(--border-light);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;animation:.8s ease-out fadeSlideDown;display:flex;position:sticky;top:0}.header-nav{align-items:center;gap:1.5rem;display:flex}.header-link{font-family:var(--font-dm-sans),"DM Sans",sans-serif;color:var(--primary);font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s}.header-link:hover{color:var(--primary-dark)}.header-tool-btn{color:var(--primary);box-shadow:none;background:0 0;border:none;border-radius:0;padding:0;font-weight:500;transition:color .2s}.header-tool-btn:hover{color:var(--primary-dark);background:0 0}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo{flex:none;align-items:center;display:flex}.logo-icon{width:auto;height:40px;transition:transform .3s}.logo-icon:hover{transform:scale(1.05)}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:38px;height:38px;display:none}.hamburger .bar{background:var(--primary);border-radius:2px;width:24px;height:3px;margin:3px 0;transition:none}.hamburger .bar.open:first-child,.hamburger .bar.open:nth-child(2),.hamburger .bar.open:nth-child(3){opacity:1;transform:none}@media (max-width:900px){.header-nav{z-index:150;background:#fff;border-radius:0 0 12px 12px;flex-direction:column;align-items:flex-end;gap:0;min-width:180px;padding:.5rem 1.2rem .7rem;display:none;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #6b5b7b1a}.header-nav.open{display:flex}.header-link{text-align:right;border-bottom:1px solid #f0f0f0;width:100%;padding:.7rem 0}.header-link:last-child{border-bottom:none}.hamburger{display:flex}}.footer{text-align:center;color:var(--text-muted);background:linear-gradient(#0000 0%,#6b5b7b0d 100%);margin-top:1rem;padding:1.5rem 2rem;font-size:.75rem}.footer p{margin:.125rem 0}.selector-card{border:2px solid var(--primary);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1rem 1.25rem;transition:all .3s;box-shadow:0 10px 40px #6b5b7b1a,0 2px 8px #0000000d}.selector-card:hover{transform:translateY(-2px);box-shadow:0 15px 50px #6b5b7b26,0 5px 15px #00000014}.selector-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:0;display:grid}.select-group{flex-direction:column;display:flex}label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.5rem;font-size:.75rem;font-weight:700}select{font-family:var(--font-dm-sans),"DM Sans",sans-serif;border:2px solid var(--primary);background:var(--ivory);color:var(--charcoal);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236B5B7B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border-radius:8px;padding:.65rem 2.5rem .65rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s}select:hover{border-color:var(--primary-dark);background:#fff}select:focus{border-color:var(--primary-dark);outline:none;box-shadow:0 0 0 4px #6b5b7b1a}@media (max-width:768px){.selector-card{padding:.875rem}.selector-grid{grid-template-columns:1fr;gap:.75rem}}.harmonic-field-card{background:#fff;border-radius:12px;padding:1.25rem;animation:.5s cubic-bezier(.34,1.56,.64,1) scaleIn;box-shadow:0 20px 60px #00000014,0 4px 12px #0000000a}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.field-title{font-family:var(--font-playfair),"Playfair Display",serif;color:var(--charcoal);align-items:center;gap:.5rem;margin-bottom:.125rem;font-size:1.4rem;font-weight:600;display:flex}.field-subtitle{color:var(--text-muted);margin-bottom:1rem;font-size:.8rem;font-weight:500}.chords-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;display:grid}@media (min-width:768px){.chords-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.chords-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1400px){.chords-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.harmonic-field-card{padding:.875rem}}.chord-card{background:linear-gradient(135deg,var(--ivory)0%,white 100%);z-index:1;border:2px solid #0000;border-radius:10px;width:220px;padding:.875rem;transition:all .3s;animation:.4s ease-out both slideUp;position:relative;overflow:visible}.chord-card:hover,.chord-card:focus-within{z-index:10}.chord-card:first-child{animation-delay:50ms}.chord-card:nth-child(2){animation-delay:.1s}.chord-card:nth-child(3){animation-delay:.15s}.chord-card:nth-child(4){animation-delay:.2s}.chord-card:nth-child(5){animation-delay:.25s}.chord-card:nth-child(6){animation-delay:.3s}.chord-card:nth-child(7){animation-delay:.35s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chord-card:before{content:"";background:var(--primary);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.chord-card:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 8px 24px #6b5b7b26}.chord-card:hover:before{transform:scaleY(1)}.chord-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.degree-badge{font-family:var(--font-playfair),"Playfair Display",serif;color:var(--primary);letter-spacing:.05em;background:#6b5b7b1a;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.chord-name{color:var(--charcoal);font-size:1.3rem;font-weight:700;line-height:1}.chord-quality{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.7rem;font-weight:600}.chord-notes{border-top:1px solid #6b5b7b33;flex-wrap:wrap;gap:.35rem;margin-top:.65rem;padding-top:.65rem;display:flex}.note{color:var(--text-muted);cursor:default;background:#fff;border:1px solid #6b5b7b4d;border-radius:5px;padding:.2rem .4rem;font-size:.75rem;font-weight:600;transition:all .2s}.note:hover,.note-active{background:var(--primary);color:#fff;transform:translateY(-2px)}@media (hover:none) and (pointer:coarse){.note:hover{color:var(--text-muted);background:#fff;transform:none}.note-active{background:var(--primary);color:#fff;transform:translateY(-2px)}.chord-card:hover{box-shadow:none;border-color:#0000;transform:none}.chord-card:hover:before{transform:scaleY(0)}}.function{text-transform:uppercase;letter-spacing:.1em;border-radius:5px;margin-top:.35rem;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.function.tonica{color:#176b2c;background:#e3f7e6}.function.subdominante{color:#7a6600;background:#fffbe0}.function.dominante{color:#b80000;background:#ffe3e0}@media (max-width:768px){.chord-card{padding:.75rem}}@media (max-width:600px){.chord-card{width:100%;min-width:0;min-height:180px}}.chord-diagram-popover{z-index:9999;background:#fff;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;min-width:240px;height:250px;padding:.8rem 1rem 1rem;animation:.25s fadeInPopover;display:flex;position:absolute;top:auto;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 8px 32px #6b5b7b2e}.instrument-tabs{gap:.3rem;margin-bottom:.4rem;display:flex}.instrument-tabs button{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.2rem .5rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}.instrument-tabs button.active,.instrument-tabs button:hover{background:var(--primary);color:#fff}.diagram-area{flex:1;justify-content:center;align-items:center;min-width:80px;min-height:80px;display:flex}.diagram-area img{max-width:120px;max-height:120px;display:block}@keyframes fadeInPopover{0%{opacity:0;transform:translate(-50%)translateY(-16px)}to{opacity:1;transform:translate(-50%)translateY(-8px)}}.chord-grid-wrapper{flex-direction:column;align-items:center;margin-bottom:.3rem;display:flex}.chord-grid-title{color:var(--primary-dark);margin-bottom:.15rem;font-size:1rem;font-weight:700}.chord-grid{grid-template-rows:repeat(var(--fret-count,5),32px);grid-template-columns:repeat(var(--string-count,6),22px);box-shadow:none;background:#fff;border-radius:0;margin-bottom:.2rem;padding:0;display:grid;position:relative}.chord-grid:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#fff0 10%,#fffffff2 100%);width:100%;height:22px;position:absolute;bottom:0;left:0}.chord-note{color:#444;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:10px;height:10px;margin:0;font-size:.6rem;display:flex;position:relative}.chord-finger{color:#fff;background:#444;border:none;font-size:.6rem;font-weight:700}.chord-string{z-index:1;background:#444;width:2px;position:absolute;top:0;bottom:0}.chord-fret{z-index:1;background:#888;height:2px;position:absolute;left:0;right:0}.chord-dot,.chord-dot-highlighted{z-index:3}.chord-barre{z-index:4;opacity:1;background:#222;border:none;border-radius:7px;height:8px;position:absolute;top:0;box-shadow:0 2px 8px #0004}.chord-open,.chord-muted{width:18px;height:18px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute}.chord-open-bass{color:var(--primary);font-weight:700}.chord-open-highlighted{color:var(--primary)}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--primary);color:#fff;z-index:1000;padding:8px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:high){:root{--primary:#4b3b5b;--text-muted:#333;--border-light:#0000004d}}@media print{.header,.footer,.hamburger{display:none!important}.app{display:block}.container{max-width:100%;padding:0}.chord-card{break-inside:avoid;page-break-inside:avoid}}