@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans TC,sans-serif;color:#e7eef0;background:#0b1118;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh}.topbar{height:72px;border-bottom:1px solid #23303a;display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px;background:#0d151d;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-size:15px;letter-spacing:.08em;white-space:nowrap}.brand b{font-weight:700;color:#e1e9eb}.slash{color:#5b777d}.brandmark{display:grid;place-items:center;width:34px;height:34px;background:#153e3c;border:1px solid #278478;border-radius:9px;color:#60e2c9}.topcenter{color:#8d9ca8;font-size:11px;letter-spacing:.14em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58d9b7;box-shadow:0 0 8px #58d9b7;margin-right:7px}.topsep{color:#465866;margin:0 8px}.topactions,.pagebuttons,.heroactions,.exportcard>div:last-child{display:flex;gap:8px;align-items:center}.button,.icon{border:1px solid #34434b;background:transparent;color:#dae7e9;border-radius:8px;height:35px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;white-space:nowrap}.button:hover,.icon:hover{border-color:#63c6b3;color:#fff}.button.primary{background:#53d2b9;color:#082326;border-color:#53d2b9}.button.primary:hover{background:#7de5d0}.button.subtle{background:#18252d}.button.ghost{background:#141f27}.button.large{height:46px;padding:0 21px;font-size:14px}.icon{width:35px;padding:0}.body{display:grid;grid-template-columns:226px minmax(0,1fr) 320px;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid #23303a;padding:28px 14px;position:relative;min-height:calc(100vh - 72px)}.sidebarlabel,.eyebrow{font-family:DM Mono,monospace;color:#65c8b2;font-size:10px;letter-spacing:.17em;font-weight:500;text-transform:uppercase}.sidebarlabel{color:#84949d;padding:0 13px;margin:0 0 16px;display:flex;justify-content:space-between}.sidebarlabel span{color:#52746e}.nav{height:40px;color:#93a4ac;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:13px;border-radius:7px;cursor:pointer;margin-bottom:3px}.nav:hover{color:#e8f3f0;background:#17242b}.nav.active{color:#6ce2c6;background:#19302e;border:1px solid #31504b}.side-divider{height:1px;background:#23303a;margin:24px 10px}.filecard,.emptyfile{border:1px solid #31434c;background:#121d25;border-radius:10px;margin:0 3px;padding:14px;min-height:119px;display:flex;flex-direction:column;gap:7px}.fileicon{color:#6edac4}.filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}.filecard small,.emptyfile small{color:#85969d;font-size:11px}.emptyfile{align-items:center;justify-content:center;cursor:pointer;text-align:center;border-style:dashed;color:#8edbc8}.emptyfile b{font-size:12px}.demo{width:calc(100% - 6px);margin:11px 3px;border:1px solid #31434c;background:#17242b;color:#b9d4d1;border-radius:8px;height:39px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.demo:hover{border-color:#58d9b7}.sidefoot{position:absolute;bottom:22px;left:27px;color:#657780;line-height:1.8;font-size:10px}main{min-width:0;padding:38px clamp(20px,3.1vw,52px) 60px;background:radial-gradient(ellipse at 45% -10%,#153037 0,#0b1118 42%)}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:31px}.pagehead h1{font-size:clamp(25px,2.45vw,37px);letter-spacing:-.04em;margin:9px 0 7px;font-weight:600}.pagehead h1 span{color:#58d8bf}.pagehead p,.heroempty p{margin:0;color:#8496a0;font-size:12px;line-height:1.8}.card{border:1px solid #293a42;background:#111c24;border-radius:12px;overflow:hidden}.player{padding:21px 24px}.sectiontop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sectiontop h2,.sectionheading h2,.inspectorhead h2,.exportcard h2{font-size:17px;letter-spacing:-.02em;margin:6px 0 0}.sectiontop>svg{color:#608c8d}.pill{border:1px solid #30544c;border-radius:20px;color:#93e0ca;font-size:11px;padding:7px 10px;white-space:nowrap}.wave{position:relative;height:145px;border:1px solid #273840;background:#10171f;border-radius:7px;margin:25px 0 16px;overflow:hidden;cursor:crosshair}.wave canvas{width:100%;height:100%;display:block}.wave i{position:absolute;top:0;bottom:0;width:1px;background:#7a9d9e55;pointer-events:none}.wavepending{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;color:#97aab0}.transport{display:flex;align-items:center;gap:13px}.play{border:0;border-radius:50%;background:#57d9bf;color:#072323;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.play:hover{background:#8ee9d7}.time{font-family:DM Mono,monospace;color:#dfebeb;font-size:12px;white-space:nowrap}.time span{color:#71858e}.transporttrack{height:3px;background:#2b3e46;flex:1;border-radius:4px;overflow:hidden}.transporttrack span{display:block;height:100%;background:#66dfc7}.muted{color:#8ba2a7}.quality{font-family:DM Mono,monospace;font-size:10px;color:#849ba2;white-space:nowrap}.sectionheading{display:flex;justify-content:space-between;align-items:end;margin:34px 0 18px}.sectionheading h2{font-size:21px}.fineprint{font-size:10px;color:#84969e}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.stat{min-height:121px;padding:17px;background:#14232a;border:1px solid #2c4046;border-radius:10px}.stat>span{font-size:11px;color:#afc5c9}.stat small{display:block;color:#61827f;letter-spacing:.15em;font-size:9px;font-family:DM Mono,monospace;margin-top:2px}.stat strong{display:block;color:#e5f2ee;font-size:clamp(19px,2vw,27px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:10px 0 5px;letter-spacing:-.04em}.stat strong em{font-size:12px;font-style:normal;color:#789e9c;font-weight:500}.stat>div{font-size:10px;color:#80949c}.analysisgrid{display:grid;grid-template-columns:1.3fr 1fr;gap:13px;margin-top:13px}.harmony,.meter,.spectrum{padding:20px 22px}.chordtrack{height:49px;display:flex;overflow:hidden;border-radius:5px;margin:24px 0 20px;gap:2px}.chordtrack>div{background:#214b4a;border-top:2px solid #5dd5bb;min-width:10px;display:grid;place-items:center;overflow:hidden;color:#bfe7df;font-size:11px;white-space:nowrap}.chordtrack>div:nth-child(3n+2){background:#2c4154;border-color:#88aacb}.chordtrack>div:nth-child(3n+3){background:#4b3d4d;border-color:#bd8cae}.chordlist{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.chordlist>div{border:1px solid #2b3c44;border-radius:5px;padding:8px;display:flex;flex-direction:column;gap:3px}.chordlist span,.chordlist small{font:10px DM Mono,monospace;color:#7a929a}.chordlist b{font-size:13px}.meterrow{display:flex;justify-content:space-between;border-bottom:1px solid #25343c;padding:12px 0;font-size:11px;color:#9fb3b8}.meterrow b{color:#e0ecec;font:12px DM Mono,monospace}.tonal{display:grid;gap:10px;margin-top:19px}.tonal>div>div{display:flex;justify-content:space-between;font-size:10px;color:#9ab4b5;margin-bottom:5px}.tonal b{color:#dce9e7}.tonal i{display:block;height:5px;border-radius:5px;background:#29383f;overflow:hidden}.tonal em{display:block;height:100%;background:#59d4bb;border-radius:5px}.spectrum{margin-top:13px}.bars{height:99px;display:flex;align-items:end;gap:2px;margin:22px 0 8px}.bars i{flex:1;background:linear-gradient(#5dddbf,#246c70);border-radius:2px 2px 0 0;min-height:3px}.axis{display:flex;justify-content:space-between;color:#8097a0;font:9px DM Mono,monospace}.exportcard{margin-top:13px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.exportcard p{font-size:11px;color:#88a1a6;margin:8px 0 0}.exportcard>div:last-child{flex-wrap:wrap;justify-content:flex-end}.inspector{border-left:1px solid #23303a;background:#101a22;height:calc(100vh - 72px);position:sticky;top:72px;overflow:auto}.inspectorhead{padding:25px 21px 0;display:flex;align-items:center;justify-content:space-between}.inspectorhead svg{color:#73949b}.inspectorintro{padding:10px 21px 20px;font-size:11px;color:#829aa2;line-height:1.7}.search{height:36px;margin:0 17px;background:#17252d;border:1px solid #30434c;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#8ca2a8}.search input{outline:0;border:0;background:transparent;color:#edf5f1;min-width:0;width:100%;font-size:11px}.search button{background:transparent;border:0;color:#91a7ac}.preset{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;color:#78939a;font-size:10px}.preset button{border:0;background:transparent;color:#83cfbe;display:flex;gap:5px;align-items:center;font-size:10px}.controls{padding-bottom:30px}.controlgroup{border-top:1px solid #293941}.grouphead{border:0;background:transparent;color:#c9dadd;width:100%;height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:12px;font-weight:600}.grouphead span{display:flex;align-items:center;gap:8px}.grouphead small{font:10px DM Mono,monospace;color:#708b92}.groupbody{padding:0 20px 12px}.control{margin:11px 0 18px}.control label{display:block;color:#a5bbc0;font-size:11px;margin-bottom:8px}.controlvalue{display:flex;align-items:center;gap:9px}.controlvalue>input[type=range]{flex:1;min-width:0;accent-color:#59d8c0;height:4px}.controlvalue>div{display:flex;align-items:center;gap:2px;border:1px solid #34505a;background:#17262d;border-radius:5px;padding:4px 5px;width:78px}.controlvalue input[type=number]{width:46px;border:0;background:transparent;color:#e5f5f0;text-align:right;font:10px DM Mono,monospace;outline:none;appearance:textfield}.controlvalue input::-webkit-inner-spin-button{-webkit-appearance:none}.controlvalue span{font:9px DM Mono,monospace;color:#6c9396}.heroempty{min-height:475px;border:1px dashed #36575b;border-radius:12px;background:radial-gradient(circle at 50% 35%,#1a3b3d 0,#12242c 34%,#0f1a22 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.heroicon{width:68px;height:68px;border:1px solid #4caa9c;border-radius:17px;color:#75e4ce;display:grid;place-items:center;margin-bottom:20px;background:#1b4642;box-shadow:0 0 40px #398a7c33}.heroempty h2{font-size:25px;margin:12px 0}.heroactions{margin:26px 0}.herotags{display:flex;gap:17px;color:#6c9799;font:9px DM Mono,monospace;letter-spacing:.06em}.placeholder{color:#82979d;font-size:12px}.progress{position:fixed;left:50%;bottom:22px;transform:translate(-50%);border:1px solid #3b6a65;border-radius:30px;background:#1b3937;color:#b6efdf;padding:11px 18px;display:flex;align-items:center;gap:9px;font-size:12px;z-index:15;box-shadow:0 12px 40px #0008}.spinner{width:14px;height:14px;border:2px solid #426e68;border-top-color:#81ead2;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#503032;color:#fff;border:1px solid #a75961;border-radius:8px;padding:12px 16px;z-index:20;max-width:90vw;display:flex;gap:12px;font-size:12px}.toast button{border:0;background:none;color:#fff}.drop{position:fixed;inset:0;z-index:25;background:#0b2a28ed;display:grid;place-items:center;font-size:32px;color:#a8f5df;border:4px dashed #62e4c3}.modalback{position:fixed;inset:0;background:#000b;z-index:30;display:grid;place-items:center;padding:20px}.modal{position:relative;max-width:510px;padding:32px;background:#17272e;border:1px solid #44615f;border-radius:16px}.modal>svg{color:#71e4ca}.modal h2{margin:15px 0}.modal p{font-size:13px;color:#abc2c4;line-height:1.8}.modalclose{position:absolute;right:15px;top:15px;border:0;background:none;color:#9eb6bb}@media(max-width:1180px){.body{grid-template-columns:190px minmax(0,1fr)}.inspector{grid-column:2;position:static;height:auto;border-top:1px solid #2c4046}.sidebar{grid-row:1 / span 2}.topcenter{display:none}.analysisgrid{grid-template-columns:1fr 1fr}.sidefoot{position:static;margin:30px 13px}}@media(max-width:800px){.body{display:block}.sidebar{min-height:0;border-right:0;border-bottom:1px solid #23303a;display:flex;align-items:center;gap:7px;overflow-x:auto;padding:10px}.sidebarlabel,.side-divider,.sidefoot,.filecard,.emptyfile{display:none}.sidebar .nav{white-space:nowrap;margin:0}.demo{min-width:140px;margin:0}.inspector{height:auto}.topbar{padding:0 13px}.topactions .subtle,.topactions .icon{display:none}.brand{font-size:12px}.pagehead p{max-width:450px}.stats{grid-template-columns:repeat(2,1fr)}.analysisgrid{grid-template-columns:1fr}.quality{display:none}.exportcard{flex-direction:column;align-items:flex-start}.exportcard>div:last-child{justify-content:flex-start}}@media(max-width:500px){main{padding:24px 14px}.pagebuttons{display:none}.topactions .button{padding:0 9px}.pagehead h1{font-size:27px}.stats{gap:7px}.stat{padding:12px}.chordlist{grid-template-columns:repeat(3,1fr)}.herotags{flex-wrap:wrap;justify-content:center}.heroactions{flex-direction:column}.sectionheading{align-items:start;flex-direction:column;gap:8px}}:root{color:#e6e9e3;background:#141817}body{background:#141817}.app{height:100vh;min-height:580px;overflow:hidden;background:#141817;font-size:12px}.topbar{height:57px;background:#1a1f1e;border-bottom:1px solid #303635;padding:0 18px;gap:25px}.brand{font-size:11px;font-weight:700;letter-spacing:.17em;color:#e8e9e3}.brandmark{width:27px;height:27px;border:0;border-radius:0;background:transparent;color:#c8b891}.brandmark svg{width:22px;height:22px;stroke-width:1.5}.slash{color:#c8b891}.brand b{color:#e6e9e3}.topcenter{color:#879389;font-size:10px}.online{background:#9cbaa2;box-shadow:none;width:5px;height:5px}.button,.icon{height:30px;border-radius:4px;border-color:#4a554d;background:#2a322e;color:#d9e0d6;font-size:10px;padding:0 11px}.button:hover,.icon:hover{border-color:#c8b891;color:#f4eee0}.button.primary{background:#c8b996;border-color:#d9caa7;color:#202520}.button.primary:hover{background:#ddcba4}.button.subtle,.button.ghost{background:#2b352f}.icon{width:30px;padding:0}.body{height:calc(100vh - 57px);min-height:0;grid-template-columns:248px minmax(0,1fr) 308px}.sidebar{height:100%;min-height:0;overflow:auto;border-right:1px solid #303936;background:#1c2220;padding:0}.sidebarlabel{height:54px;margin:0;padding:0 15px;align-items:center;border-bottom:1px solid #343c38;color:#e4e8e1;font-size:12px;letter-spacing:0;font-family:DM Sans,Noto Sans TC,sans-serif;text-transform:none}.sidebarlabel span{color:#8d9b8f;font-size:9px}.nav{height:36px;margin:3px 8px;border-radius:4px;color:#a5afa6;font-size:11px}.nav:first-of-type{margin-top:12px}.nav:hover{background:#2a322c;color:#e7e9e1}.nav.active{background:#343d35;border:1px solid #657259;color:#e7e7dc}.side-divider{background:#343c38;margin:15px 0}.filecard,.emptyfile{margin:12px 13px;border:1px solid #4b594e;background:#252e28;border-radius:4px;min-height:107px;color:#d6dfd5}.fileicon,.emptyfile svg{color:#c8b891}.emptyfile{border-style:solid}.emptyfile b{color:#d8e0d6}.filecard small,.emptyfile small{color:#9ba89e}.demo{margin:6px 13px;width:calc(100% - 26px);background:#2c352f;border-color:#4a554d;border-radius:4px;color:#d6ded2;height:34px;font-size:10px}.demo:hover{border-color:#c8b891}.sidefoot{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #343c38;padding:12px 16px;color:#819083;font-size:9px;background:#1c2220}main{height:100%;overflow:auto;background:#171c1a;padding:0 27px 45px;scrollbar-color:#50594e transparent}.pagehead{height:70px;margin:0 -27px 24px;padding:0 27px;border-bottom:1px solid #303936;background:#1a201e;align-items:center}.pagehead .eyebrow{font-size:9px;color:#c8b996}.pagehead h1{font-size:17px;margin:4px 0 0;letter-spacing:0;font-weight:600}.pagehead h1 span{color:#c8b891}.pagehead p{display:none}.eyebrow{color:#c5b794;font-size:9px;letter-spacing:.14em}.card{border:1px solid #343c38;background:#1c2220;border-radius:4px}.player{padding:16px 17px}.sectiontop h2,.sectionheading h2,.inspectorhead h2,.exportcard h2{font-size:12px;margin:5px 0 0;letter-spacing:0;font-weight:600}.sectiontop>svg{color:#a4b1a5}.pill{border-color:#536157;color:#bacdb7;border-radius:4px;padding:5px 7px;font-size:9px}.wave{height:clamp(168px,27vh,270px);background-color:#171c1a;background-image:radial-gradient(#3b433d .7px,transparent .7px);background-size:21px 21px;border-color:#4b564d;border-radius:2px;margin:16px 0 13px}.wave i{background:#777b6255}.wavepending{color:#9da89d}.transport .play{background:#c8b996;color:#1c211c;width:31px;height:31px}.transport .play:hover{background:#dfcda9}.transporttrack{background:#3a443a}.transporttrack span{background:#c9b994}.quality,.fineprint{color:#89978b}.sectionheading{margin:23px 0 10px}.sectionheading h2{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #343c38;background:#1c2220}.stat{min-height:91px;border:0;border-right:1px solid #343c38;border-radius:0;background:transparent;padding:11px 13px}.stat:last-child{border-right:0}.stat>span{font-size:10px;color:#c4cdc1}.stat small{color:#7f8f80;font-size:8px}.stat strong{font-size:21px;color:#e5e9e1;margin:7px 0 4px}.stat strong em{color:#9caa97}.stat>div{font-size:9px;color:#849387}.analysisgrid{gap:0;margin-top:10px;border:1px solid #343c38;background:#1c2220;grid-template-columns:1.3fr 1fr}.analysisgrid .card{border:0;border-radius:0}.analysisgrid .card:first-child{border-right:1px solid #343c38}.harmony,.meter,.spectrum{padding:15px 17px}.chordtrack{margin:17px 0 15px;gap:1px;height:43px}.chordtrack>div,.chordtrack>div:nth-child(3n+2),.chordtrack>div:nth-child(3n+3){background:#39443b;border-color:#c8b996;color:#e6e4d6}.chordtrack>div:nth-child(2n){background:#303c38}.chordlist>div{border-color:#39443a;border-radius:2px}.chordlist b{color:#e1e4db}.meterrow{border-color:#343c38;color:#aebcaf}.meterrow b{color:#e0e6d9}.tonal i{background:#343e36}.tonal em{background:#c8b996}.spectrum{margin-top:10px}.bars i{background:linear-gradient(#d1c29b,#737c65);border-radius:1px 1px 0 0}.exportcard{margin-top:10px;padding:17px;background:#1f2822}.exportcard p{color:#9caa9b}.inspector{height:100%;top:auto;position:relative;overflow:auto;border-left:1px solid #303936;background:#1c2220;scrollbar-color:#50594e transparent}.inspectorhead{height:54px;padding:0 15px;border-bottom:1px solid #343c38}.inspectorhead .eyebrow{display:none}.inspectorhead h2{font-size:12px;margin:0}.inspectorhead svg{color:#b7bfae}.inspectorintro{padding:13px 15px 7px;color:#9aaa9c;font-size:10px}.search{height:32px;margin:8px 13px;background:#252e28;border-color:#4a554e;border-radius:4px;color:#8c9c90}.search input{font-size:10px}.preset{padding:10px 16px;color:#9eaa9b}.preset button{color:#c8b996}.controlgroup{border-top-color:#343c38}.grouphead{height:39px;color:#d5ddd1;padding:0 15px;font-size:10px}.grouphead small{color:#7d8c7d}.groupbody{padding:0 15px 8px}.control{margin:7px 0 15px}.control label{font-size:10px;color:#aebbae;margin-bottom:6px}.controlvalue>input[type=range]{accent-color:#cabb98}.controlvalue>div{background:#2b352d;border-color:#4c5a4d;border-radius:3px;width:79px}.controlvalue input[type=number]{color:#d9e4d7}.controlvalue span{color:#91a18f}.heroempty{min-height:calc(100% - 95px);border:1px solid #4b594d;border-radius:3px;background-color:#171c1a;background-image:radial-gradient(#3a403b .7px,transparent .7px);background-size:21px 21px}.heroicon{width:62px;height:62px;border:1px solid #627366;border-radius:7px;background:#2c3431;color:#c9b994;box-shadow:none}.heroempty h2{font-size:18px;font-weight:500;margin:13px 0 6px}.heroempty p{color:#9cac9f}.heroactions{margin:21px 0}.herotags{display:none}.heroempty .eyebrow{color:#9aab9b}.progress{background:#2b352e;border-color:#65725b;color:#e7e1ce;box-shadow:0 8px 26px #0008}.spinner{border-color:#606b5b;border-top-color:#d4c29b}.toast{background:#d8c8a5;color:#253128;border-color:#d8c8a5}.drop{background:#1d281dec;border-color:#c8b996;color:#e6dfc7}.modal{background:#242b29;border-color:#5a665b}.modal>svg{color:#c8b996}.modal p{color:#bac5b8}@media(max-width:1120px){.body{grid-template-columns:190px minmax(0,1fr) 275px}.inspector{grid-column:auto}.sidebar{grid-row:auto}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #343c38}.analysisgrid{grid-template-columns:1fr}.analysisgrid .card:first-child{border-right:0;border-bottom:1px solid #343c38}}@media(max-width:760px){.app{height:auto;min-height:100vh;overflow:visible}.topbar{position:sticky}.body{height:auto;display:block}.sidebar{height:auto;min-height:0;padding:8px 11px;display:flex;align-items:center;gap:5px}.sidebarlabel,.side-divider,.sidefoot,.sidebar .filecard,.sidebar .emptyfile{display:none}.sidebar .nav{margin:0;white-space:nowrap}.demo{min-width:145px;margin:0}.inspector{height:auto;position:static;border-top:1px solid #343c38}main{height:auto;min-height:500px;padding:0 14px 25px}.pagehead{margin:0 -14px 17px;padding:0 14px}.stats{grid-template-columns:repeat(2,1fr)}.analysisgrid{grid-template-columns:1fr}.heroempty{min-height:430px}.exportcard{flex-direction:column;align-items:flex-start}.topcenter{display:none}}@media(max-width:500px){.topbar{padding:0 9px}.brand{font-size:10px}.topactions .button{padding:0 9px}.stat strong{font-size:18px}.pagebuttons{display:none}.chordlist{grid-template-columns:repeat(3,1fr)}.heroactions{flex-direction:column}.exportcard>div:last-child{justify-content:flex-start}}.brandmark{font-size:25px;font-weight:700;letter-spacing:-.12em;line-height:1}.brandmark span{color:#c8b891}