html,body,#root{min-height:100%;margin:0}body{color:#efeaf6;background:#0d0a1f;font-family:-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:520px;margin:0 auto;padding:24px 16px 60px}.appname{text-align:center;color:#e9c46a;letter-spacing:.04em;margin-bottom:10px;font-family:Georgia,Times New Roman,serif;font-size:22px}.signin{text-align:center;letter-spacing:.08em;color:#b7a8e0;border:1px solid #3a2f6b;border-radius:999px;margin-bottom:18px;padding:8px 12px;font-size:13px}.card{background:#171233;border:1px solid #2c2354;border-radius:24px;margin-bottom:18px;padding:22px 18px;box-shadow:0 12px 30px #00000059}h1{color:#e9c46a;margin:4px 0 14px;font-family:Georgia,Times New Roman,serif;font-size:24px}.box{box-sizing:border-box;color:#efeaf6;resize:vertical;background:#0f0b26;border:1px solid #3a2f6b;border-radius:14px;width:100%;margin:6px 0;padding:12px 14px;font-size:14px}.row{justify-content:space-between;align-items:center;margin:12px 2px 4px;font-size:13px;display:flex}.dim{color:#9c8fc7}.small{font-size:12px}.filelab{color:#e9c46a;cursor:pointer;border-bottom:1px dotted #e9c46a}.lbl{letter-spacing:.14em;text-transform:uppercase;color:#9c8fc7;margin:16px 2px 8px;font-size:11px}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.chip{color:#cfc3f0;cursor:pointer;background:0 0;border:1px solid #4a3d85;border-radius:999px;padding:8px 14px;font-size:13px}.chip.on{color:#171233;background:#e9c46a;border-color:#e9c46a;font-weight:600}.note{color:#9c8fc7;margin:6px 2px;font-size:12px}.slider{accent-color:#e9c46a;width:100%}.cta{color:#171233;cursor:pointer;background:#e9c46a;border:none;border-radius:16px;width:100%;margin-top:14px;padding:15px;font-size:16px;font-weight:700}.ghost{color:#e9c46a;cursor:pointer;background:0 0;border:1px solid #e9c46a;border-radius:16px;width:100%;margin-top:10px;padding:13px;font-size:14px}.back{color:#9c8fc7;cursor:pointer;background:0 0;border:none;padding:0 0 8px;font-size:13px}.notice{color:#e9c46a;background:#241b4d;border:1px solid #4a3d85;border-radius:14px;margin-top:14px;padding:12px 14px;font-size:13px}.take{background:#0f0b26;border:1px solid #2c2354;border-radius:16px;justify-content:space-between;align-items:center;margin:8px 0;padding:12px 14px;display:flex}.take.link{cursor:pointer}.take.link:hover{border-color:#e9c46a}.mp3{color:#cfc3f0;border:1px solid #4a3d85;border-radius:8px;padding:4px 8px;font-size:11px}.mp3.off{color:#9c8fc7}.foot{text-align:center;color:#6f639e;margin-top:8px;font-size:12px}.enginebar{background:#171233;border:1px solid #3a2f6b;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.enginebar.online{color:#7fe0a8;border-color:#2e7d4f}.enginebar.offline{color:#e0a87f;border-color:#7d4a2e}.enginebar.unknown{color:#9c8fc7}.takecol{margin:8px 0}.takecol .take{margin:0}.ghost.slim{margin-top:6px;padding:8px;font-size:13px}.cta:disabled{opacity:.6;cursor:default}audio{background:#0f0b26;border-radius:12px}.cta.muted{color:#9c8fc7;background:#3a2f6b;border:1px dashed #4a3d85;font-weight:500}.serverctl{margin:0 0 12px}.ctlbtn{color:#1a1408;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8962e);border:0;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.ctlbtn:disabled{opacity:.5;cursor:default}.ctlbtn.ghost{color:#d4af37;background:0 0;border:1px solid #d4af37;margin-left:8px}.ctlpanel{background:#1e1836;border:1px solid #3a2f5e;border-radius:12px;padding:12px;font-size:14px}.ctlpanel .row{margin-top:10px}