:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;color:#e5e6e4;background:#101214;font-synthesis:none}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #85bcbf;outline-offset:3px}[hidden]{display:none!important}.icon{display:inline-block;flex:none;width:16px;height:16px;vertical-align:middle;background:currentColor;mask:var(--icon) center / contain no-repeat}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;flex:none;padding:0;border:0;border-radius:8px;color:#b0b5b8;background:transparent;transition:color .16s,background .16s}.icon-button:hover{background:#ffffff08;color:#e4e8e9}#study{max-width:1460px;padding:26px 24px 20px;margin:auto}.study-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;font-size:10px;color:#9ba9ad}.brand img{width:22px;height:22px}h1{font-size:24px;font-weight:600;line-height:1.3;margin:12px 0 0}.study-head a{font-size:12px;color:#96b4b9;text-decoration:none}.study-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:18px 0}.segments{display:flex;background:#1b1f22;padding:3px;border-radius:7px;gap:2px}.segments button{border:0;border-radius:5px;background:transparent;font-size:12px;color:#8c999f;padding:7px 13px}.segments button[aria-pressed=true]{color:#d8eceb;background:#304044}.preview-wrap{display:flex;justify-content:center;width:100%;background:#0b0d0f;border:1px solid #282c2e;border-radius:8px;overflow:hidden}iframe{display:block;border:0;width:100%;height:620px;background:#0e1113}.preview-wrap[data-device=mobile] iframe{width:390px;height:650px;max-width:100%}.specs{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#839095;padding:17px 0}.specs strong{font-weight:550;color:#c4cecf;margin-left:6px}.study-note{font-size:11px;color:#768489;line-height:1.7;margin:0;max-width:780px}
.is-preview{height:100dvh;overflow:hidden;background:#0e1113}.is-preview #study{display:none}.is-preview #app{height:100%;display:grid!important;grid-template-columns:204px minmax(0,1fr);gap:10px;padding:6px}.sidebar{position:relative;display:flex;flex-direction:column;gap:7px;padding:12px 8px 8px;background:#15181a;border:1px solid #ffffff0b;border-radius:16px;min-height:0}.side-brand{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:650;padding:1px 4px 15px}.side-brand img{width:25px;height:25px}.side-label{font-size:9px;color:#8f9294;padding:3px 6px 6px}.repo{display:flex;flex-direction:column;gap:6px;width:100%;padding:10px 9px;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent}.repo:hover{background:#ffffff03}.repo.selected{background:#232422;border-color:#c5aa7055}.repo-name{display:flex;align-items:center;gap:6px;font-size:12px;color:#d8ba77;font-weight:650}.repo-name.neutral{color:#bcc3c6}.repo-name .icon{width:14px;height:14px}.side-thread{display:flex;align-items:center;gap:5px;color:#8b949a;font-size:11px}.side-thread .icon{width:12px;height:12px}.side-status{font-size:9px;color:#8c969c}.side-status span{color:#697479;margin-left:3px}.side-account{margin-top:auto;display:flex;gap:8px;align-items:center;padding:10px 5px;font-size:12px}.side-account>span{display:grid;place-items:center;background:#254347;color:#b4d6d6;border-radius:50%;width:29px;height:29px}.side-account small{display:block;font-size:9px;color:#7ba5ac;margin-top:3px}.chat{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;position:relative;background:radial-gradient(ellipse at 95% 100%,#18323b20,transparent 65%)}.chat-head{display:flex;gap:7px;align-items:center;padding:2px 4px}.thread-pill{display:flex;gap:7px;align-items:center;width:fit-content;max-width:100%;height:40px;padding:0 11px;background:#171a1c;border:1px solid #ffffff0b;border-radius:11px;font-size:11px;color:#8a959a;min-width:0}.thread-pill strong{font-size:12px;color:#d8b970}.project-mark{color:#d8b970;width:14px;height:14px}.provider-mark{width:16px;height:16px;color:#c4c9cb}.thread-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{width:1px;height:12px;background:#ffffff13;flex:none}.burger{display:none}.conversation{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#475257 transparent;padding:24px 18px 12px;overscroll-behavior:contain}.conversation-inner{max-width:820px;margin:auto;display:flex;flex-direction:column;gap:26px}.user-message{align-self:flex-end;max-width:85%;padding:10px 14px;border-radius:14px;background:#222729;color:#ccd1d2;font-size:13px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.answer{font-size:14px;line-height:1.85;color:#c6cecf}.answer p{margin:0 0 8px}.summary{display:flex;align-items:center;gap:9px;margin-top:15px;font-size:10px;color:#7c898d;font-variant-numeric:tabular-nums}.summary b{font-weight:500;color:#8bae97}.dock{padding:10px 18px 12px;min-width:0}.dock-inner{max-width:820px;margin:auto}.composer{position:relative;display:flex;flex-direction:column;gap:0;margin:0;border:1px solid #ffffff1b;border-radius:18px;padding:10px 12px 8px;background:#191c1e;box-shadow:0 7px 26px #0002;transition:border-color .18s,box-shadow .18s}.composer:focus-within{border-color:#659d9e6b;box-shadow:0 0 0 1px #54898d0d,0 0 20px #599a9b07}.composer textarea{display:block;box-sizing:border-box;width:100%;height:22px;min-height:22px;max-height:132px;resize:none;padding:0 3px;border:0;outline:0;background:transparent;color:#dce2e2;font-size:14px;line-height:22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#526269 transparent;overflow-wrap:anywhere}.composer textarea::placeholder{color:#839095}.composer textarea::-webkit-scrollbar{width:3px}.composer textarea::-webkit-scrollbar-thumb{background:#526269;border-radius:3px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;min-height:32px}.toolbar-right{display:flex;align-items:center;gap:5px;min-width:0}.model-button{display:flex;align-items:center;gap:6px;min-width:0;padding:5px 4px;background:transparent;border:0;border-radius:6px;white-space:nowrap;font-size:12px;color:#c8cdce}.model-button:hover{background:#ffffff05}.model-button span{min-width:0;overflow:hidden;text-overflow:ellipsis}.model-button em{font-style:normal;color:#8b999f;font-size:11px}.model-button .icon{width:13px;height:13px}.model-button .bolt{color:#c8b482;width:12px;height:12px}.model-button .chevron{color:#7a868c;width:11px;height:11px}.attach{margin-left:-4px;color:#a0adb2}.attach .icon{width:18px;height:18px}.send{border-radius:50%;background:#abc8c5;color:#172322}.send:hover{background:#c6ded8;color:#172322}.send:disabled{background:#ffffff0c;color:#7b858a}.send .icon{width:18px;height:18px}.stop{width:28px;height:32px}.stop span{width:10px;height:10px;border:1px solid #a7b4b8;border-radius:2px}.attachments{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#415359 transparent;padding:0 0 8px;margin:0 -2px 0;flex:none}.attachment{display:flex;position:relative;flex:none;align-items:center;gap:7px;height:44px;width:166px;min-width:0;padding:4px;border:1px solid #ffffff0d;border-radius:7px;background:#22272a}.attachment-open{display:flex;align-items:center;gap:7px;flex:1;min-width:0;background:transparent;border:0;padding:0;text-align:left}.attachment img,.file-symbol{width:34px;height:34px;flex:none;border-radius:4px;object-fit:cover;background:#101619;display:grid;place-items:center;color:#8ca6ae}.file-symbol .icon{width:18px;height:18px}.file-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.file-info strong{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9c6ca}.file-info small{font-size:9px;color:#76979e}.remove-file{display:grid;place-items:center;width:20px;height:28px;border:0;background:transparent;border-radius:5px;color:#7a8b92;flex:none;padding:0}.remove-file:hover{color:#e5a9b1;background:#fff1}.remove-file .icon{width:12px;height:12px}.file-number{position:absolute;left:5px;top:4px;width:12px;height:12px;border-radius:4px;background:#0b1012cc;font-size:8px;text-align:center;line-height:12px;color:#c3d2d7;pointer-events:none}.thinking-line{display:flex;align-items:baseline;gap:8px;padding:0 12px 12px;font-size:11px;color:#abd2d1;min-height:26px}.thinking-line>span{position:relative;isolation:isolate;background:linear-gradient(110deg,#77afb6,#c7e3db,#88b9c8,#77afb6);background-size:240% 100%;background-clip:text;-webkit-text-fill-color:transparent;animation:shine 5s ease-in-out infinite}.thinking-line>span:before{content:'';position:absolute;z-index:-1;inset:-4px -10px;background:linear-gradient(100deg,transparent,#5ca0a02c,transparent);filter:blur(8px)}.thinking-line small{font-size:10px;color:#758f98}.dots{display:inline-flex;gap:1px;margin-left:2px}.dots i{font-style:normal;animation:dots 1.8s infinite}.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}.queue{display:flex;align-items:center;gap:7px;font-size:10px;color:#9aaeb3;margin-bottom:8px;padding:2px 0 7px;border-bottom:1px solid #ffffff0b}.queue-label{font-size:9px;color:#7ea7ae;flex:none}#queue-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;color:#97a8ae}.queue .icon{width:12px;height:12px}.queue button:hover{background:#fff1}.composer.drag{border-color:#8fc2c1;box-shadow:0 0 20px #5e96931a}.menu-glyph{width:17px;height:12px;border-block:1.5px solid currentColor;position:relative}.menu-glyph:after{content:'';position:absolute;top:4px;left:0;width:100%;border-top:1.5px solid currentColor}
dialog{width:min(360px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:18px;border:1px solid #ffffff18;border-radius:14px;background:#1b2023;color:#d6dedf}dialog::backdrop{background:#05090cc9;backdrop-filter:blur(5px)}dialog h2{font-size:15px;font-weight:600;margin:2px 32px 16px 0;overflow-wrap:anywhere}.dialog-close{float:right;margin:-6px -7px 0 0}.model-options{display:grid;gap:8px}.model-options button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff03;padding:12px;color:#bdc9cd}.model-options button>span{flex:1;font-size:10px;color:#84959d}.model-options strong{display:block;font-size:13px;color:#d4dddd;font-weight:500;margin-top:4px}.model-options button.active{border-color:#6aaba85c;background:#44686b1c}.model-options button:not(.active)>i:last-child{visibility:hidden}.claude-mark{color:#ce876c}#media-dialog{width:min(860px,calc(100% - 24px))}#media-content img{display:block;max-width:100%;max-height:70dvh;margin:auto;object-fit:contain}#media-content p{font-size:12px;color:#9dafb4;line-height:1.7;overflow-wrap:anywhere}.toast{position:fixed;z-index:20;top:12px;left:50%;transform:translate(-50%,-5px);max-width:calc(100% - 24px);padding:9px 12px;border-radius:8px;background:#303b40;color:#cbd8dd;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 24px #0005}.toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dots{0%,70%,100%{opacity:.35}35%{opacity:1}}
@media(max-width:700px){#study{padding:18px 12px}.study-head{display:block}.study-head a{display:inline-block;margin-top:12px;font-size:11px}h1{font-size:21px}.study-controls{gap:10px}.segments button{font-size:11px;padding:7px 11px}.segments:has([data-device]){display:none}.specs{gap:11px 20px;font-size:10px}.preview-wrap iframe{height:590px}.is-preview #app{grid-template-columns:minmax(0,1fr);padding:0;gap:0}.sidebar{display:none}.chat-head{padding:6px 10px;gap:7px}.thread-pill{height:44px;padding:0 10px;min-width:0}.thread-title{font-size:10px}.burger{display:inline-grid;width:44px;height:44px;border:1px solid #ffffff10;background:#171b1d;border-radius:11px}.conversation{padding:22px 16px 8px}.conversation-inner{gap:22px}.user-message{font-size:12px}.answer{font-size:13px;line-height:1.8}.dock{padding:8px 10px max(10px,env(safe-area-inset-bottom))}.composer{padding:10px 10px 8px;border-radius:16px}.composer textarea{font-size:16px;line-height:22px}.composer textarea::placeholder{font-size:14px}.model-button{font-size:11px;gap:4px}.model-button em{font-size:10px}.toolbar-right{gap:3px}.send{width:32px;height:32px}.toolbar{gap:4px}.attachments{gap:6px}.attachment{width:150px}.is-preview.sidebar-open .sidebar{display:flex;position:fixed;z-index:10;left:8px;top:58px;bottom:8px;width:220px;box-shadow:15px 10px 50px #0008}.thinking-line{padding-left:10px}.summary{gap:7px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}