body{background:#15131e;color:#f0eaf5}header{background:#191621;border-bottom:1px solid #342b41}.brand{color:#e6c48d;letter-spacing:-1.2px}.header-actions{display:flex;align-items:center;gap:10px}header button{color:#ad9dbe}#favorites{background:#342b3d;color:#e5bd79}.header-actions #account-nav{display:flex;align-items:center;gap:14px}.member-link{font-size:13px;color:#c8bad6}.member-join{border:1px solid #8d6d43;color:#efd1a0;border-radius:8px;padding:6px 12px;font-size:12px}.admin-nav{color:#e9bf7b}.user-pill{color:#e9bf7b}#search{background:#211c2c;border-color:#413348;box-shadow:0 3px 12px #0002}#search>span{color:#9d8eac}#search input{color:#e9dfed}#search button{background:#dfb777;color:#2b1c34}#search:focus-within{outline-color:#dfb77755}#types button{color:#afa0ba}#types button.selected{background:#40304b;color:#f1cf96}.live-dot{color:#aa99b4}.live-dot:before{background:#cbad78}.hero{background:radial-gradient(ellipse at 92% 15%,#6b477a80,transparent 55%),linear-gradient(120deg,#30223d,#493052,#252033);border:1px solid #70547a;box-shadow:0 18px 45px #0002}.hero:before,.hero:after{background:#d9bc7c08}.hero h1{color:#f6eff5;letter-spacing:-1.8px}.hero p{color:#c3b0cb}.hero small{color:#baa3c4}.badge{background:#6b50703d;border-color:#8b6a924f;color:#d9c3e5}.badge strong{color:#f3cd8c}.heading>button,a{color:#dbb982}.featured .card,.row,.chip{background:#211c2b;border-color:#3d3049;box-shadow:0 2px 4px #0002}.card h3{color:#ece3f1}.card .meta,.meta,.hint{color:#ad9ab9}.tag,.open-label{color:#cba1d4}.card .art{background:linear-gradient(135deg,#45344f,#786181)}.card .art img{opacity:.87}.row:hover{border-color:#8f699e;box-shadow:0 3px 20px #0002}.song-icon{background:#3b2b46;color:#d6afde}.row strong{color:#e9ddf0}.row-yt{background:#492d3c;color:#df9eaa}.save{color:#887493}.save.on{color:#e6bd7c}.chip{color:#cbb9d6}.chip.active{background:#dfba80;color:#32203b;border-color:#dfba80}.avatar{background:#3c2d48;border-color:#33263e;color:#ddbee8}.artist{color:#b8a7c4}.eyebrow{color:#ba91c6}#count{color:#b399bc}#status{color:#c0a3ce}#query-trail button{background:#362940;color:#d6b3e2}.pagination button{background:#302337;border-color:#5b4164;color:#e0c4e9}.source-note{background:#241d2d;border-color:#3d2c48;color:#aa92b4}.source-note strong{color:#d1b8d9}.connection-icon{color:#b58ac5}.source-note a{display:none}.catalog-frame-toolbar{background:#30233c;color:#bb9ac8}.catalog-frame-toolbar strong{color:#e0c2e8}.catalog-frame-toolbar button{border:1px solid #604a6d;background:#3e2c49;color:#dcc5e5;border-radius:8px;padding:4px 9px;font-size:11px;margin-left:auto}#catalog-frame-panel{border-color:#503a5e;background:#251d30}.catalog-frame-toolbar a{display:none}#reader,#native-reader{background:#21192c;color:#e9ddf0;border:1px solid #64476e}.reader-actions a,.reader-actions button{border-color:#61486b;color:#e2c6eb}.reader-actions #youtube{background:#78516a;border-color:#78516a;color:#fbe4ed}.frame-note{border-color:#493151;color:#ab91b7}.reader-head p{color:#ad93b9}#reader::backdrop,#native-reader::backdrop{background:#0d0719bb;backdrop-filter:blur(4px)}footer{background:#18131f;border-top:1px solid #34253e;color:#9b84aa}footer strong{color:#dfbf88}footer nav{display:flex;justify-content:center;gap:25px;font-size:12px;margin:18px 0}footer small{font-size:10px;color:#786284}.native-head{display:flex;justify-content:space-between;gap:20px}.native-head button{background:transparent;font-size:30px;border:0;color:#c5a8d0}.native-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:20px 0}.native-tools button{background:#44304f;border:1px solid #684774;border-radius:8px;padding:6px 13px;color:#ecd2f6}#native-reader{padding:26px;width:min(850px,96vw)}#native-lyrics{font:18px/2.2 system-ui,sans-serif;white-space:pre-wrap}#native-lyrics b{color:#e8c38a}#catalog-frame-panel:fullscreen{width:100vw;height:100dvh;border-radius:0}#catalog-frame-panel:fullscreen iframe{height:calc(100dvh - 55px)}#reader:fullscreen{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}.light{background:#f5f1f7;color:#32293d}.light header,.light footer{background:#eee7f1;border-color:#d9cce1}.light .brand,.light footer strong{color:#67477b}.light #search,.light .card,.light .row,.light .chip{background:#fff;border-color:#ddcfe5}.light input,.light .row strong,.light .card h3{color:#352542}.light #types button{color:#816d8f}.light #types button.selected{background:#e5d6ef;color:#56366c}.light .member-link{color:#684d7a}.light .member-join{color:#71512c}.light .source-note{background:#ede5f1;border-color:#d9cbe4;color:#80698f}.light .source-note strong{color:#674c78}.light .meta,.light .hint{color:#897498}.light .avatar{border-color:#e5d8ed}.light .artist{color:#6a507c}@media(max-width:650px){header{padding:17px 20px;flex-wrap:wrap;gap:10px}.brand{font-size:23px}.header-actions{margin-left:auto;gap:5px}.header-actions button{font-size:20px;margin-left:3px}.header-actions #account-nav{gap:9px}.member-link{font-size:11px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-join{padding:5px 8px;font-size:11px}#menu{display:inline-flex}.hero{border-radius:25px}.hero h1{font-size:37px}.badge{font-size:11px}.badge strong{font-size:16px}.admin-nav{font-size:10px}.native-tools{gap:6px}.native-tools button{padding:6px 10px}.catalog-frame-toolbar button{margin-left:auto}}
/* Native reader: one consistent surface, with no external document frame. */
#reader{width:min(1000px,96vw);height:min(94dvh,1000px);max-height:94dvh;padding:0;box-shadow:0 30px 100px #07030c88}#reader[open]{display:flex;flex-direction:column}.reader-head{padding:23px 28px 10px}.reader-head h2{margin:5px 0 0;font-size:clamp(22px,3vw,32px);line-height:1.3;letter-spacing:-.5px}.reader-head .eyebrow{font-size:9px;letter-spacing:1.8px}.reader-head p{margin-top:8px}.reader-actions{padding:2px 28px 18px;gap:8px}.reader-actions button,.reader-actions a{font-size:12px}.reader-actions #youtube{background:transparent;border-color:#61486b;color:#cba9bc}.reader-actions #reader-save[aria-pressed=true]{background:#5a4339;color:#f3cd8c;border-color:#a48250}.reader-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 28px;background:#30233b;border-block:1px solid #493253}.reader-tools[hidden]{display:none}.reader-tools>div{display:flex;align-items:center;gap:6px}.reader-tools button,.reader-tools select{font:12px/1.3 inherit;border:1px solid #64496d;border-radius:8px;background:#3e2d49;padding:7px 10px;color:#e6d1ee;cursor:pointer}.reader-tools button:hover{background:#523b60}.reader-tools button[aria-pressed=true]{background:#78566d;color:#fff}.reader-tone strong{color:#f6d79e;min-width:31px;text-align:center;font-size:18px}#reader-reset{font-size:10px;color:#bea7c8}.reader-type{border-left:1px solid #64496d;padding-left:10px}.reader-scrolling{margin-left:auto}#reader-body{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#71517f transparent;padding:22px 30px 34px;background:radial-gradient(ellipse at 100% 0%,#5a3d6022,transparent 40%),#21192c;outline-offset:-3px}#reader-lyrics{font:18px/2.35 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:break-word;color:#e2d6e8;tab-size:4}.chord{display:inline;font-size:.94em;font-weight:750;color:#f2cd8e}#reader-credit{font-size:10px;color:#947c9e;margin:28px 0 0;border-top:1px solid #3f2c48;padding-top:14px}#reader-notice{font-size:14px;color:#bba1c7;padding:15px 0}#reader-notice:empty{display:none}#reader-notice.error{margin:10px 0;background:#382638;border:1px solid #7f4f64;border-radius:14px;padding:22px;color:#e2bbc8}#reader-notice strong{font-size:17px}#reader-notice p{margin:8px 0 16px;line-height:1.6}#reader-retry{padding:8px 18px;background:#dfba80;border-radius:8px;color:#302035;font-weight:650}.light #reader{background:#fff;color:#352542;border-color:#d9c6e3}.light #reader-body{background:#fffcff}.light #reader-lyrics{color:#36283e}.light .chord{color:#945e14}.light .reader-tools{background:#eee4f4;border-color:#d9c5e4}.light .reader-tools button,.light .reader-tools select{color:#5c3d6f;background:#faf6fd;border-color:#cbb5d8}.light .reader-tone strong{color:#7b4b13}.light .reader-head p{color:#80668d}.light #reader-credit{color:#9a84a4;border-color:#e5d8ed}.light .reader-actions a,.light .reader-actions button{color:#65467a;border-color:#cbb4d8}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #e6bd7c;outline-offset:3px}@media(max-width:650px){#reader{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.reader-head{padding:18px 18px 9px}.reader-head h2{font-size:24px;padding-right:5px}.reader-head .eyebrow{font-size:8px}.reader-actions{padding:5px 18px 14px}.reader-actions a,.reader-actions button{font-size:11px;padding:7px 9px}.reader-tools{padding:11px 15px;gap:9px 6px}.reader-tools button,.reader-tools select{font-size:11px;padding:7px 9px}.reader-type{padding-left:7px}.reader-scrolling{margin-left:0}#reader-body{padding:18px 19px 35px}#reader-lyrics{line-height:2.25}.reader-head #close{padding:0 3px;font-size:30px}}