*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1c1c1e}.muted{color:#8a8a8e}.center{text-align:center;margin-top:4rem}.layout{display:flex;height:100vh;height:100dvh}input,textarea{font-size:16px}.back-btn{display:none}.error{color:#ff3b30;font-size:.85rem;margin:.25rem 0 0}.sidebar{width:320px;border-right:1px solid #e5e5ea;overflow-y:auto;padding:.5rem}.sidebar h2{padding:0 .5rem;font-size:1.1rem}.conv{display:block;width:100%;text-align:left;border:none;background:none;padding:.6rem .5rem;border-radius:8px;cursor:pointer}.conv:hover{background:#f2f2f7}.conv.active{background:#e1ecff}.conv-name{font-weight:600}.conv-last{display:block;font-size:.85rem;color:#8a8a8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{float:right;font-size:.7rem;background:#34c759;color:#fff;padding:1px 6px;border-radius:10px}.main{flex:1;display:flex;flex-direction:column}.dialog-header{padding:1rem;border-bottom:1px solid #e5e5ea;font-weight:600}.messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.4rem}.bubble{max-width:70%;padding:.5rem .75rem;border-radius:14px;white-space:pre-wrap}.bubble.in{align-self:flex-start;background:#f2f2f7}.bubble.out{align-self:flex-end;background:#007aff;color:#fff}.draft{border-top:1px solid #e5e5ea;padding:1rem;background:#fbfbfd}.draft-title{font-size:.85rem;margin-bottom:.4rem}.draft textarea{width:100%;padding:.5rem;border:1px solid #d1d1d6;border-radius:8px;font:inherit;resize:vertical}.actions{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}button{padding:.45rem .8rem;border:1px solid #d1d1d6;border-radius:8px;background:#fff;cursor:pointer;font:inherit}button.primary{background:#007aff;color:#fff;border-color:#007aff}button.danger{color:#ff3b30}.assist{display:flex;gap:.5rem;padding:1rem;border-top:1px solid #e5e5ea}.assist input{flex:1;padding:.5rem;border:1px solid #d1d1d6;border-radius:8px;font:inherit}.login{display:flex;align-items:center;justify-content:center;height:100vh}.login-box{width:320px;max-width:90vw;padding:1.5rem;border:1px solid #e5e5ea;border-radius:12px}.login-box h2{margin:0 0 .25rem}.login-box input{width:100%;margin:.75rem 0;padding:.5rem;border:1px solid #d1d1d6;border-radius:8px;font:inherit}.login-box button{width:100%}@media (max-width: 760px){.sidebar{width:100%;border-right:none}.sidebar h2{font-size:1.25rem;padding:.5rem}.conv{padding:.85rem .6rem}.conv-last{font-size:.9rem}.main,.layout.has-selection .sidebar{display:none}.layout.has-selection .main{display:flex}.dialog-header{display:flex;align-items:center;gap:.25rem;padding:.85rem 1rem}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.25rem;padding:0;border:none;background:none;font-size:1.8rem;line-height:1;color:#007aff;cursor:pointer}.bubble{max-width:85%}.actions button{flex:1 1 calc(50% - .25rem)}.assist{padding:.75rem}}