*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#faf6f4;color:#3a2a30;line-height:1.45}#root{min-height:100dvh}button,input{font:inherit}.app{max-width:56rem;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.layout{display:flex;flex:1;gap:1rem;align-items:stretch;min-height:0;min-width:0}.sidebar{width:11.5rem;flex-shrink:0;display:flex;flex-direction:column;min-height:12rem;max-height:70dvh;background:#fff8f6;border-radius:12px;border:1px solid #e8d4d9;padding:.75rem .5rem;overflow:hidden}.sidebar-title{margin:0 .35rem .5rem;font-size:.75rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:#91707a}.sidebar-empty{margin:.35rem;font-size:.8rem;color:#7d6a72}.conv-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.25rem}.conv-row{display:flex;align-items:stretch;gap:.25rem;border-radius:8px;min-height:44px}.conv-row.active{background:#c26d82}.conv-row.active .conv-item,.conv-row.active .conv-rename{color:#fff}.conv-row.active .conv-item:hover,.conv-row.active .conv-rename:hover{background:#ffffff1f}.conv-item{flex:1;min-width:0;text-align:left;padding:.5rem .45rem;border-radius:8px;border:none;background:transparent;color:#3a2a30;font-size:.75rem;line-height:1.3;word-break:break-word;cursor:pointer;min-height:44px}.conv-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item:hover{background:#f0e6ea}.conv-row.active .conv-item:hover{background:#ffffff1f}.conv-rename{flex-shrink:0;align-self:stretch;padding:0 .4rem;min-width:2rem;border:none;border-radius:8px;background:transparent;color:#91707a;font-size:.7rem;font-weight:600;cursor:pointer;line-height:1.2}.conv-rename:hover{background:#f0e6ea;color:#3a2a30}.conv-edit-input{flex:1;min-width:0;margin:0;padding:.45rem .5rem;border-radius:8px;border:1px solid #d4b8bf;background:#fffcfb;color:inherit;font:inherit;font-size:.75rem;min-height:44px}.conv-edit-input:focus{outline:2px solid #c26d82;outline-offset:1px}.main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem}@media(max-width:36rem){.layout{flex-direction:column}.sidebar{width:100%;max-height:10rem;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.sidebar-title{width:100%;margin-bottom:.25rem}.conv-list{flex-direction:row;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;gap:.35rem}.conv-list li{flex:0 0 auto;max-width:100%}.conv-row{min-height:40px}.conv-item{max-width:100%;font-size:.7rem;min-height:40px}.conv-edit-input{min-height:40px;font-size:.7rem}.conv-rename{font-size:.65rem;padding:0 .3rem}}.header{text-align:center}.title{margin:0;font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.subtitle{margin:.35rem 0 0;font-size:.875rem;color:#91707a}.auth-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;margin:.25rem 0 0;padding:.65rem .75rem;background:#fff0f2;border:1px solid #e8d4d9;border-radius:10px}.auth-email{font-size:.85rem;color:#5c454d;max-width:100%;overflow:hidden;text-overflow:ellipsis}.panel{background:#fff8f6;border-radius:12px;padding:1rem;border:1px solid #e8d4d9}.label{display:block;font-size:.8rem;color:#91707a;margin-bottom:.35rem}.row{display:flex;gap:.5rem;flex-wrap:wrap}.input{flex:1;min-width:0;padding:.65rem .75rem;border-radius:10px;border:1px solid #d4b8bf;background:#fffcfb;color:inherit}.input:focus{outline:2px solid #c26d82;outline-offset:1px}.input:disabled{opacity:.6}.input.grow{flex:1}.hint{margin:.75rem 0 0;font-size:.8rem;color:#91707a}.code{font-size:.85em;color:#5c454d;word-break:break-all}.actions{margin-top:.75rem}.btn{padding:.65rem 1rem;border-radius:10px;border:none;font-weight:600;cursor:pointer;min-height:44px;min-width:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#c26d82;color:#fff}.btn.secondary{background:#f0e6ea;color:#3a2a30}.btn.danger{background:#c94a5c;color:#fff}.status{margin:.75rem 0 0;font-size:.875rem;color:#91707a}.err{margin:.5rem 0 0;font-size:.875rem;color:#b84355}.chat{flex:1;display:flex;flex-direction:column;min-height:12rem;background:#fff8f6;border-radius:12px;border:1px solid #e8d4d9;overflow:hidden}.messages{list-style:none;margin:0;padding:.75rem;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.msg{align-self:flex-start;max-width:85%;padding:.5rem .75rem;border-radius:12px;background:#f3e8ec;color:#3a2a30;font-size:.95rem;word-break:break-word;white-space:pre-wrap}.msg.own{align-self:flex-end;background:#e8c4ce;color:#3a2a30}.composer{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #e8d4d9;background:#fff0f2}