body{justify-content:flex-start}.splash-content--page{padding-top:40px;padding-bottom:10px}.splash-content--page .splash-logo{font-size:48px;text-decoration:none;display:inline-block}.splash-content--page .store-buttons{margin-top:14px}.splash-content--page .store-btn{opacity:1;gap:8px;padding:8px 14px}.splash-content--page .store-btn-icon{height:22px}.splash-content--page .store-btn-label{font-size:9px}.splash-content--page .store-btn-platform{font-size:15px}.splash-content--page .store-btn-badge{padding:2px 5px;font-size:7px}.guide-layout{z-index:2;align-items:flex-start;gap:28px;max-width:900px;margin:0 auto;padding:20px 24px 60px;display:flex;position:relative}.guide-nav{flex-direction:column;flex-shrink:0;gap:2px;width:150px;display:flex;position:sticky;top:20px}.guide-nav-btn{color:#dcf0e680;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:8px;width:100%;padding:8px 14px;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;font-size:12.5px;font-weight:500;text-decoration:none;display:block;overflow:hidden}.guide-nav-btn:hover{color:#dcf0e6d9;background:#87feab0f}.guide-nav-btn.active{color:#87feab;background:#87feab1a}.guide-body{flex:1;min-width:0;padding-top:0;padding-bottom:40px}.guide-public-pianos-page .guide-layout{gap:18px;width:min(1500px,100vw - 32px);max-width:none;padding-bottom:12px;padding-left:16px;padding-right:16px}.guide-public-pianos-page .guide-body{padding-bottom:0}.guide-public-pianos-page .site-footer{margin-top:12px}.guide-public-pianos-page .guide-nav{width:140px}.guide-block{margin-bottom:24px}.guide-block:last-child{margin-bottom:0}.guide-block h2{color:#8ff0b3;margin-top:0;margin-bottom:10px;font-size:17px;font-weight:600}.guide-block h3{color:#dcf0e6bf;margin-top:16px;margin-bottom:6px;font-size:14px;font-weight:600}.guide-block p{color:#dcf0e699;margin-bottom:10px;font-size:13px;line-height:1.7}.guide-block ul,.guide-block ol{color:#dcf0e699;margin:8px 0 14px 24px;font-size:13px;line-height:1.7}.guide-block ul ul{margin:4px 0 4px 20px}.guide-block li{margin-bottom:4px}.guide-block a{color:#87feab;text-decoration:none}.guide-block a:hover{text-decoration:underline}.guide-block strong{color:#dcf0e6cc}.guide-block q{color:#dcf0e6cc;font-style:italic}.guide-kbd{color:#87feabd9;letter-spacing:.03em;vertical-align:baseline;background:#87feab14;border:1px solid #87feab2e;border-radius:4px;padding:1px 6px;font-family:Poppins,monospace;font-size:11px;font-weight:600;display:inline-block}.guide-warning{color:#dcf0e699;background:#ffc8320f;border-left:3px solid #ffc83259;border-radius:8px;padding:8px 12px;font-size:12.5px}.guide-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:12.5px}.guide-table th,.guide-table td{text-align:left;color:#dcf0e699;border:1px solid #87feab1a;padding:7px 10px}.guide-table th{color:#87feabd9;text-transform:uppercase;letter-spacing:.04em;background:#87feab0f;font-size:11px;font-weight:600}.guide-table tr:nth-child(odd) td{background:#87feab04}.guide-glyph{color:#dcf0e6d9;font-size:16px}.guide-staff-row{flex-direction:column;gap:14px;display:flex}.guide-staff-card{background:#00000040;border:1px solid #87feab14;border-radius:10px;padding:12px 14px 10px}.guide-staff-title{color:#dcf0e6b3;margin-bottom:6px;font-size:12.5px;font-weight:600}.guide-staff-card svg{width:100%;height:auto;display:block}.guide-staff-caption{color:#87feab8c;text-align:center;margin-top:6px;font-size:11px}.guide-triplet-svg{vertical-align:middle;width:48px;height:16px}.cof-layout{justify-content:center;display:flex}.cof-circle{aspect-ratio:1;background:radial-gradient(circle,#08100ce6 0%,#0c1812e6 45%,#070c0af2 100%);border-radius:50%;width:300px;max-width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #00000059,0 12px 24px #00000040}.cof-slice{cursor:pointer;color:#ffffffe6;background:linear-gradient(135deg,#87feab26,#87feab40);border:none;border-radius:50%;outline:none;position:absolute;inset:0;box-shadow:inset 0 0 0 5px #000000a6,inset 0 0 0 3px #ffffff1f}.cof-slice.cof-outer{background:linear-gradient(135deg,#87feab33,#87feab52)}.cof-slice.cof-inner{background:linear-gradient(135deg,#87feab1f,#87feab38)}.cof-slice:hover,.cof-slice:focus-visible{filter:brightness(1.15);box-shadow:inset 0 0 0 2px #87feab,0 10px 18px #0000004d}.cof-dividers{pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:0}.cof-dividers line{stroke:#000000b3;stroke-width:.9px;stroke-linecap:round}.cof-label{text-align:center;color:#ffffffe6;pointer-events:none;z-index:2;text-shadow:0 1px 3px #000000b3;white-space:nowrap;font-weight:700;position:absolute;top:50%;left:50%}.cof-label.cof-outer{font-size:14px}.cof-label.cof-inner{opacity:.85;font-size:11px;font-weight:600}.cof-panel{background:#00000040;border:1px solid #87feab1a;border-radius:10px;min-height:100px;padding:12px 14px}.cof-panel-heading{color:#8ff0b3;margin-bottom:6px;font-size:14px;font-weight:700}.cof-panel-body{color:#dcf0e6b3;font-size:12.5px;line-height:1.5}.cof-panel-list{margin:6px 0 0;padding-left:16px}.cof-hint{color:#dcf0e659;margin-top:8px;font-size:11px}.cof-table-wrap{overflow-x:auto}.cof-key-cell{flex-direction:column;gap:2px;display:flex}.cof-key-major{font-weight:700}.cof-key-minor{opacity:.7;font-size:11px}.cof-table-label{opacity:.75;text-transform:uppercase;margin-right:4px;font-size:10px;font-weight:600}@media (width<=700px){.guide-layout{flex-direction:column;align-items:stretch;gap:18px;padding:16px 24px 48px}.guide-nav{border-bottom:1px solid #87feab14;flex-flow:wrap;gap:4px;width:100%;padding:10px 0;position:static}.guide-nav-btn{width:auto;padding:6px 12px;font-size:11.5px}.splash-content--page{padding-top:20px;padding-bottom:4px}.splash-content--page .splash-logo{font-size:36px}.splash-content--page .splash-tagline{text-align:center;padding:0 20px;font-size:10px}.splash-content--page .store-buttons{grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-top:10px;padding:0 20px;display:grid}.splash-content--page .store-btn{gap:7px;padding:7px 10px}.splash-content--page .store-btn-icon{height:18px}.splash-content--page .store-btn-platform{font-size:13px}.splash-content--page .store-btn-label{font-size:8px}.splash-content--page .store-btn-badge{padding:2px 4px;font-size:6px}.guide-block h2{border-bottom:1px solid #87feab0f;margin-bottom:12px;padding-bottom:6px;font-size:16px}.guide-block p,.guide-block ul,.guide-block ol{font-size:12.5px}.guide-block ul,.guide-block ol{margin-left:18px}.guide-table{font-size:11.5px}.guide-table th,.guide-table td{padding:6px 8px}.cof-circle{width:240px}}@media (width<=900px){.guide-public-pianos-page .guide-layout{flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:100%;padding:16px 16px 40px}.guide-public-pianos-page .guide-nav{border-bottom:1px solid #87feab14;flex-flow:wrap;gap:4px;width:100%;padding:10px 0;position:static}.guide-public-pianos-page .guide-nav-btn{width:auto;padding:6px 12px;font-size:11.5px}.guide-public-pianos-page .guide-body{width:100%}}@media (width<=420px){.guide-layout{padding:14px 20px 40px}.splash-content--page .splash-logo{font-size:32px}}.guide-cof-tip{z-index:99999;pointer-events:none;opacity:0;color:#dce6e1eb;background:linear-gradient(135deg,#08160ef0,#050e0af7);border:1px solid #87feab47;border-radius:8px;max-width:260px;padding:8px 12px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;line-height:1.5;position:fixed;box-shadow:0 0 20px #87feab0f,0 8px 32px #0000008c,inset 0 1px #87feab0f}.guide-cof-tip-title{color:#87feabf2;margin-bottom:4px;font-size:12px;font-weight:700}.guide-cof-tip-row{justify-content:space-between;gap:12px;padding:1px 0;display:flex}.guide-cof-tip-label{color:#dce6e173}*,:before,:after{-webkit-backdrop-filter:none!important}