*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #f0f0f3;--bg2: #e3e3e8;--bg3: #dcdce2;--fg: #222222;--fg2: #555555;--fg3: #999999;--radius: 18px;--shadow-up: 5px 5px 10px rgba(0,0,0,.08), -5px -5px 10px rgba(255,255,255,.9);--shadow-in: inset 3px 3px 6px rgba(0,0,0,.08), inset -3px -3px 6px rgba(255,255,255,.9);--font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif}html,body,#root{height:100%;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;height:52px;padding:0 16px;background:var(--bg);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06)}.topbar-menu{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;margin-left:-8px}.topbar-menu span{display:block;width:18px;height:2px;background:var(--fg2);border-radius:1px;transition:background .2s}.topbar-menu:active span{background:var(--fg)}.topbar-name{margin-left:12px;font-size:16px;font-weight:500;color:var(--fg)}.topbar-spacer{flex:1}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:90}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--bg2);z-index:100;transform:translate(-100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:4px 0 12px #0006}.sidebar--open{transform:translate(0)}.sidebar-head{padding:32px 20px 20px}.sidebar-title{font-size:18px;font-weight:600;color:var(--fg)}.sidebar-sub{font-size:12px;color:var(--fg3);margin-top:2px}.sidebar-rooms{list-style:none;flex:1;overflow-y:auto;padding:0 12px}.sidebar-rooms li{display:flex;flex-direction:column;padding:12px;border-radius:12px;cursor:pointer;transition:background .15s}.sidebar-rooms li:hover{background:var(--bg3)}.sidebar-room-name{font-size:14px;font-weight:500;color:var(--fg)}.sidebar-room-note{font-size:12px;color:var(--fg3);margin-top:1px}.sidebar-foot{padding:16px 20px;font-size:14px;color:var(--fg3);text-align:center}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-messages{padding:16px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px;min-height:100%;justify-content:flex-end}.chat-empty{text-align:center;color:var(--fg3);font-size:14px;padding:40px 0}.bubble-row{display:flex}.bubble-row--left{justify-content:flex-start}.bubble-row--right{justify-content:flex-end}.bubble-col{max-width:85%;display:flex;flex-direction:column;gap:6px}.bubble{padding:10px 14px;border-radius:var(--radius);font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.bubble--user{background:var(--fg);color:#f0f0f3;border-bottom-right-radius:6px;box-shadow:var(--shadow-up)}.bubble--ai{background:#fff;color:var(--fg);border-bottom-left-radius:6px;box-shadow:var(--shadow-up)}.cursor{display:inline-block;width:6px;height:14px;background:var(--fg2);margin-left:2px;vertical-align:text-bottom;border-radius:1px;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.thinking{cursor:pointer;padding:6px 12px;border-radius:12px;background:var(--bg2);box-shadow:var(--shadow-in);font-size:12px}.thinking-label{color:var(--fg3);font-weight:500;-webkit-user-select:none;user-select:none}.thinking-body{margin-top:8px;color:var(--fg2);line-height:1.5;white-space:pre-wrap;max-height:300px;overflow-y:auto}.chat-input{flex-shrink:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid rgba(255,255,255,.06)}.chat-input-box{display:flex;align-items:flex-end;gap:8px;max-width:720px;margin:0 auto;background:var(--bg3);border-radius:var(--radius);padding:8px 12px;box-shadow:var(--shadow-in)}.chat-input-box textarea{flex:1;background:none;border:none;outline:none;color:var(--fg);font-family:var(--font);font-size:14px;line-height:1.5;resize:none;max-height:120px}.chat-input-box textarea::placeholder{color:var(--fg3)}.chat-send{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--fg);color:#f0f0f3;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-up);transition:opacity .15s}.chat-send:disabled{opacity:.3;cursor:default}.chat-send:not(:disabled):active{box-shadow:var(--shadow-in)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:silver;border-radius:2px}@supports (padding: max(0px)){.topbar{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}}