:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0a0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#a97b3d1f,#0000 34rem),#0a0a0a;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#fff;cursor:pointer;background:#222;border:1px solid #2a2a2a;border-radius:8px;min-height:2.5rem;padding:.6rem .9rem}button:hover:not(:disabled){border-color:#a97b3d}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{color:#fff;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;outline:none;width:100%;padding:.75rem}input:focus,textarea:focus,select:focus{border-color:#c99a55;box-shadow:0 0 0 3px #c99a5526}input[readonly]{color:#a1a1aa;cursor:default}label{color:#a1a1aa;gap:.5rem;font-size:.9rem;display:grid}.app-shell{width:min(1100px,100%);margin:0 auto;padding:2rem}.app-header{border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.app-header h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:.95}.eyebrow{color:#c99a55;letter-spacing:.16em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.header-mark{color:#c99a55;border:1px solid #a97b3d;border-radius:8px;flex:none;place-items:center;width:4rem;height:4rem;font-weight:800;display:grid}.header-actions{align-items:center;gap:.75rem;display:flex}.view-tabs{background:#111;border:1px solid #2a2a2a;border-radius:8px;flex:none;gap:.5rem;padding:.25rem;display:flex}.view-tabs button{color:#a1a1aa;background:0 0;border:0;min-height:2.25rem}.view-tabs button.active{color:#0a0a0a;background:#a97b3d;font-weight:800}.main-column{gap:1rem;display:grid}.panel{background:#181818eb;border:1px solid #2a2a2a;border-radius:8px;padding:1rem}.panel-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading h2{margin:0;font-size:1rem}.panel-heading p{color:#a1a1aa;text-align:right;margin:0;font-size:.85rem}.field-grid,.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.file-box{background:#111;border:1px dashed #2a2a2a;border-radius:8px;align-content:space-between;min-height:8rem;padding:1rem}.drop-zone{transition:border-color .16s,background .16s}.drop-zone:hover,.drop-zone:focus-within{background:#a97b3d1a;border-color:#a97b3d}.file-box input{background:0 0;border:0;padding:0}.file-box span{color:#fff;word-break:break-word}.toggle-row{align-items:center;gap:.6rem;width:fit-content;margin-top:1rem;display:flex}.toggle-row input{width:auto}.message-list{gap:.55rem;display:grid}.message{background:#111;border:1px solid #2a2a2a;border-radius:8px;padding:.7rem .8rem}.message.error{color:#f87171;border-color:#f8717173}.message.warning{color:#fbbf24;border-color:#fbbf2473}.message.success{color:#4ade80;border-color:#4ade8073}.time-display{color:#c99a55;font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:2.6rem;font-weight:800;line-height:1}.button-row{flex-wrap:wrap;gap:.5rem;display:flex}.primary-button{color:#0a0a0a;background:#a97b3d;border-color:#a97b3d;font-weight:800}.ghost-button{background:0 0}.danger-button{color:#fecaca;background:#3f1217;border-color:#7f1d1d}.status-text{margin-top:.85rem;font-size:.9rem}.warning-text{color:#fbbf24}.success-text{color:#4ade80}.playback-rate-controls{flex-wrap:wrap;gap:.4rem;display:flex}.playback-rate-controls button{color:#a1a1aa;background:#181818;min-height:2rem;padding:.35rem .7rem}.playback-rate-controls button.active{color:#c99a55;background:#a97b3d29;border-color:#a97b3d;font-weight:800}.publish-speed-row{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.publish-speed-row>span{color:#a1a1aa;font-size:.85rem}.lyrics-display{gap:.5rem;max-height:34rem;display:grid;overflow-y:auto}.lyrics-display-row{background:#111;border:1px solid #252525;border-radius:8px;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.65rem .8rem;display:grid}.lyrics-display-row.current-line{border-color:#a97b3d;box-shadow:0 0 0 3px #a97b3d1f}.lyrics-display-row .line-number{color:#666;font-variant-numeric:tabular-nums}.lyrics-display-row .ar-line{font-size:1.15rem;line-height:1.7}.lyrics-display-row .translation-lines{color:#a1a1aa;gap:.2rem;margin-top:.4rem;font-size:.85rem;display:grid}.lyrics-display-row .translation-lines span{color:#666;text-transform:uppercase;margin-right:.35rem;font-size:.68rem;font-weight:700}.chat-log{gap:.6rem;max-height:16rem;margin-bottom:1rem;display:grid;overflow-y:auto}.chat-entry{background:#ffffff08;border:1px solid #2a2a2a;border-radius:6px;gap:.2rem;padding:.6rem .8rem;display:grid}.chat-entry.rejected{border-color:#7f3b3b}.chat-entry.accepted{border-color:#256d46}.chat-entry span{color:#a1a1aa}.chat-entry.rejected span{color:#f2a1a1}.chat-entry.accepted span{color:#86efac}.chat-input-row{gap:.5rem;display:flex}.chat-input-row input{flex:1}.nasheed-grid{gap:.75rem;display:grid}.nasheed-card{background:#111;border:1px solid #2a2a2a;border-radius:8px;grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem;display:grid}.nasheed-card img{object-fit:cover;background:#0a0a0a;border-radius:6px;width:4.5rem;height:4.5rem}.nasheed-card-info{gap:.3rem;min-width:0;display:grid}.nasheed-card-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nasheed-card-stats{color:#a1a1aa;gap:.9rem;font-size:.82rem;display:flex}.badge{color:#c99a55;background:#a97b3d2e;border:1px solid #c99a555c;border-radius:8px;align-items:center;min-height:2rem;padding:.35rem .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge.muted{color:#a1a1aa;background:#181818;border-color:#3a3a3a}@media (width<=850px){.app-shell{padding:1rem}.field-grid,.upload-grid,.two-column{grid-template-columns:1fr}.app-header,.header-actions{flex-direction:column;align-items:stretch}.view-tabs{width:100%}.view-tabs button{flex:1}.nasheed-card{grid-template-columns:3.5rem minmax(0,1fr)}.nasheed-card-stats{grid-column:1/-1}}