:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#090d18;color:#f7f8fc}*{box-sizing:border-box}body{margin:0}.app{height:100dvh;max-width:720px;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4px;border-bottom:1px solid #293044}small{letter-spacing:.18em;color:#b5a2ff;font-weight:700}h1{font-size:24px;margin:5px 0}button{background:#7956eb;color:white;border:0;border-radius:14px;padding:13px 16px;font-weight:700;cursor:pointer}header button{background:#242b3d}.messages{flex:1;overflow:auto;padding:18px 3px;display:flex;flex-direction:column;gap:13px}.bubble{max-width:86%;padding:12px 15px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.mine{align-self:flex-end;background:#7252da}.theirs{align-self:flex-start;background:#252c40}.note{align-self:center;color:#aab2c9;text-align:center;font-size:13px}#composer{display:flex;gap:8px;padding:10px 0 14px}input,textarea{background:#202638;color:white;border:1px solid #3b455f;border-radius:12px;padding:13px;font:inherit;width:100%;min-width:0}#composer input{flex:1}dialog{background:#161d2d;color:white;border:1px solid #424b62;border-radius:20px;width:min(92vw,450px)}dialog::backdrop{background:#000b}dialog form{display:grid;gap:15px}dialog label{display:grid;gap:7px}.hint{font-size:13px;color:#b5bdd1;line-height:1.5}.danger{background:#743547}
.appearance{border:1px solid #424b62;border-radius:14px;display:grid;gap:12px;padding:14px;min-width:0}.appearance legend{font-weight:700;color:#c1afff;padding:0 6px}dialog{max-height:88dvh;overflow-y:auto}
.portrait-panel{height:clamp(160px,31dvh,280px);display:flex;align-items:center;justify-content:center;padding:12px 0;border-bottom:1px solid #293044;overflow:hidden}.portrait-panel img{height:100%;max-width:100%;object-fit:contain;border-radius:16px}.portrait-placeholder{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;color:#aab2c9;font-size:30px}.portrait-placeholder span{font-size:13px;text-align:center}.secondary{background:#333c53}
#generatePortrait{background:#7252da}#generatePortrait:disabled{opacity:.55;cursor:wait}#generationStatus{min-height:1em}
[hidden]{display:none!important}.portrait-panel{width:100%;min-height:0}.portrait-panel img{display:block;max-height:100%;margin:auto;object-fit:contain}.portrait-placeholder{width:100%}
select{background:#202638;color:white;border:1px solid #3b455f;border-radius:12px;padding:13px;font:inherit;width:100%;min-width:0}#hordeModelRow[hidden],#refreshHordeModels[hidden]{display:none!important}
