:root{color:#ececec;font-synthesis:none;text-rendering:optimizelegibility;--bg:#212121;--sidebar:#171717;--surface:#2f2f2f;--surface-strong:#383838;--hover:#292929;--line:#424242;--muted:#a0a0a0;--text:#ececec;--danger:#ff8b8b;background:#212121;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #f5f5f5}.app-shell{width:100%;height:100vh;height:100dvh;display:flex;overflow:hidden}.sidebar{z-index:20;background:var(--sidebar);flex-direction:column;width:260px;min-width:260px;height:100%;padding:10px;display:flex}.sidebar-header{justify-content:space-between;align-items:center;min-height:48px;padding:4px 10px 8px;display:flex}.brand{flex-direction:column;gap:2px;display:flex}.brand strong{letter-spacing:-.02em;font-size:15px;font-weight:650}.brand span{color:#777;font-size:10px}.sidebar-close,.history-toggle{display:none}.new-chat-button{width:100%;min-height:42px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:9px;padding:0 10px;font-size:13px;font-weight:550}.new-chat-button:hover{background:#232323}.history-list{scrollbar-color:#404040 transparent;scrollbar-width:thin;flex:1;min-height:0;margin-top:15px;overflow-y:auto}.history-label{color:#707070;margin:0 10px 6px;font-size:11px;font-weight:600}.history-item{border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.history-item:hover,.history-item.active{background:var(--hover)}.history-open,.history-delete{background:0 0;border:0}.history-open{text-align:left;gap:2px;min-width:0;padding:9px 5px 9px 10px;display:grid}.history-open span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.history-open small{color:#737373;font-size:10px}.history-delete{color:#898989;opacity:0;padding:8px;font-size:10px}.history-item:hover .history-delete,.history-item.active .history-delete,.history-delete:focus-visible{opacity:1}.history-delete:hover{color:var(--danger)}.sidebar-footer{color:#737373;border-top:1px solid #292929;gap:5px;padding:12px 10px 4px;font-size:10px;line-height:1.5;display:grid}.sidebar-footer span,.sidebar-footer p{margin:0}.main-shell{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.main-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#212121f0;flex:none;justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:8px 16px;display:flex}.header-title{align-items:center;gap:10px;min-width:0;display:flex}.header-title>div{gap:1px;min-width:0;display:grid}.header-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.header-title span{color:#858585;font-size:10px}.settings-toggle,.secondary-button,.load-button{border-radius:9px;min-height:34px;font-size:12px;font-weight:600}.settings-toggle,.secondary-button{background:0 0;border:0;padding:0 11px}.settings-toggle:hover,.settings-toggle[aria-expanded=true],.secondary-button:hover{background:var(--surface)}.settings-panel{z-index:30;border:1px solid var(--line);background:#292929;border-radius:14px;gap:15px;width:min(510px,100% - 32px);padding:16px;display:grid;position:absolute;top:54px;right:16px;box-shadow:0 18px 55px #00000061}.settings-grid{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.settings-grid label{gap:6px;min-width:0;display:grid}.settings-grid label>span{color:#a1a1a1;font-size:11px}.settings-grid select{background:#333;border:1px solid #484848;border-radius:9px;width:100%;min-width:0;height:39px;padding:0 10px;font-size:13px}.settings-summary{border-top:1px solid #3a3a3a;justify-content:space-between;align-items:flex-end;gap:18px;padding-top:14px;display:flex}.settings-summary>div:first-child{gap:4px;min-width:0;display:grid}.settings-summary strong{font-size:12px;font-weight:600}.settings-summary span{color:#929292;font-size:11px;line-height:1.45}.settings-actions{flex:none;gap:7px;display:flex}.load-button{color:#171717;background:#f3f3f3;border:0;padding:0 13px}.load-button:hover,.primary-load:hover,.composer>button:hover:not(:disabled){background:#fff}.conversation-scroll{scrollbar-color:#4d4d4d transparent;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.runtime-panel{color:#aaa;background:#292929;border-radius:10px;gap:8px;width:min(768px,100% - 32px);margin:10px auto 0;padding:11px 13px;font-size:12px;display:grid}.runtime-panel p{margin:0}.runtime-panel .error{color:var(--danger)}.progress-row{gap:8px;display:grid}.progress-copy{justify-content:space-between;gap:12px;display:flex}.progress-copy strong{color:#d7d7d7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.progress-track{background:#4a4a4a;border-radius:4px;height:3px;overflow:hidden}.progress-track span{border-radius:inherit;background:#e9e9e9;height:100%;transition:width .16s;display:block}.message-list{width:min(768px,100%);min-height:100%;margin:0 auto;padding:38px 22px 96px}.empty-state{min-height:calc(100vh - 280px);text-align:center;place-content:center;justify-items:center;min-height:calc(100dvh - 280px);padding:50px 18px;display:grid}.empty-state h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,3vw,28px);font-weight:550}.empty-state p{color:var(--muted);margin:11px 0 0;font-size:13px;line-height:1.65}.primary-load{color:#171717;background:#f3f3f3;border:0;border-radius:10px;min-height:40px;margin-top:19px;padding:0 16px;font-size:13px;font-weight:650}.message{width:100%;padding:15px 0;display:flex}.message.user{justify-content:flex-end}.message-body{min-width:0;max-width:100%}.message.user .message-body{background:var(--surface);border-radius:19px;max-width:min(78%,570px);padding:10px 15px}.message.assistant .message-body{width:100%;padding:6px 2px}.speaker-name{color:#bdbdbd;margin-bottom:7px;font-size:12px;font-weight:650;display:block}.message-body>p{color:#e7e7e7;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.72}.typing{gap:4px;padding-top:6px;display:inline-flex}.typing i{background:#aaa;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite pulse}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes pulse{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.composer-wrap{background:linear-gradient(transparent, var(--bg) 24%);flex:none;padding:12px 18px 13px}.composer-tools,.composer,.disclaimer{width:min(768px,100%);margin-inline:auto}.composer-tools{justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 4px 6px;display:flex}.persona-controls,.generation-tools{align-items:center;gap:7px;min-width:0;display:flex}.generation-tools{margin-left:auto}.composer-tools button,.persona-controls select{color:#a0a0a0;background:0 0;border:0;border-radius:15px;height:30px;font-size:11px}.composer-tools button{padding:0 10px}.composer-tools button:hover:not(:disabled){color:var(--text);background:#2d2d2d}.composer-tools .persona-toggle{border:1px solid #414141}.composer-tools .persona-toggle.active{color:#1d1d1d;background:#ececec;border-color:#707070}.persona-controls select{color:#ddd;background:#303030;max-width:230px;padding:0 28px 0 10px}.composer-tools .stop{color:var(--danger)}.composer{background:var(--surface);border:1px solid #0000;border-radius:28px;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;min-height:58px;padding:8px;display:grid;box-shadow:0 10px 36px #00000038}.composer:focus-within{border-color:#555}.composer-model-picker{align-self:center}.composer-model-picker>span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.composer-model-picker select{background:var(--surface-strong);color:#dedede;border:0;border-radius:20px;width:128px;height:40px;padding:0 28px 0 11px;font-size:12px;font-weight:650}.composer-model-picker select:hover{background:#414141}.composer textarea{resize:none;field-sizing:content;background:0 0;border:0;outline:0;width:100%;min-height:40px;max-height:180px;padding:8px 2px;line-height:1.55}.composer textarea::placeholder{color:#8a8a8a}.composer>button{color:#1b1b1b;background:#f3f3f3;border:0;border-radius:20px;min-width:56px;height:40px;padding:0 12px;font-size:12px;font-weight:700}.disclaimer{color:#737373;text-align:center;margin-top:7px;font-size:10px;line-height:1.45}.sidebar-backdrop{display:none}@media (max-width:860px){.sidebar{width:min(290px,88vw);min-width:0;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:15;background:#0000008c;border:0;display:block;position:fixed;inset:0}.sidebar-close,.history-toggle{color:#bbb;background:0 0;border:0;border-radius:8px;align-items:center;min-height:32px;padding:0 9px;font-size:11px;display:inline-flex}.sidebar-close:hover,.history-toggle:hover{background:var(--surface)}.main-header{padding-inline:10px}.settings-panel{width:min(510px,100% - 20px);right:10px}.message-list{padding-inline:15px}.message.user .message-body{max-width:88%}.composer-wrap{padding-inline:10px;padding-bottom:max(10px, env(safe-area-inset-bottom))}}@media (max-width:580px){.header-title strong{max-width:48vw}.settings-summary{flex-direction:column;align-items:stretch}.settings-actions{grid-template-columns:1fr 1fr;display:grid}.composer-tools{align-items:flex-end}.persona-controls{flex-direction:column;align-items:flex-start}.persona-controls select{max-width:190px}.composer{grid-template-columns:98px minmax(0,1fr) auto;gap:5px}.composer-model-picker select{width:98px;padding-inline:9px 22px;font-size:11px}.composer>button{min-width:48px;padding-inline:9px}.message-body>p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}