:root{--color-twilight-indigo:#393D60;--color-space-indigo:#303350;--color-ivory:#fffbeb;--color-black:#1a1a1a;--color-glaucous:#6a70a6;--color-muted:#9ea3c7;--font-family:monospace;--font-size-sm:0.875rem;--font-size-base:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}html{min-height:100%}img{max-width:100%;display:block}button,input{font-family:inherit;font-size:inherit;color:inherit}button{background:0 0;border:none;cursor:pointer}html{height:100%;margin:0;padding:2rem;color:var(--color-ivory);font-family:var(--font-family);background:var(--color-twilight-indigo)}body{margin:0;height:100%;font-size:var(--font-size-base);display:flex;flex-direction:column}#site-content{display:flex;flex:1;flex-direction:column;min-height:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}hr{border:none;border-top:2px solid var(--color-ivory);margin:1rem 0}header{display:flex;justify-content:space-between;align-items:center;width:100%;box-sizing:border-box}.back-button{font-size:var(--font-size-xl);cursor:pointer}.lang-dropdown{position:relative;display:inline-flex}.lang-btn{background:0 0;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.4rem}.lang-btn svg{width:20px;height:20px;display:block;fill:var(--color-ivory)}.lang-btn .icon:last-child svg{width:14px;height:14px}.lang-btn .icon{display:inline-flex;align-items:center}.lang-btn:hover{opacity:.8}.lang-menu{position:absolute;top:100%;right:0;z-index:100;display:flex;flex-direction:column;min-width:48px;padding-top:.5rem;visibility:hidden;opacity:0;pointer-events:none}.lang-dropdown:hover .lang-menu,.lang-dropdown:focus-within .lang-menu{visibility:visible;opacity:1;pointer-events:auto}.lang-item{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;opacity:.8}.lang-link,.lang-active,.lang-menu .icon{display:flex;align-items:center;justify-content:center;width:100%}.lang-link,.lang-active{box-sizing:border-box;padding:var(--spacing-md)}.lang-item:hover{background:rgba(255,251,235,.1);text-decoration:underline}.lang-menu svg{width:25px;height:auto;display:block}.music-player{position:fixed;right:var(--spacing-md);bottom:var(--spacing-md);z-index:1000;width:min(390px,calc(100vw - 2rem));padding:.85rem;border:1px solid var(--color-ivory);border-radius:8px;background:var(--color-space-indigo);box-shadow:0 12px 32px rgba(0,0,0,.3)}.music-player[hidden]{display:none}.music-player-main{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:.75rem}.music-player-toggle,.music-player-close{display:grid;place-items:center}.music-player-toggle{width:2.75rem;height:2.75rem;border:1px solid var(--color-ivory);border-radius:50%}.music-player-toggle:hover,.music-player-toggle:focus-visible{color:var(--color-space-indigo);background:var(--color-ivory)}.music-player-details{display:flex;min-width:0;flex-direction:column;line-height:1.25}.music-player-label{margin-bottom:.18rem;color:var(--color-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.music-player-title,.music-player-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-player-title{font-size:1rem}.music-player-author{color:var(--color-muted);font-size:var(--font-size-sm)}.music-player-close{align-self:start;width:1.75rem;height:1.75rem;color:var(--color-muted);font-size:1.35rem;line-height:1}.music-player-close:hover,.music-player-close:focus-visible{color:var(--color-ivory)}.music-player-progress-row{display:grid;grid-template-columns:minmax(0,1fr)auto;align-items:center;gap:.65rem;margin-top:.65rem}.music-player-progress{width:100%;height:.3rem;accent-color:var(--color-ivory);cursor:pointer}.music-player-time{color:var(--color-muted);font-size:.7rem;white-space:nowrap}@media(max-width:600px){.music-player{right:.75rem;bottom:.75rem;width:calc(100vw - 1.5rem)}}.piano-page{width:min(880px,100%);margin:0 auto;padding:var(--spacing-lg)0 8rem}.piano-page-header{display:flex;align-items:end;justify-content:space-between;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-ivory)}.piano-page-intro{max-width:650px}.piano-page-intro h1{margin-top:0;font-size:clamp(2rem,6vw,3.75rem);line-height:1}.piano-page-intro p{margin-bottom:0;color:var(--color-ivory);line-height:1.6}.piano-page-actions{display:flex;flex:none;justify-content:flex-end;gap:var(--spacing-sm)}.piano-page-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.65rem 1rem;border:1px solid var(--color-ivory);border-radius:999px;line-height:1;transition:color .15s ease,background .15s ease,transform .15s ease}.piano-page-action-icon{display:inline-flex;width:1.1rem;height:1.1rem;flex:0 0 1.1rem;align-items:center;justify-content:center}.piano-page-action-icon svg{display:block;width:100%;height:100%;stroke:currentColor}.piano-page-action:hover,.piano-page-action:focus-visible,.piano-page-action.is-active{color:var(--color-space-indigo);background:var(--color-ivory);transform:translateY(-1px)}.piano-song-list{display:grid;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.piano-song{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--spacing-md);padding:1.25rem;border:1px solid var(--color-glaucous);border-radius:8px;background:var(--color-space-indigo)}.piano-song-control{padding-top:.1rem}.piano-song-play{display:grid;width:3.25rem;height:3.25rem;place-items:center;border:1px solid var(--color-ivory);border-radius:50%;transition:color .15s ease,background .15s ease,transform .15s ease}.piano-song-play:hover,.piano-song-play:focus-visible,.piano-song-play.is-playing{color:var(--color-space-indigo);background:var(--color-ivory);transform:scale(1.04)}.piano-song-copy{min-width:0}.piano-song-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--spacing-md)}.piano-song-heading h2{margin:0 0 .25rem;font-size:var(--font-size-lg)}.piano-song-author{margin:0;color:var(--color-muted)}.piano-song-status{padding:.3rem .55rem;border:1px solid var(--color-glaucous);border-radius:999px;color:var(--color-muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.piano-song-status.is-complete{border-color:var(--color-ivory);color:var(--color-ivory)}.piano-song-notes{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-glaucous);line-height:1.6}.piano-song-notes h3{margin:0 0 var(--spacing-sm);color:var(--color-muted);font-size:var(--font-size-sm);letter-spacing:.08em;text-transform:uppercase}.piano-song-notes p:last-child{margin-bottom:0}.piano-back-link{display:inline-block;margin-bottom:var(--spacing-md);color:var(--color-muted)}.piano-song-detail{margin-top:0}@media(max-width:600px){.piano-page{padding-top:var(--spacing-md)}.piano-page-header{display:block}.piano-page-actions{justify-content:flex-start;flex-wrap:wrap;margin-top:var(--spacing-md)}.piano-song{grid-template-columns:1fr}.piano-song-heading{align-items:start}}