:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#e8e7e4;background:#0d1012;font-synthesis:none;letter-spacing:0;--mint:#9dcac5;--muted:#818b90}
*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible{outline:2px solid #91bfb9;outline-offset:3px}button{border:0;background:none}i{display:inline-block;width:16px;height:16px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat}img{display:block}button,summary{-webkit-tap-highlight-color:transparent}p{margin:0}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}
.study{max-width:1240px;margin:auto;padding:25px 28px 32px}.study-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b9b9d}.eyebrow img{width:21px;height:21px}h1{font-size:24px;line-height:1.3;margin:9px 0 22px;font-weight:600}.study-tag{font-size:11px;color:#839091}.variants{display:flex;gap:8px;flex-wrap:wrap}.variants button{display:flex;align-items:center;gap:9px;border:1px solid #292f32;border-radius:7px;padding:11px 13px;font-size:13px;background:#15191c;text-align:left}.variants button>span{font-size:10px;color:#7e8c91}.variants button small{font-size:9px;color:#a2c7c1}.variants button[aria-pressed=true]{background:#233431;border-color:#4b7169;color:#d3e7de}.variants button:hover{border-color:#57706b}.options{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin:19px 0 13px}.segmented{display:flex;gap:2px;border-radius:6px;background:#181d20;padding:3px}.segmented button{display:flex;align-items:center;gap:6px;padding:6px 9px;border-radius:4px;font-size:11px;color:#849498}.segmented button i{width:13px;height:13px}.segmented button[aria-pressed=true]{background:#303b40;color:#e4e8e8}
.preview{container-type:inline-size;display:flex;flex-direction:column;position:relative;background:#0f1215;border:1px solid #2b3033;border-radius:8px;height:684px;min-width:0;width:100%;overflow:hidden;margin:0 auto;--bubble:#203934;--bubble-border:transparent;--bubble-text:#e0ece7;--signature:#a8bcb9}.preview[data-device=mobile]{width:min(390px,100%);height:710px}.chat-head{display:flex;align-items:center;gap:8px;margin:9px 11px;flex-shrink:0;width:fit-content;max-width:calc(100% - 22px);height:36px;padding:0 11px;border:1px solid #262d30;border-radius:8px;background:#191d20;font-size:11px;color:#909a9d}.chat-head>img{width:20px;height:20px}.chat-head strong{color:#d4bd83;font-size:12px;font-weight:600}.chat-head>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.head-divider{height:14px;width:1px;background:#3d4141;flex:none}.chat-head i{width:14px;height:14px}
.messages{flex:1;min-height:0;overflow:auto;padding:28px 18px 28px;scrollbar-width:thin;scrollbar-color:#394448 transparent;scroll-behavior:smooth}.conversation{max-width:720px;min-width:0;margin:auto;display:grid;gap:29px}.user{justify-self:end;display:flex;flex-direction:column;max-width:min(600px,100%);min-width:0;align-items:flex-end}.user-content{background:var(--bubble);border:1px solid var(--bubble-border);color:var(--bubble-text);padding:13px 16px;border-radius:17px 17px 5px 17px;max-width:100%;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.user-content p{white-space:pre-wrap}.user-meta{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:26px;margin:3px 2px 0;max-width:100%}.user-meta time{font-size:9px;color:#7a898b;white-space:nowrap;font-variant-numeric:tabular-nums}.user-actions{display:flex;gap:1px;flex-shrink:0}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:6px;color:#849596;flex-shrink:0}.icon-button i{width:13px;height:13px}.icon-button:hover{color:#cee1df;background:#ffffff08}
.assistant{min-width:0}.answer{font-size:15px;line-height:1.65;color:#e5e5e1;overflow-wrap:anywhere}.answer p+p{margin-top:13px}.answer strong{font-weight:650}.answer a{color:#d3b983;text-decoration:none}.answer code{font-size:13px;color:#cbd5d4;padding:2px 5px;border-radius:4px;background:#ffffff08}.reasoning{margin-bottom:14px}.reasoning summary{display:flex;align-items:center;gap:7px;width:fit-content;list-style:none;cursor:pointer;font-size:11px;color:#97b9b6;min-height:28px}.reasoning summary::-webkit-details-marker{display:none}.reasoning summary i{width:14px;height:14px}.reason-count{font-size:10px;min-width:17px;height:17px;text-align:center;line-height:17px;border-radius:50%;background:#9bc6c10c}.chevron{opacity:.5;transition:transform .2s}.reasoning[open] .chevron{transform:rotate(90deg)}.reasoning-content{padding:9px 0 13px;color:#9eacae;font-size:12px;line-height:1.6}.reasoning-content small{font-size:9px;color:#718082}.answer-meta{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:15px;min-width:0;font-variant-numeric:tabular-nums}.metrics{display:flex;align-items:center;gap:5px}.metric{font-size:10px;border:1px solid #ffffff0a;background:#ffffff03;border-radius:20px;padding:5px 8px;white-space:nowrap;color:#a9b1b2}.metrics button:hover{border-color:#627675;color:#dbe5e3}.code-stats{font-size:10px;padding-left:4px;word-spacing:4px}.code-stats span:first-child{color:#88a995}.code-stats span:last-child{color:#c29497}.model-signature{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:10px;color:var(--signature);padding:4px 0;white-space:nowrap}.model-signature i{width:13px;height:13px}.model-signature:hover{color:#dceae4}.answer-meta time{font-size:9px;color:#758082;white-space:nowrap}
.composer{flex:none;width:calc(100% - 20px);max-width:760px;margin:0 auto 10px;padding:10px 12px 9px;border:1px solid #344743;border-radius:20px;background:#181d20;box-shadow:0 6px 25px #0002}.composer textarea{display:block;width:100%;min-height:22px;max-height:132px;resize:none;border:0;outline:0;padding:0 4px;font-size:14px;line-height:22px;background:none;color:#e4e7e3;scrollbar-width:thin}.composer textarea::placeholder{color:#8b9496}.compose-bar{display:flex;align-items:center;gap:6px;margin-top:8px;min-height:32px}.compose-bar>.icon-button{width:32px;height:32px;border:1px solid #ffffff0a;background:#ffffff03;border-radius:10px}.compose-bar>.icon-button i{width:16px;height:16px}.composer-model{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #ffffff08;border-radius:20px;color:#c4ccc9;font-size:10px;white-space:nowrap}.composer-model i{width:12px;height:12px}.composer-model>span:last-child{color:#8a9697}.send{margin-left:auto;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#bacbc9;background:#ffffff07;flex-shrink:0}.send:hover{background:#354b46}.rationale{max-width:760px;margin:18px auto 0;min-height:85px}.rationale strong{font-size:13px;font-weight:600;color:#c6d9d2}.rationale p{font-size:12px;line-height:1.6;color:#a0abad;margin-top:5px}.rationale>span{display:block;margin-top:8px;font-size:10px;color:#6f7e83}
.preview[data-variant="2"]{--bubble:#1b2528;--bubble-border:#466562;--bubble-text:#e4e8e5;--signature:#adb7ba}.preview[data-variant="2"] .user{background:var(--bubble);border:1px solid var(--bubble-border);border-radius:15px;padding:11px 14px 6px;align-items:stretch}.preview[data-variant="2"] .user-content{padding:0;border:0;border-radius:0;background:none}.preview[data-variant="2"] .user-meta{margin-top:5px;justify-content:space-between;gap:16px}.preview[data-variant="2"] .answer-meta{gap:9px}.preview[data-variant="2"] .model-signature{border:1px solid #3e474b;border-radius:20px;padding:5px 8px}.preview[data-variant="2"] .model-signature i{width:12px;height:12px}
.preview[data-variant="3"]{--bubble:#9bcec4;--bubble-border:transparent;--bubble-text:#152b29;--signature:#b7cbc2}.preview[data-variant="3"] .user-content{border-radius:16px}.preview[data-variant="3"] .answer-meta{border-top:1px solid #ffffff09;padding-top:10px;gap:10px}.preview[data-variant="3"] .model-signature{order:-1}.preview[data-variant="3"] .metric{background:none;border-color:transparent;padding-left:0;padding-right:4px}.preview[data-variant="3"] .metrics{border-left:1px solid #39413e;padding-left:10px}
dialog{width:min(390px,calc(100% - 32px));max-height:calc(100% - 32px);border:1px solid #455450;border-radius:8px;padding:17px;background:#1b2325;color:#e5e9e6;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#080c10aa;backdrop-filter:blur(6px)}dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}dialog header strong{font-size:15px}dialog p{font-size:13px;line-height:1.65;color:#a9b8b7}dialog p+p{margin-top:8px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;max-width:calc(100% - 30px);padding:10px 15px;background:#303b3d;border:1px solid #485555;border-radius:8px;font-size:12px;transition:opacity .2s,transform .2s;z-index:5;text-align:center}.toast[data-visible]{opacity:1;transform:translate(-50%,0)}
@container (max-width:500px){.messages{padding:20px 14px}.conversation{gap:24px}.user-content{font-size:14px;padding:11px 13px}.answer{font-size:14px}.answer-meta{column-gap:9px;row-gap:5px}.answer-meta time{flex-basis:100%;margin-top:1px}.composer textarea{font-size:16px}.composer textarea::placeholder{font-size:13px}.user-meta time{font-size:8px}.user-meta{gap:5px}.user-actions .icon-button{width:30px;height:30px}.preview[data-variant="2"] .user{padding:10px 12px 5px}.chat-head{max-width:calc(100% - 20px);margin:9px 10px}}
@media(max-width:600px){.study{padding:17px 12px 26px}.study-head{display:block}.study-tag{display:block;margin-bottom:14px;font-size:10px}h1{font-size:21px;margin-bottom:8px}.variants{display:grid;grid-template-columns:1fr}.variants button{padding:9px 11px}.variants button small{margin-left:auto}.options{gap:8px;margin:13px 0}.segmented button{padding:6px 8px;font-size:10px}.preview{height:660px}.preview[data-device=mobile]{height:660px}.rationale{min-height:110px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}