[hidden]{display:none!important}.cloud-bar{margin:0 0 20px;border:1px solid var(--line);border-radius:12px;background:#121d2b;font-size:12px}.cloud-bar>summary{cursor:pointer;padding:13px 16px;display:flex;align-items:center;gap:12px;color:var(--text)}.cloud-summary-note{color:var(--muted);margin-left:auto;font-size:11px}.cloud-content{padding:0 16px 16px}.cloud-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.cloud-account{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.cloud-account strong{overflow-wrap:anywhere}.cloud-muted{color:var(--muted);font-size:12px;line-height:1.7}.cloud-status{font-size:12px;line-height:1.6;color:var(--mint);overflow-wrap:anywhere}.cloud-status.error{color:#ffb5ba}.cloud-input,.cloud-form input,:is(.admin-page,#page-admin) input{font:inherit;color:var(--text);background:#0b1421;border:1px solid #354359;border-radius:8px;padding:10px 12px;min-width:0;max-width:100%}.cloud-search{flex:1;min-width:150px}.cloud-progress{width:100%;height:7px;accent-color:var(--mint)}.cloud-list{max-height:330px;overflow:auto}.cloud-song{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cloud-song-main{flex:1;min-width:0}.cloud-song-main strong{display:block;overflow-wrap:anywhere;margin-bottom:4px}.cloud-actions{display:flex;flex-wrap:wrap;gap:6px}.cloud-actions button{font-size:13px;padding:7px 9px}.cloud-dialog{width:min(440px,calc(100% - 24px));max-height:90dvh;border:1px solid #354359;border-radius:16px;background:var(--panel);color:var(--text);padding:24px;box-shadow:0 24px 100px #0008}.cloud-dialog::backdrop{background:#030812bb;backdrop-filter:blur(4px)}.cloud-dialog-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}.cloud-dialog h2{font-size:20px;margin:0}.cloud-dialog p{line-height:1.6}.cloud-form{display:grid;gap:15px}.cloud-form label{display:grid;gap:7px;font-size:12px;color:#b4c3d7}.cloud-form button{margin-top:4px}.cloud-tabs{display:flex;gap:8px;margin-bottom:20px}.cloud-tabs button{flex:1}.cloud-tabs .selected{border-color:var(--mint);color:var(--mint)}.cloud-dialog.wide{width:min(960px,calc(100% - 24px))}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-card{padding:20px;border:1px solid var(--line);border-radius:12px;background:#0e1826}.plan-card h3{font-size:21px;margin:0 0 12px}.plan-card button{width:100%;margin-top:14px}.plan-price{font-size:18px;color:var(--mint);line-height:1.6;overflow-wrap:anywhere}.cloud-warning{color:#ffcb92}.cloud-password{max-width:380px;margin-top:16px}.cloud-password summary{cursor:pointer;color:var(--muted);margin-bottom:12px}:is(.admin-page,#page-admin) section{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel);margin:20px 0}:is(.admin-page,#page-admin) h2{font-size:19px;margin:0 0 16px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-grid form{padding:16px;border:1px solid var(--line);border-radius:10px}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:12px}.admin-table td,.admin-table th{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{color:var(--muted)}.admin-table td:first-child{overflow-wrap:anywhere}.account-button{white-space:nowrap}.cloud-link{color:var(--mint)}
@media(max-width:750px){.plan-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-song{align-items:flex-start;flex-direction:column}.cloud-summary-note{max-width:50%;text-align:right}.cloud-dialog{padding:18px}.cloud-toolbar button{font-size:13px}}
@media(max-width:480px){.plan-grid,.admin-grid{grid-template-columns:1fr}.cloud-content{padding:0 12px 12px}.cloud-dialog-head h2{font-size:17px}.cloud-account{align-items:flex-start}:is(.admin-page,#page-admin) section{padding:14px}}

/* Library drawer and account controls. */
.header-account{display:flex;align-items:center;gap:8px}.library-toggle{white-space:nowrap;border-color:#497d70;color:var(--mint);background:#17332e}.signout-button{white-space:nowrap;color:#efbfc1;background:transparent;border-color:#67434d}.signout-button:hover{background:#3b2630;border-color:#a26972}
.cloud-sidebar{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:460px;max-width:100%;height:100dvh;max-height:100dvh;background:#111b28;color:var(--text);border:0;border-right:1px solid #354359;box-shadow:20px 0 80px #0005;overflow:hidden;font-size:12px}
.cloud-sidebar[open]{display:flex;flex-direction:column;animation:library-enter .2s ease-out}.cloud-sidebar::backdrop{background:#03081299}
.cloud-sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid var(--line);flex-shrink:0}.cloud-sidebar-heading h2{font-size:21px;letter-spacing:-.4px;margin:0 0 7px}.cloud-sidebar-heading .cloud-summary-note{font-size:12px;max-width:none;text-align:left;margin:0}
.cloud-sidebar .cloud-content{padding:20px 24px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}.cloud-sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:16px 24px;background:#141f2e;flex-shrink:0}
.cloud-storage{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;background:#182534;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}.cloud-storage-info{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;min-width:0}.cloud-storage-info #cloud-usage{width:100%}.cloud-plan-badge{font-weight:650;color:var(--mint)}.cloud-storage #cloud-expiry:empty{display:none}.cloud-storage .cloud-progress{grid-column:1/-1;margin:0;border:0;height:4px;border-radius:4px;overflow:hidden;background:#293b4a}.cloud-progress::-webkit-progress-bar{background:#293b4a}.cloud-progress::-webkit-progress-value{background:var(--mint)}.cloud-progress::-moz-progress-bar{background:var(--mint)}
.cloud-quiet{background:transparent;border-color:transparent;color:#aebfd2}.cloud-quiet:hover{border-color:#354359;background:#202c3d}.library-toolbar{flex-wrap:nowrap;margin:0 0 16px;gap:10px}.library-toolbar .cloud-search{min-width:0;width:0}.library-toolbar button{flex-shrink:0;min-width:0;min-height:40px}.cloud-sidebar .cloud-list{max-height:none;overflow:visible}.cloud-sidebar .cloud-song{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:15px 0}.cloud-sidebar .cloud-song-main strong{font-size:13px;line-height:1.55;font-weight:600;margin:0 0 3px}.cloud-sidebar .cloud-song-main .cloud-muted{font-size:11px}.cloud-open-song{color:var(--mint);border-color:#385b55;background:#19322f;font-weight:600}.cloud-more{font-size:22px;line-height:1;padding:6px;width:36px;height:36px;background:transparent;border-color:transparent}.cloud-more[aria-expanded=true]{background:#26364b;border-color:#526477}.cloud-sidebar .cloud-song-options{grid-column:1/-1;justify-content:flex-end;padding:10px;border:1px solid var(--line);border-radius:8px;background:#182434}.cloud-song-options .cloud-delete{color:#ffb5ba;border-color:#64414a;background:#32242c}.cloud-empty{padding:36px 20px;margin:0;text-align:center;border:1px dashed #354359;border-radius:10px}.cloud-library-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px}.cloud-library-footer>.cloud-muted{font-size:11px}.cloud-footer-actions{display:flex;flex-wrap:wrap;gap:6px}.cloud-footer-actions button{padding:6px 8px;font-size:13px}.cloud-pagination{display:flex;justify-content:space-between;margin-top:16px}.cloud-status:empty{display:none}.cloud-profile{padding:6px 0 16px;border-bottom:1px solid var(--line)}.cloud-profile strong{font-size:17px;overflow-wrap:anywhere}.cloud-profile p{margin:6px 0;overflow-wrap:anywhere}.cloud-password{max-width:none}.cloud-password summary{padding:8px 0;color:var(--text)}
@keyframes library-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:1100px){header{flex-wrap:wrap;gap:10px 14px}.header-account{margin-left:auto}.language-control{margin-left:auto}}
@media(max-width:600px){header .identity{min-width:170px}.library-toggle{margin-left:0}.header-account{gap:6px}.header-account button{padding:9px 10px;font-size:13px}.cloud-sidebar-heading{padding:20px 16px}.cloud-sidebar .cloud-content{padding:16px}.cloud-sidebar-footer{padding:14px 16px}.library-toolbar button{font-size:13px}.cloud-sidebar .cloud-song{gap:6px}.cloud-open-song{font-size:13px;padding:9px}.cloud-sidebar{width:min(460px,100%)}}
@media(prefers-reduced-motion:reduce){.cloud-sidebar[open]{animation:none}}

.cloud-auto-save{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.6}.cloud-auto-save input{margin:3px 0 0}.recent-status{color:var(--muted);font-size:12px;line-height:1.6;margin:-8px 0 16px}.recent-status:empty{display:none}.recent-status.error{color:#ffcb92}

/* Shared action dialogs and account management. */
.ui-icon{width:18px;height:18px;flex:none;vertical-align:middle}.icon-label{display:inline-flex;align-items:center;justify-content:center;gap:7px}.icon-label>span{min-width:0}
.action-dialog{padding:26px;width:min(480px,calc(100% - 24px))}.action-heading{display:flex;align-items:center;gap:12px}.action-heading>.ui-icon{width:26px;height:26px;color:var(--mint)}.action-dialog h2{margin:0;font-size:21px}.action-dialog p{font-size:14px;color:#b4c3d7;overflow-wrap:anywhere}.action-dialog input{width:100%;font-size:14px}.action-buttons{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:24px}.danger{background:#a83245;border-color:#cc5265;color:#fff}.danger:hover{background:#bd3c51;border-color:#ec8292}.danger-quiet{background:#32242c;border-color:#64414a;color:#ffb5ba}.danger-quiet:hover{background:#4b2b38}.danger-quiet:disabled{cursor:not-allowed}
.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.admin-section-heading h2{margin:0}.admin-section-heading .ui-icon{color:var(--mint);width:22px;height:22px}.admin-user-toolbar{gap:12px;margin:20px 0}.admin-user-toolbar label,.admin-pagination label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.admin-user-toolbar .cloud-search{font-size:13px;flex:1 1 210px}.admin-user-toolbar select,.admin-pagination select{font-size:13px}.admin-user-table{min-width:820px}.admin-user-table th{background:#182435;font-size:11px;letter-spacing:.4px;white-space:nowrap}.admin-user-table td{vertical-align:middle}.admin-user-table td:first-child{min-width:210px;max-width:280px}.admin-user-table td:nth-child(2){min-width:135px;font-size:12px;color:#b6c5d9}.admin-user-table tbody tr:hover{background:#18243577}.admin-user-table td p{margin:7px 0 0}.admin-user-identity{display:flex;gap:12px;align-items:center}.admin-user-identity>div{min-width:0;overflow-wrap:anywhere}.admin-user-identity strong{font-size:13px}.admin-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#203244;color:#a7c6dc;flex:none}.member-badge{display:inline-flex;gap:5px;align-items:center;padding:3px 8px;border:1px solid #3b4a60;border-radius:20px;font-size:11px;color:#b9c8d9;white-space:nowrap}.member-badge .ui-icon{width:13px;height:13px}.admin-user-identity .member-badge{margin-top:5px}.member-badge.premium{color:#f0d399;border-color:#725b34;background:#342e23}.member-badge.free{background:#202d3e}.admin-user-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:200px}.admin-user-actions button,.admin-user-actions select{padding:7px 9px;font-size:12px}.admin-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:20px}.admin-pagination nav,#admin-page-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.admin-pagination button{padding:7px 10px;font-size:12px;min-height:34px}.admin-pagination button[aria-current=page]{background:#274b42;color:#bcf7e5;border-color:#5b9c88}.admin-empty{text-align:center;padding:42px 16px;color:var(--muted)}.admin-empty>.ui-icon{width:32px;height:32px}#admin-users[aria-busy=true]{opacity:.6;pointer-events:none}
@media(max-width:600px){.admin-user-toolbar{align-items:stretch}.admin-user-toolbar .cloud-search{flex-basis:100%}.admin-user-toolbar label{flex:1 1 140px;flex-direction:column;align-items:stretch}.admin-pagination nav{width:100%;justify-content:center}.admin-pagination label{flex-wrap:wrap}.action-dialog{padding:20px}.action-buttons button{flex:1}.admin-section-heading h2{font-size:18px}}

.inbox-message{border:1px solid var(--line);border-radius:12px;background:#101a27;padding:16px 18px;margin:12px 0}.inbox-message.unread{border-left:3px solid var(--mint);background:#142330}.inbox-message summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.inbox-message summary::-webkit-details-marker{display:none}.inbox-message summary>.ui-icon{color:var(--mint)}.inbox-subject{flex:1;font-size:14px;font-weight:600;overflow-wrap:anywhere;min-width:0}.inbox-message.unread .member-badge{border-color:#426d61;color:var(--mint)}.inbox-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:12px 0;overflow-wrap:anywhere}.inbox-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;padding-top:14px;margin:14px 0 0;border-top:1px solid var(--line);color:#d0dbea}.inbox-actions{display:flex;justify-content:flex-end;gap:8px}.inbox-actions button{font-size:12px;padding:7px 10px}#inbox-list[aria-busy=true]{opacity:.6;pointer-events:none}.admin-inbox-section .cloud-toolbar label{font-size:12px;color:var(--muted)}.admin-inbox-section .cloud-toolbar select{margin-left:6px}
@media(max-width:600px){.inbox-message{padding:14px 12px}.inbox-meta{flex-direction:column;gap:6px}.inbox-message summary{align-items:flex-start}.inbox-actions{justify-content:flex-start}}
.cloud-tabs button[aria-pressed="true"]{color:var(--mint);border-color:#4b8e7d;background:#203b35}
.background-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.background-card{min-width:0;border:1px solid var(--line);border-radius:12px;background:#111c2b;padding:8px;overflow:hidden}
.background-card.selected{border-color:var(--mint)}
.background-choice{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;padding:0 0 8px;border:0;background:transparent;text-align:left}
.background-choice img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;background:#0d1321}
.background-choice strong{overflow-wrap:anywhere;font-size:13px}.background-choice span{font-size:12px}
.background-card>small{display:block;font-size:11px;margin-bottom:8px}
.background-actions{display:flex;gap:6px;flex-wrap:wrap}.background-actions button{padding:6px;font-size:12px}
.background-dim{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:16px;font-size:13px}
.background-dim input{flex:1;min-width:80px;width:120px}.background-dim output{font-variant-numeric:tabular-nums}
.background-dim[hidden]{display:none}