@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=Nunito+Sans:wght@400;600;700;800&display=swap";@font-face{font-family:Hylia Serif;src:url(../../../fonts/HyliaSerifBeta-Regular.otf)format("opentype");font-display:block;font-style:normal;font-weight:400}:root{--earth-deep:#241811;--forest:#17422f;--forest-mid:#286348;--gold:#d2a947;--gold-light:#efd47b;--cream:#f5f0d8;--ink:#eef2ec;--red:#dc7c70;--radius-sm:.25rem;--radius-md:.4rem;--radius-lg:.55rem;--font-display:"Hylia Serif", Georgia, serif;--font-body:"Nunito Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;font-family:var(--font-body);color:var(--ink);background:var(--earth-deep);font-synthesis:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation;-webkit-user-select:none;user-select:none}html{background:var(--earth-deep);min-width:320px}body{background:var(--earth-deep);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}a{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:linear-gradient(#160f0980,#160f0980),url(../../../official-brown-texture.jpg) 50%/600px;flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:30;background:#1c130cf5;border-bottom:1px solid #4a3728;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.35rem;padding:.3rem clamp(.75rem,3vw,2rem);display:flex;position:relative}.brand{color:var(--cream);white-space:nowrap;align-items:center;gap:.55rem;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--gold);width:2.1rem;height:2.1rem;color:var(--gold-light);place-items:center;font-size:1.15rem;display:grid}.brand>span:last-child{font:400 1.8rem/1 var(--font-display)}.brand em{color:var(--gold-light);font-size:.78em;font-weight:600}.nav-item{color:#b3aa97;font:400 .95rem/1 var(--font-display);letter-spacing:.02em;align-items:center;gap:.4rem;padding:.35rem .15rem;text-decoration:none;display:inline-flex}.nav-item svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4px;width:.8rem;height:.8rem;margin-top:1px}.nav-item:hover{color:var(--gold-light)}.play-bar{z-index:20;background:#1c130cf5;border:1px solid #4a3728;border-radius:0;align-items:center;gap:.75rem;margin:.4rem 0 .75rem;padding:.55rem .75rem;display:flex;position:sticky;top:0}.speed-label{color:#b3a78e;white-space:nowrap;font-size:.72rem;font-weight:600}.speed-label em{color:var(--gold-light);margin-left:.2rem;font-style:normal}.speed-slider{width:auto;accent-color:var(--gold-light);cursor:pointer;flex:1;align-self:center}.play-bar .button{white-space:nowrap}.header-actions{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.button{border-radius:var(--radius-sm);min-height:2.3rem;color:var(--cream);cursor:pointer;background:#183728;border:1px solid #54705f;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.button.gold{border-color:var(--gold);background:var(--gold);color:#10251b}.button.secondary{color:var(--cream);background:#183728;border-color:#54705f}.button:hover{filter:brightness(1.08)}.home{flex:1;place-items:start center;padding:clamp(1.25rem,4vw,3.5rem) 1rem 3rem;display:grid;position:relative;overflow:hidden}.home:before{content:"";opacity:.2;pointer-events:none;background:url(../../../official-young-link-ocarina.png) 100% 100%/contain no-repeat;width:min(62vw,680px);height:90%;position:absolute;bottom:-2rem;right:max(-5rem,50% - 42rem);-webkit-mask-image:linear-gradient(270deg,#000 55%,#0000 100%);mask-image:linear-gradient(270deg,#000 55%,#0000 100%)}.home-content{z-index:1;gap:1rem;width:min(100%,760px);display:grid;position:relative}.saved-library{background:#0c251ae6;border:1px solid #3d604a;padding:clamp(1rem,3vw,1.5rem)}.saved-library-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.saved-library h1{color:var(--gold-light);font:400 clamp(2rem, 5vw, 2.8rem)/1 var(--font-display);margin:0}.saved-library>p{color:#b3a78e;border:1px dashed #d2a94759;margin:0;padding:.9rem;font-size:.78rem}.saved-library ul{grid-template-columns:1fr;gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.saved-library li{background:linear-gradient(110deg,#193c2b,#132d21);border:1px solid #456752;grid-template-columns:minmax(0,1fr) 2.1rem;align-items:stretch;display:grid}.saved-library li:hover{border-color:var(--gold)}.saved-library li>a{align-items:center;min-width:0;padding:.75rem;text-decoration:none;display:flex}.saved-library strong{color:var(--cream);font:400 1.2rem/1.15 var(--font-display)}.workspace{flex:1;width:min(100%,1200px);margin:0 auto;padding:1.5rem clamp(.65rem,3vw,1.5rem) 3rem}.song-heading{justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:.85rem;display:flex}.song-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;min-width:0;display:flex}.song-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.song-heading h1{color:var(--cream);font:400 clamp(2rem, 5vw, 3.25rem)/1 var(--font-display);margin:0}.title-field{width:min(100%,620px)}.title-field input{width:100%;color:var(--cream);font:400 clamp(1.35rem, 4vw, 2rem)/1 var(--font-display);background:0 0;border:0;border-bottom:1px solid #5d7566;outline:0;padding:0 0 .2rem}.title-field input::placeholder{color:#8a9a90}.title-field input:focus{border-color:var(--gold)}.editor-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:.75rem;display:grid}.tab-sheet{gap:.5rem;min-width:0;display:grid}.tab-line{background:#143022f0;border:1px solid #3d5748;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative}.tab-line.active-line{border-color:var(--gold)}.tab-line.selectable{cursor:pointer}.line-header{border-bottom:1px solid #31453a;justify-content:space-between;align-items:center;gap:.4rem;min-height:1.5rem;padding:0 0 0 .6rem;display:flex}.line-number{color:#82958a;font:500 .55rem var(--font-mono)}.notes{flex-wrap:wrap;align-content:flex-start;align-items:center;gap:.45rem 0;min-width:0;min-height:4.6rem;padding:.4rem;display:flex}.notes>*{margin:0 0 -1px -1px}.add-line{border-radius:var(--radius-sm);color:#c9b476;cursor:pointer;background:0 0;border:1px dashed #d2a94773;width:100%;padding:.65rem;font-size:.7rem;font-weight:800}.add-line:hover{border-color:var(--gold);color:var(--gold-light)}.add-line kbd{font-family:var(--font-mono);opacity:.5;margin-left:.25rem}.editor-panel{position:sticky;top:.75rem}footer{color:#7f9587;background:#18100af5;border-top:1px solid #3d2f22;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1rem;padding:.8rem clamp(.75rem,3vw,2rem);font-size:.6rem;display:flex}footer p{margin:0}footer a{color:var(--gold-light)}.toast{z-index:120;border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--cream);background:#142e21;padding:.55rem .8rem;font-size:.72rem;font-weight:800;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}@media (width<=780px){.editor-layout{display:block}.editor-panel{z-index:25;position:fixed;inset:auto 0 0}.workspace:has(.editor-panel){padding-bottom:12.5rem}.song-heading{flex-direction:column;align-items:stretch;gap:.65rem}}@media (width<=560px){.site-header{align-items:center;padding:.25rem .55rem}.brand-mark{display:none}.brand>span:last-child{font-size:1.4rem}.header-actions{gap:.25rem}.header-actions .button.secondary{display:none}.header-actions .button{min-height:2rem;padding:.35rem .5rem;font-size:.7rem}.home{padding:1rem .65rem 2rem}.home:before{opacity:.13;width:130vw;right:-8rem}.workspace{padding-top:.85rem}.notes{padding:.3rem}footer{flex-direction:column}}