.cgpt{--bone:#F8F4EC;--ink:#050505;--ink-2:#4A4540;--muted:#8A847A;--serif:var(--font-display),Georgia,"Times New Roman",serif;--sans:var(--font-sans),-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;--mono:var(--font-mono),"SF Mono",Menlo,monospace;--chat:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Helvetica,Arial,sans-serif;--gutter:16px;--pw:min(calc(100vw - 32px),360px,calc((100svh - 104px) / 2));background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}.cgpt *{box-sizing:border-box}.cgpt img{display:block;max-width:100%;height:auto}.cgpt button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.cgpt a{color:inherit;text-decoration:none}@media (min-width:960px){.cgpt{--pw:min(360px,calc((100vh - 140px) / 2))}}.cgpt .show{position:relative;overflow:hidden;color:var(--bone);background:#120c08;padding:84px var(--gutter) 28px}.cgpt .film{position:absolute;inset:0;pointer-events:none}.cgpt .film img,.cgpt .film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.9)}.cgpt .film:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 70% 40%,rgba(18,12,8,.2),rgba(18,12,8,.85) 70%),linear-gradient(180deg,rgba(18,12,8,.6),rgba(18,12,8,.15) 30%,rgba(18,12,8,.9))}.cgpt .wrap{position:relative;z-index:1;max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px}.cgpt .copy{text-align:center;max-width:520px}.cgpt .kicker{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;opacity:.75}.cgpt h1{margin:10px 0 0;font-family:var(--serif);font-weight:300;font-size:clamp(38px,10.4vw,92px);line-height:.95;letter-spacing:-.035em}.cgpt h1 span{display:block}.cgpt h1 strong{display:block;font-weight:500}.cgpt .btn{display:inline-flex;align-items:center;gap:10px;border-radius:999px;font-size:16px;font-weight:500;padding:13px 26px;min-height:48px;background:var(--bone);color:var(--ink);margin-top:20px}.cgpt .btn svg{width:14px;height:14px}.cgpt .also{margin-top:10px;font-size:12.5px;opacity:.6}.cgpt .live{display:none;margin-top:44px}.cgpt .lt{position:relative;height:1.25em;font-family:var(--serif);font-weight:300;font-size:30px;letter-spacing:-.015em;line-height:1.2}.cgpt .lt span{position:absolute;left:0;right:0;top:0;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.cgpt .lt span.on{opacity:1;transform:none}.cgpt .dots{display:flex;gap:6px;margin-top:14px;align-items:center}.cgpt .dots button{position:relative;width:6px;height:6px;border-radius:3px;background:rgba(248,244,236,.28);overflow:hidden;transition:width .35s cubic-bezier(.2,.8,.2,1),background .3s}.cgpt .dots button:before{content:"";position:absolute;inset:-10px -3px}.cgpt .dots button.done{background:rgba(248,244,236,.6)}.cgpt .dots button.on{width:30px}.cgpt .dots button.on b{position:absolute;inset:0;background:var(--bone);transform:scaleX(0);transform-origin:left;animation:cgfill var(--dur,6s) linear forwards}.cgpt.paused .dots button.on b{animation-play-state:paused}.cgpt.still .dots button.on b{animation:none;transform:none}@keyframes cgfill{to{transform:scaleX(1)}}.cgpt .device{display:flex;flex-direction:column;align-items:center;gap:12px}.cgpt .phone{position:relative;width:var(--pw);height:calc(var(--pw) * 2);border-radius:calc(var(--pw) * .15);background:#0b0b0c;padding:calc(var(--pw) * .03);box-shadow:inset 0 0 0 1.5px #2a2a2c,0 0 0 1px rgba(248,244,236,.08),0 50px 90px -30px rgba(0,0,0,.85),0 30px 60px -40px rgba(151,232,215,.25)}.cgpt .screen{position:relative;height:100%;border-radius:calc(var(--pw) * .125);background:#fff;overflow:hidden;color:#0d0d0d;font-family:var(--chat);display:flex;flex-direction:column}.cgpt .island{position:absolute;z-index:5;top:calc(var(--pw) * .055);left:50%;width:30%;height:calc(var(--pw) * .085);margin-left:-15%;border-radius:99px;background:#000}.cgpt .status{flex:none;height:calc(var(--pw) * .15);display:flex;align-items:flex-end;justify-content:space-between;padding:0 9% 6px;font-size:13px;font-weight:600;letter-spacing:-.01em}.cgpt .sig{display:flex;align-items:center;gap:5px}.cgpt .sig i{display:block;width:3px;border-radius:1px;background:#0d0d0d}.cgpt .sig .b1{height:4px}.cgpt .sig .b2{height:6px}.cgpt .sig .b3{height:8px}.cgpt .sig .b4{height:10px}.cgpt .sig .bars{display:flex;align-items:flex-end;gap:1.5px}.cgpt .sig .batt{width:22px;height:11px;border:1px solid rgba(13,13,13,.45);border-radius:3px;padding:1px;margin-left:3px}.cgpt .sig .batt:after{content:"";display:block;height:100%;width:78%;border-radius:1.5px;background:#0d0d0d}.cgpt .appbar{flex:none;height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.06)}.cgpt .appbar .name{font-size:16px;font-weight:600;letter-spacing:-.01em}.cgpt .appbar .ico{width:22px;height:22px;display:grid;place-items:center;opacity:.55}.cgpt .appbar .ico svg{width:18px;height:18px}.cgpt .viewport{position:relative;flex:1;overflow:hidden}.cgpt .log{position:absolute;left:0;right:0;top:0;padding:14px 0 24px;will-change:transform;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .5s ease}.cgpt .log.slow{transition-duration:2.4s;transition-timing-function:cubic-bezier(.45,0,.3,1)}.cgpt .msg{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.cgpt .msg.in{opacity:1;transform:none}.cgpt .user{flex-direction:column;align-items:flex-end;padding:4px 4.2% 12px 18%}.cgpt .user,.cgpt .user .atts{display:flex;gap:6px}.cgpt .user .atts img{width:64px;height:64px;border-radius:14px;object-fit:cover}.cgpt .user .bubble{background:#f1f1f1;border-radius:20px;padding:9px 14px;font-size:14.5px;line-height:1.38;max-width:100%}.cgpt .cgcard{position:relative;padding:0 0 14px}.cgpt .cgcard img{width:100%}.cgpt .cgcard .next{position:absolute;left:0;top:0;opacity:0;transition:opacity .35s ease}.cgpt .hit{position:absolute;z-index:2;pointer-events:none;border-radius:999px;background:rgba(0,0,0,0);transition:background .12s,transform .12s;overflow:hidden}.cgpt .hit.down{background:rgba(0,0,0,.16);transform:scale(.97)}.cgpt .hit .fillbar{position:absolute;inset:0;background:rgba(255,255,255,.28);transform:scaleX(0);transform-origin:left}.cgpt .hit.hold .fillbar{transition:transform 1.3s linear;transform:scaleX(1)}.cgpt .finger{position:absolute;z-index:3;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;pointer-events:none;background:rgba(5,5,5,.3);box-shadow:inset 0 0 0 2.5px rgba(255,255,255,.9),0 4px 14px rgba(0,0,0,.25);opacity:0;transform:scale(1.4)}.cgpt .finger.on{opacity:1;transform:scale(1);transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}.cgpt .finger.off{opacity:0;transform:scale(1.9);transition:opacity .45s,transform .45s}.cgpt .think{padding:6px 4.2% 18px;opacity:0;transition:opacity .25s}.cgpt .think.in{opacity:1}.cgpt .think i{display:block;width:12px;height:12px;border-radius:50%;background:#0d0d0d;animation:cgpulse 1s ease-in-out infinite}@keyframes cgpulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1);opacity:1}}.cgpt .composer{flex:none;padding:6px 10px calc(var(--pw) * .065);background:#fff}.cgpt .box{border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:3px 3px 3px 13px;background:#fff}.cgpt .box .att{display:flex;gap:6px;height:0;opacity:0;overflow:hidden;transition:opacity .3s}.cgpt .box .att.has{height:44px;opacity:1;margin:5px 0 4px}.cgpt .box .att img{width:44px;height:44px;border-radius:10px;object-fit:cover}.cgpt .row{gap:8px}.cgpt .field,.cgpt .row{display:flex;align-items:center}.cgpt .field{flex:1;min-width:0;height:28px;overflow:hidden;font-size:14px;line-height:28px;white-space:nowrap}.cgpt .field .txt{white-space:pre;flex:none}.cgpt .field .ph{color:#9a9a9a}.cgpt .caret{flex:none;display:inline-block;width:1.5px;height:16px;background:#0d0d0d;margin-left:1px;animation:cgblink 1s step-end infinite}.cgpt .field .ph+.caret{display:none}@keyframes cgblink{50%{opacity:0}}.cgpt .send{flex:none;width:28px;height:28px;border-radius:50%;background:#d9d9d9;display:grid;place-items:center;transition:background .2s,transform .15s}.cgpt .send svg{width:14px;height:14px;color:#fff}.cgpt .send.ready{background:#0d0d0d}.cgpt .send.press{transform:scale(.88)}.cgpt .homebar{position:absolute;bottom:7px;left:50%;width:34%;height:4.5px;margin-left:-17%;border-radius:9px;background:#0d0d0d;opacity:.85}.cgpt .sheet{position:absolute;z-index:4;inset:0;display:flex;align-items:flex-end;background:rgba(0,0,0,0);transition:background .4s;pointer-events:none}.cgpt .sheet .page{width:100%;background:#F8F4EC;border-radius:22px 22px 0 0;padding:18px 0 26px;transform:translateY(105%);transition:transform .55s cubic-bezier(.2,.8,.2,1)}.cgpt .sheet .url{font-size:11px;color:#8A847A;text-align:center;margin-bottom:8px}.cgpt .sheet.in{background:rgba(0,0,0,.35)}.cgpt .sheet.in .page{transform:none}.cgpt .tap{position:absolute;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:rgba(5,5,5,.18);transform:scale(.3);opacity:0}.cgpt .tap.go{animation:cgtap .7s ease-out}@keyframes cgtap{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.6);opacity:0}}.cgpt .now{gap:12px;width:var(--pw)}.cgpt .now,.cgpt .now .t{display:flex;align-items:center}.cgpt .now .t{flex:1;min-width:0;flex-direction:column}.cgpt .now .lt{font-size:21px;width:100%;text-align:center}.cgpt .now .dots{margin-top:8px;gap:5px}.cgpt .now .dots button{width:5px;height:5px}.cgpt .now .dots button.on{width:20px}.cgpt .now button{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(248,244,236,.25);display:grid;place-items:center}.cgpt .now button svg{width:14px;height:14px}@media (min-width:960px){.cgpt .show{min-height:100vh;display:flex;align-items:center;padding:100px 32px 60px}.cgpt .wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;gap:64px;width:100%}.cgpt .copy{text-align:left;max-width:none}.cgpt .live{display:block}.cgpt h1{font-size:clamp(56px,6.4vw,84px)}.cgpt .btn{margin-top:22px}.cgpt .now{display:none}.cgpt.still .now{display:flex}}.cgpt.still .log,.cgpt.still .msg,.cgpt.still .think{transition:none}.cgpt.still .viewport{overflow-y:auto}