.phone{width:100%;max-width:330px;margin:0;container-type:inline-size}.phone__body{aspect-ratio:var(--phone-aspect,804 / 1748);background:#121514;border-radius:19.5cqw;padding:3cqw;position:relative;box-shadow:inset 0 0 0 1px #3a3f3d,inset 0 0 0 2.5px #1a1d1c,0 1px 2px #171d1c2e,0 36px 60px -28px #171d1c73}.phone__screen{background:#0a0d0c;border-radius:16.5cqw;position:absolute;inset:3cqw;overflow:hidden}.phone__screen img,.phone__screen video{object-fit:cover;width:100%;height:100%;display:block}.phone__screen--video{cursor:pointer}.phone__screen .phone__still{display:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.phone__screen:not([data-playing]) .phone__still{display:block}}.phone__toggle{cursor:pointer;color:#fff;opacity:0;pointer-events:none;background:#0a0d0cb8;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:7%;left:50%;translate:-50%}.phone__toggle:focus-visible{opacity:1;pointer-events:auto;outline-offset:2px;outline:2px solid #fff}.phone__toggle svg{width:16px;height:16px}.phone__island{display:none}.phone--android .phone__body{border-radius:14cqw}.phone--android .phone__screen{background:#fff;border-radius:11cqw}.phone--android .phone__island{background:#0a0d0c;border-radius:999px;width:4.4%;height:2%;display:block;position:absolute;top:4.6%;left:50%;translate:-50%}
.pcd{--ink:#1d2421;--sub:#6a706b;--chip:#fff;--line:#e6e8df;--teal:#3d8276;--teal-press:#2f6a60;--teal-soft:#e4efec;--kb:#dcdedb;--key:#fff;--key-alt:#c7cac6;--key-press:#b9bdb8;aspect-ratio:430/900;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;width:100%;position:relative;container-type:inline-size}.pcd *,.pcd :before,.pcd :after{box-sizing:border-box;margin:0;padding:0}.pcd .pcd-stage{transform-origin:0 0;width:430px;height:900px;transform:scale(tan(atan2(100cqw, 430px)));position:absolute;top:0;left:0}.pcd .pcd-phone{background:linear-gradient(145deg,#e9e9e7,#b9b9b6 45%,#f4f4f2 70%,#a9a9a6);border-radius:72px;width:430px;height:900px;padding:14px;position:relative;box-shadow:0 40px 80px #00000040,inset 0 0 0 1px #00000026}.pcd .pcd-phone:before{content:"";background:#0d0d0d;border-radius:66px;position:absolute;inset:6px}.pcd .screen{width:100%;height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;background-color:#f4f5ec;background-image:radial-gradient(55% 30% at 22% 14%,#e1e8d2,#0000 70%),radial-gradient(60% 35% at 78% 58%,#efebcc,#0000 70%),radial-gradient(50% 30% at 15% 72%,#f0eed6,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:58px;flex-direction:column;display:flex;position:relative;overflow:hidden}.pcd .island{z-index:5;background:#000;border-radius:20px;width:124px;height:36px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pcd .status{flex:none;justify-content:space-between;align-items:center;height:54px;padding:6px 32px 0 48px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:17px;font-weight:600;display:flex}.pcd .status .icons{align-items:center;gap:6px;display:flex}.pcd .batt{color:#fff;background:#4cc35a;border-radius:5px;padding:1px 4px;font-size:12px;font-weight:700;line-height:14px}.pcd .header{flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 14px;display:flex}.pcd .hbtn{background:var(--chip);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 2px 10px #283c2812}.pcd .title{letter-spacing:-.01em;font-size:20px;font-weight:600}.pcd .chat{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:0 16px 10px;transition:opacity .4s;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 36px);mask-image:linear-gradient(#0000 0,#000 36px)}.pcd .empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 40px 30px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0}.pcd .empty.gone{opacity:0;transform:translateY(-12px)}.pcd .avatar-lg{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:22px;display:flex;box-shadow:0 6px 24px #3c503c14}.pcd .avatar-lg img{width:34px}.pcd .empty h2{letter-spacing:normal;margin-bottom:8px;font-family:inherit;font-size:17px;font-weight:500}.pcd .empty p{color:var(--sub);max-width:30ch;font-size:14.5px;line-height:1.45}.pcd .row{grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.8,.2,1);display:grid}.pcd .row.open{grid-template-rows:1fr}.pcd .row-inner{align-items:flex-end;gap:8px;min-height:0;padding-top:8px;display:flex;overflow:hidden}.pcd .row.user .row-inner{justify-content:flex-end;padding-top:24px}.pcd .bubble{opacity:0;border-radius:20px;max-width:78%;padding:11px 15px 12px;font-size:16px;line-height:1.38;transition:opacity .3s,transform .38s cubic-bezier(.2,.9,.25,1.15);position:relative;transform:translateY(10px)scale(.96)}.pcd .row.open .bubble{opacity:1;transform:none}.pcd .user .bubble{background:var(--teal);color:#fff;transform-origin:100% 100%;border-bottom-right-radius:6px}.pcd .sia .bubble{color:var(--ink);transform-origin:0 100%;background:#fff;border-bottom-left-radius:6px;box-shadow:0 2px 10px #283c280f}.pcd .sia .row-inner{padding-bottom:6px;padding-left:1px}.pcd .mini{opacity:0;background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:2px;transition:opacity .3s;display:flex;box-shadow:0 2px 8px #283c2814}.pcd .row.open .mini{opacity:1}.pcd .mini img{width:15px}.pcd .reaction{background:#fff;border-radius:18px;justify-content:center;align-items:center;width:38px;height:34px;font-size:18px;transition:transform .45s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;top:-21px;left:-15px;transform:scale(0);box-shadow:0 2px 10px #283c2824}.pcd .reaction:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-6px;left:5px;box-shadow:0 1px 4px #283c281f}.pcd .reaction.show{transform:scale(1)}.pcd .dots{gap:5px;padding:5px 2px;display:flex}.pcd .dots i{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.1s infinite pcd-bounce}.pcd .dots i:nth-child(2){animation-delay:.15s}.pcd .dots i:nth-child(3){animation-delay:.3s}@keyframes pcd-bounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.pcd .chips{white-space:nowrap;flex:none;gap:9px;max-height:46px;margin-bottom:10px;padding:0 0 0 16px;transition:max-height .35s,opacity .25s,margin .35s;display:flex;overflow:hidden}.pcd .chips.gone{opacity:0;max-height:0;margin-bottom:0}.pcd .chip{background:var(--chip);border:1px solid var(--line);color:var(--sub);border-radius:20px;flex:none;padding:10px 15px;font-size:14.5px}.pcd .chip b{color:var(--ink);font-weight:600}.pcd .composer{flex:none;padding:0 14px 10px}.pcd .field{background:#fff;border-radius:28px;align-items:flex-end;gap:10px;min-height:54px;padding:15px 12px 9px 22px;transition:box-shadow .25s;display:flex;box-shadow:0 2px 14px #283c280f}.pcd .field.focus{box-shadow:0 0 0 1.5px #3d827659,0 2px 14px #283c280f}.pcd .text{word-break:break-word;flex:1;min-height:23px;padding-bottom:5px;font-size:16.5px;line-height:1.38}.pcd .ph{color:#8b908b}.pcd .caret{background:var(--teal);vertical-align:-4px;width:2px;height:21px;margin-right:1px;animation:1s step-end infinite pcd-blink;display:inline-block}.pcd .typing .caret{animation:none}@keyframes pcd-blink{50%{opacity:0}}.pcd .send{border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:36px;transition:transform .12s,background .2s;display:flex}.pcd .send svg path{transition:stroke .2s,fill .2s}.pcd .send.ready{background:var(--teal)}.pcd .send.ready svg path{stroke:#fff}.pcd .send.press{background:var(--teal-press);transform:scale(.86)}.pcd .bottom{flex:none;height:96px;transition:height .38s cubic-bezier(.3,.8,.3,1);position:relative}.pcd .bottom.kbup{height:318px}.pcd .tabs{align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute;top:4px;left:14px;right:14px}.pcd .bottom.kbup .tabs{opacity:0}.pcd .tabbar{border:1px solid var(--line);background:#ffffffbf;border-radius:30px;flex:1;align-items:center;height:58px;padding:4px;display:flex}.pcd .tab{color:#5c625e;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;height:48px;font-size:12px;display:flex}.pcd .tab.on{background:var(--teal-soft);color:var(--teal)}.pcd .fab{background:var(--teal);border-radius:50%;flex:none;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 4px 14px #3d82764d}.pcd .kb{background:var(--kb);border-radius:30px 30px 0 0;height:318px;padding:4px 4px 0;transition:transform .38s cubic-bezier(.3,.8,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.pcd .bottom.kbup .kb{transform:none}.pcd .sugg{color:#2b2e2c;align-items:center;height:42px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;display:flex}.pcd .sugg div{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 6px;position:relative;overflow:hidden}.pcd .sugg div+div:before{content:"";background:#bfc2be;width:1px;position:absolute;top:6px;bottom:6px;left:0}.pcd .krow{justify-content:center;gap:6px;margin-top:10px;display:flex}.pcd .key{background:var(--key);color:#000;border-radius:9px;flex:0 0 33px;justify-content:center;align-items:center;height:44px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:21px;transition:background 60ms;display:flex}.pcd .key.wide{flex:0 0 44px}.pcd .key.alt{flex:0 0 42px;font-size:16px}.pcd .key.space{flex:auto;max-width:180px}.pcd .key.ret{background:var(--key-alt);flex:0 0 88px}.pcd .key.ret.ready{background:var(--teal)}.pcd .key.ret.ready svg path{stroke:#fff}.pcd .key.pressed{background:var(--key-press)}.pcd .kb-bottom{justify-content:space-between;padding:12px 30px 0;display:flex}.pcd .home{z-index:4;background:#111;border-radius:3px;width:140px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pcd .row.docrow .row-inner{padding:8px 0 4px 39px}.pcd .doccard{opacity:0;transform-origin:0 0;background:#fff;border-radius:18px;width:300px;transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.1);overflow:hidden;transform:translateY(14px)scale(.97);box-shadow:0 4px 18px #283c2817}.pcd .row.open .doccard{opacity:1;transform:none}.pcd .dhead{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 14px 10px;display:flex}.pcd .dicon{background:var(--teal-soft);border-radius:10px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pcd .dtitle{font-size:14.5px;font-weight:600;line-height:1.2}.pcd .dsub{color:var(--sub);margin-top:2px;font-size:12px}.pcd .drow{opacity:0;align-items:center;gap:10px;padding:5px 14px;font-size:13.5px;transition:opacity .3s,transform .3s;display:flex;transform:translate(-6px)}.pcd .drow.in{opacity:1;transform:none}.pcd .drow+.drow{border-top:1px solid #f0f1ea}.pcd .dday{width:36px;color:var(--teal);text-transform:uppercase;letter-spacing:.04em;flex:none;font-size:11.5px;font-weight:600}.pcd .dname{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;transition:color .3s;overflow:hidden}.pcd .dmeta{color:var(--sub);flex:none;font-size:12px;transition:color .3s}.pcd .dlogo{border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;display:flex}.pcd .dfoot{background:var(--teal-soft);color:var(--teal);opacity:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:600;transition:opacity .3s;display:flex}.pcd .dfoot.in{opacity:1}.pcd .drow.cx .dmeta{color:var(--teal);font-weight:600}.pcd .dcx{color:#fff;background:var(--teal);border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10.5px;font-weight:600;text-decoration:none;transition:transform .35s cubic-bezier(.3,1.6,.5,1);display:inline-block;transform:scale(0)}.pcd .drow.cx .dcx{transform:scale(1)}.pcd .dtotal{transition:transform .25s}.pcd .dtotal.pop{transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.pcd .dots i,.pcd .caret{animation:none}}.pcd-wrap{width:100%;position:relative}.pcd-wrap .pcd{cursor:pointer}.pcd.paused *,.pcd.paused :before,.pcd.paused :after{animation-play-state:paused!important}.pcd-toggle{cursor:pointer;color:#fff;opacity:0;pointer-events:none;background:#0a0d0cb8;border:0;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;bottom:6%;left:50%;translate:-50%}.pcd-toggle:focus-visible{opacity:1;pointer-events:auto;outline-offset:2px;outline:2px solid #fff}.pcd-toggle svg{width:16px;height:16px}