*{box-sizing:border-box}.shared-page{min-width:800px;min-height:100vh;background:#0a0a0a;color:#e5e2e1;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.shared-header{display:flex;align-items:center;justify-content:space-between;padding:14px 48px;border-bottom:1px solid rgba(58,74,72,.2);position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(13,13,13,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-shrink:0}.shared-logo{display:inline-flex;align-items:center;text-decoration:none;gap:10px;direction:ltr}.shared-made-with{margin-top:10px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:400;color:rgba(185,202,200,.4);letter-spacing:.06em;white-space:nowrap}.shared-logo-text{font-family:Manrope,sans-serif;font-size:1.35rem;font-weight:700;color:#cffffb;letter-spacing:-.03em;line-height:1}.shared-logo-o{color:#00ddd6}.shared-header-actions{display:flex;gap:10px;align-items:center}.shared-btn-print{padding:8px 18px;border-radius:8px;border:1px solid rgba(0,221,214,.3);background:rgba(0,221,214,.06);color:#00ddd6;font-size:.875rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.shared-btn-print:hover{background:rgba(0,221,214,.12);border-color:rgba(0,221,214,.5)}.shared-body{flex:1 1;display:flex;flex-direction:column;max-width:1400px;min-width:0;width:100%;margin:0 auto;padding:28px 48px 30px;gap:20px}.shared-sidebar{display:flex;flex-direction:row;align-items:center;gap:16px;width:100%}.shared-song-image{width:72px;height:72px;flex-shrink:0;object-fit:cover;border-radius:10px;border:1px solid rgba(0,221,214,.25);display:block}.shared-sidebar-text{flex:1 1;min-width:0}.shared-title-row{margin-bottom:8px}.shared-song-title{font-family:Manrope,sans-serif;font-size:1.7rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#e5e2e1;word-break:break-word;margin:0}.shared-song-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-bottom:10px}.shared-meta-field{display:flex;flex-direction:column;gap:1px}.shared-meta-label{font-family:JetBrains Mono,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#00ddd6;line-height:1}.shared-meta-value{font-size:.84rem;color:#b9cac8;font-family:Inter,sans-serif}.shared-meta-divider{width:1px;height:30px;background:rgba(58,74,72,.4);align-self:center}.shared-share-row{display:flex}.shared-content-area{width:100%;overflow-x:auto}.shared-content{background:rgba(20,20,20,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,.1) rgba(255,255,255,.04) rgba(255,255,255,.04) rgba(255,255,255,.07);border-style:solid;border-width:1px;border-radius:14px;padding:32px 36px;min-width:min(560px,100%);box-shadow:0 25px 50px rgba(0,0,0,.4);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;line-height:3.3;font-size:1.1rem;letter-spacing:.5px}.shared-content .chorded{position:relative;display:inline-block;background-color:transparent;padding:0 8px;min-height:1em;vertical-align:bottom;border:none;outline:none;box-shadow:none}.shared-content .chorded:before{content:attr(data-chord);position:absolute;bottom:67%;left:50%;transform:translateX(-50%);font-size:16px;font-weight:700;font-family:JetBrains Mono,monospace;line-height:1;color:#00ddd6;background:none;padding:0;border-radius:0;white-space:nowrap;margin-bottom:5px;z-index:10;box-shadow:none;letter-spacing:normal;min-height:1em}.shared-content .section-label{color:#ffffff57;font-size:.95rem}.shared-content .chord-container{display:inline-block;position:relative;vertical-align:bottom}.shared-youtube{width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(58,74,72,.2)}.shared-youtube iframe{width:100%;height:100%;border:none;display:block}.shared-error{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;text-align:center}.shared-error h1{font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:700;color:#e5e2e1}.shared-error p{color:#b9cac8;max-width:360px;line-height:1.6}.shared-error a{color:#00ddd6;text-decoration:none;font-weight:600;border:1px solid rgba(0,221,214,.3);border-radius:8px;padding:8px 20px;transition:background .15s}.shared-error a:hover{background:rgba(0,221,214,.06)}.shared-footer{padding:14px 32px;border-top:1px solid rgba(58,74,72,.15);text-align:center;font-size:.78rem;color:rgba(185,202,200,.3)}.shared-footer a{color:rgba(0,221,214,.6);text-decoration:none;font-weight:600;transition:color .15s}.shared-footer a:hover{color:#00ddd6}[dir=rtl] .shared-body,[dir=rtl] .shared-header,[dir=rtl] .shared-sidebar-text,[dir=rtl] .shared-song-meta{direction:rtl}@media (max-width:768px){.shared-page{min-width:0}.shared-header{padding:12px 16px}.shared-logo-text{font-size:1.15rem}.shared-body{padding:16px 12px 48px;gap:16px}.shared-song-image{width:56px;height:56px;border-radius:8px}.shared-song-title{font-size:1.15rem}.shared-content{padding:20px 16px;font-size:.92rem;border-radius:10px;min-width:0}.shared-content .chorded:before{font-size:14px}.shared-footer{padding:12px 16px}}.shared-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 28px;margin:32px auto;max-width:560px;text-align:center;background:rgba(20,20,20,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(58,74,72,.2);border-top-color:rgba(0,221,214,.18);border-radius:14px}.shared-cta-headline{margin:0;font-family:Manrope,sans-serif;font-size:1.1rem;font-weight:700;color:#00ddd6;letter-spacing:-.01em}.shared-cta-subtitle{margin:0;color:#b9cac8}.shared-cta-button,.shared-cta-subtitle{font-family:Inter,sans-serif;font-size:.9rem}.shared-cta-button{display:inline-block;margin-top:10px;padding:10px 26px;background:#00f2ea;color:#0a0a0a;border-radius:8px;font-weight:700;text-decoration:none;letter-spacing:.01em;transition:background .15s,box-shadow .15s}.shared-cta-button:hover{background:#00ddd6;color:#0a0a0a;box-shadow:0 0 16px rgba(0,221,214,.3)}[dir=rtl] .shared-cta{direction:rtl}@media (max-width:768px){.shared-cta{padding:24px 16px;margin:20px 16px}}.logo-footer{display:none;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:.85rem;color:#555}@media print{.logo-footer{display:flex}#printLogo{max-height:40px}}