.ppd{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.ppd-big{color:var(--gold-pale,#f5e3b8);text-shadow:0 0 34px #d4af6a61;white-space:nowrap;font-family:Playfair Display,serif;font-size:40px;line-height:1}.ppd-note{text-align:left}.ppd-note-a{color:#ece4d39e;font-size:14px}.ppd-note-b{color:var(--gold-bright,#f0c97a);font-size:12.5px}.ppd-note-b s{color:#ece4d373}.ppd-save{white-space:nowrap}.ppd-line{color:#ece4d39e;text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.45}.ppd-line b{color:var(--gold-pale,#f5e3b8);font-weight:600}.ppd-seg{white-space:nowrap;display:inline-block}.ppd-line .ppd-was{color:#ece4d366;margin-left:8px}.ppd-dot{opacity:.5}@media (min-width:601px){.ppd-big{font-size:56px}.ppd-note-a{font-size:15px}.ppd-line{font-size:14px}}
.call-screen{z-index:40;border-radius:inherit;color:#f6ecd6;background:radial-gradient(120% 70% at 50% 12%,#d4af6a29,#0000 60%),radial-gradient(90% 60% at 50% 100%,#5e3ca047,#0000 70%),linear-gradient(#150c28 0%,#0b0718 100%);flex-direction:column;animation:.32s both call-in;display:flex;position:absolute;inset:0}@keyframes call-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.call-stage{min-height:0;padding:max(18px, env(safe-area-inset-top)) 20px 8px;cursor:default;outline:none;flex-direction:column;flex:auto;align-items:center;display:flex;overflow-y:auto}.call-screen{container-type:size}@container (max-height:620px){.call-stage{padding-top:10px}.call-face-wrap{width:96px;height:96px;margin-top:6px}.call-liveface,.call-face{width:82px;height:82px}.call-wave{height:26px;margin-top:8px}.call-name{margin-top:6px;font-size:16px}.call-status{font-size:12px}.call-subtitle{margin-top:8px}.call-line{font-size:14px}}@container (max-height:470px){.call-face-wrap{width:72px;height:72px;margin-top:2px}.call-liveface,.call-face{width:62px;height:62px}.call-wave{display:none}.call-name{margin-top:4px;font-size:15px}.call-subtitle{margin-top:6px}}.call-subtitle:empty{flex:none;min-height:0;margin:0}.call-stage.is-ended{padding-bottom:max(18px, env(safe-area-inset-bottom))}.call-top{justify-content:center;width:100%;min-height:24px;display:flex}.call-left{letter-spacing:.02em;color:#f6ecd69e;background:#0a061473;border:1px solid #d4af6a38;border-radius:999px;padding:4px 12px;font-size:12.5px}.call-left.is-nearing{color:#f0d68a;border-color:#d4af6a80;animation:2.4s ease-in-out infinite call-nearing}@keyframes call-nearing{0%,to{opacity:1}50%{opacity:.55}}.call-face-wrap{place-items:center;width:168px;height:168px;margin-top:26px;display:grid;position:relative}.call-face{background-position:top;background-size:cover;border:1px solid #d4af6a73;border-radius:50%;width:132px;height:132px;box-shadow:0 10px 40px #0000008c,inset 0 0 30px #00000059}.call-liveface{width:132px;height:132px;position:relative}.call-liveface-aura{opacity:calc(.12 + var(--voice,0) * .5);transform:scale(calc(1 + var(--voice,0) * .12));pointer-events:none;background:radial-gradient(circle,#d4af6a66 0%,#0000 62%);border-radius:50%;transition:opacity 90ms linear,transform 90ms linear;position:absolute;inset:-26px}.call-liveface-motes{pointer-events:none;position:absolute;inset:-30px}.call-liveface-motes i{width:3px;height:3px;animation:6s ease-in-out infinite call-mote;animation-delay:calc(var(--i) * -.75s);background:#f0d68ae6;border-radius:50%;margin:-1.5px 0 0 -1.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #f0d68aa6}@keyframes call-mote{0%{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateX(70px) scale(.4)}30%{opacity:.85}to{opacity:0;transform:rotate(calc(var(--i) * 45deg + 20deg)) translateX(100px) scale(1)}}.call-liveface-sway{transform-origin:50% 88%;width:100%;height:100%;animation:7s ease-in-out infinite call-sway-a}.call-liveface-drift{width:100%;height:100%;animation:11s ease-in-out infinite call-sway-b}@keyframes call-sway-a{0%,to{transform:rotate(-1deg)translate(-2px)}50%{transform:rotate(1deg)translate(2px)}}@keyframes call-sway-b{0%,to{transform:translateY(-1.4px)}50%{transform:translateY(1.4px)}}.call-liveface-mask{border-radius:50%;position:absolute;inset:0;overflow:hidden}.call-liveface-mask:after{content:"";pointer-events:none;z-index:3;border:1px solid #d4af6a73;border-radius:50%;position:absolute;inset:0;box-shadow:0 10px 40px #0000008c,inset 0 0 30px #00000059}.call-liveface-nod{position:absolute;inset:0}.call-liveface-nod.is-nod{animation:.56s cubic-bezier(.22,.9,.28,1) call-nod}@keyframes call-nod{0%{transform:rotate(0)translate(0)}35%{transform:rotate(1.2deg)translate(1.4px)}to{transform:rotate(0)translate(0)}}.call-liveface-portrait{will-change:transform;animation:33s ease-in-out infinite alternate call-kenburns;position:absolute;inset:0}@keyframes call-kenburns{0%{transform:scale(1.06)translate(0)}50%{transform:scale(1.09)translate(-1.2%,-.8%)}to{transform:scale(1.07)translate(.9%,.5%)}}.call-liveface-frame{object-fit:cover;object-position:center 30%;width:100%;height:100%;transition:opacity 70ms linear;position:absolute;inset:0}.call-liveface-frame.is-eye{transition:none}.call-liveface-frame.is-expr{transition:opacity .18s}.call-liveface[data-rx] .call-liveface-mask{transition:transform .28s}.call-liveface[data-rx=questioning] .call-liveface-mask{transform:rotate(2.5deg)}.call-liveface[data-rx=attentive] .call-liveface-mask{transform:translateY(-2px)scale(1.02)}.call-liveface[data-rx=surprise] .call-liveface-mask{transform:translateY(-2.5px)scale(1.02)}.call-liveface[data-rx=warm] .call-liveface-mask{transform:rotate(-1.5deg)}.call-liveface-gleam{pointer-events:none;background:radial-gradient(46% 40% at 50% var(--gleam-y,38%), #ffe2aa8c 0%, transparent 70%);mix-blend-mode:screen;opacity:calc(var(--voice,0) * .6);border-radius:50%;transition:opacity 90ms ease-out;position:absolute;inset:0}.call-liveface-sweep{pointer-events:none;mix-blend-mode:soft-light;opacity:calc(.45 + var(--voice,0) * .25);background:linear-gradient(116deg,#0000 44%,#fff0c84d 50%,#0000 56%) 0 0/280% 280%;border-radius:50%;animation:11s ease-in-out infinite call-sweep;position:absolute;inset:0}@keyframes call-sweep{0%,90%{background-position:-30% -20%}to{background-position:150% 130%}}.call-liveface-stars{pointer-events:none;position:absolute;inset:-14%}.call-liveface-stars i{opacity:.3;animation:call-twinkle var(--d,3s) ease-in-out infinite;animation-delay:var(--dl,0s);filter:brightness(calc(1 + var(--voice,0) * .6));background:radial-gradient(circle,#f0d68a 0%,#0000 70%);border-radius:50%;position:absolute}@keyframes call-twinkle{0%,to{opacity:.22;transform:scale(.8)}50%{opacity:.95;transform:scale(1.18)}}.call-liveface-shoot{pointer-events:none;border-radius:50%;position:absolute;inset:-14%;overflow:hidden}.call-shoot{width:46px;height:1.5px;transform:rotate(var(--a,0deg)) translateX(64px) rotate(24deg);transform-origin:0;opacity:0;background:linear-gradient(90deg,#0000,#f0d68ae6);border-radius:2px;animation:1.1s ease-out forwards call-shoot;position:absolute;top:50%;left:50%}@keyframes call-shoot{0%{opacity:0;transform:rotate(var(--a,0deg)) translateX(58px) rotate(24deg) translate3d(-20px, -12px, 0)}15%{opacity:.9}to{opacity:0;transform:rotate(var(--a,0deg)) translateX(58px) rotate(24deg) translate3d(58px, 34px, 0)}}@keyframes call-face-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-1.5px)scale(1.012)}}.call-face{animation:5.5s ease-in-out infinite call-face-breathe}.call-halo{background:radial-gradient(circle,#d4af6a24 0%,#0000 62%);border:1px solid #d4af6a47;border-radius:50%;animation:4.2s ease-in-out infinite call-breathe;position:absolute;inset:0}@keyframes call-breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.07)}}.call-stage.is-listening .call-halo{animation-duration:3s}.call-stage.is-speaking .call-halo{border-color:#d4af6a8c;animation-duration:1.6s}.call-stage.is-thinking .call-halo{opacity:.5;animation-duration:5.5s}.call-thinking{border-radius:50%;animation:3.4s linear infinite call-orbit;position:absolute;inset:-6px}.call-thinking i{background:#f0d68a;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #f0d68acc}.call-thinking i:first-child{transform:rotate(0)translate(88px)}.call-thinking i:nth-child(2){opacity:.7;transform:rotate(120deg)translate(88px)}.call-thinking i:nth-child(3){opacity:.45;transform:rotate(240deg)translate(88px)}@keyframes call-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-name{letter-spacing:.01em;margin:14px 0 2px;font-size:20px}.call-status{color:#f6ecd699;min-height:18px;margin:0;font-size:13px}.call-stage.is-speaking .call-status{color:#f0d68a}.call-wave{align-items:center;gap:5px;height:50px;margin-top:18px;display:flex}.call-wave-bar{background:linear-gradient(#f0d68a,#d4af6a59);border-radius:2px;width:4px;transition:height 90ms linear}.call-stage.is-speaking .call-wave-bar{transition:none;animation:.9s ease-in-out infinite alternate call-bar}@keyframes call-bar{0%{transform:scaleY(.35)}to{transform:scaleY(1.9)}}.call-stage.is-transcribing .call-wave-bar,.call-stage.is-thinking .call-wave-bar{opacity:.35}.call-subtitle{flex:auto;justify-content:center;align-items:safe center;width:100%;max-width:520px;min-height:0;margin-top:20px;display:flex;overflow-y:auto}.call-line{text-align:center;margin:0;font-size:16px;line-height:1.5;animation:.28s both call-line-in}@keyframes call-line-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.call-line-who{letter-spacing:.08em;text-transform:uppercase;color:#f6ecd673;margin-bottom:6px;font-size:11.5px;display:block}.call-line.is-user .call-line-text{color:#f6ecd6c7}.call-line.is-friend .call-line-text{color:#f6ecd6;font-family:var(--font-serif);font-style:italic}.call-line.is-hint{color:#f6ecd666;font-size:14px}.call-word{transition:color .5s;animation:.24s both call-word-in}@keyframes call-word-in{0%{opacity:0}to{opacity:1}}.call-line.is-friend .call-word.is-hot{color:var(--gold)}.call-tap-hint{color:#f6ecd66b;margin:8px 0 0;font-size:12px}.call-resume{margin:0}.call-bottom{padding:14px 20px max(18px, env(safe-area-inset-bottom));flex:none;justify-content:center;align-items:center;gap:14px;display:flex}.call-hangup{cursor:pointer;color:#fff;background:linear-gradient(#e2544f 0%,#b8322d 100%);border:0;border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .12s,box-shadow .12s;display:grid;box-shadow:0 10px 26px #b8322d66}.call-hangup:hover{transform:translateY(-1px);box-shadow:0 14px 30px #b8322d80}.call-hangup:active{transform:translateY(1px)scale(.97)}.call-end{text-align:center;max-width:460px}.call-end-lead{color:#f6ecd6f5;margin:0 0 10px;font-size:17px;font-style:italic;line-height:1.45}.call-end-lead:before{content:"«"}.call-end-lead:after{content:"»"}.call-end-title{color:#f6ecd6d9;margin:0 0 10px;font-size:15.5px;line-height:1.5}.call-end-note{color:#f6ecd69e;margin:0 0 14px;font-size:13.5px;line-height:1.5}.call-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.call-btn.is-sample{opacity:.92;align-items:center;gap:8px;margin:0 auto 14px;font-size:14px;display:inline-flex}.call-btn.is-sample:before{content:"";border:5px solid #0000;border-left:8px solid;border-right-width:0;width:0;height:0}.call-btn{cursor:pointer;color:#f6ecd6d9;background:#0a061480;border:1px solid #d4af6a59;border-radius:999px;padding:11px 20px;font-size:14.5px}.call-btn.is-primary{color:#24160a;background:linear-gradient(#e8c877 0%,#c69f4a 100%);border-color:#0000;font-weight:600}.call-btn:hover{filter:brightness(1.06)}@media (max-height:700px){.call-face-wrap{width:132px;height:132px;margin-top:12px}.call-face,.call-liveface{width:104px;height:104px}.call-thinking i:first-child{transform:rotate(0)translate(70px)}.call-thinking i:nth-child(2){transform:rotate(120deg)translate(70px)}.call-thinking i:nth-child(3){transform:rotate(240deg)translate(70px)}}.fx-low .call-liveface-gleam{mix-blend-mode:normal;opacity:calc(var(--voice,0) * .3)}.fx-low .call-liveface-sweep{display:none}.fx-low .call-liveface-portrait{animation:none;transform:scale(1.06)}.fx-low .call-liveface-stars,.fx-low .call-liveface-motes,.fx-low .call-liveface-shoot{display:none}@media (prefers-reduced-motion:reduce){.call-screen,.call-halo,.call-thinking,.call-left.is-nearing,.call-line,.call-stage.is-speaking .call-wave-bar,.call-face,.call-liveface-sway,.call-liveface-drift,.call-liveface-nod,.call-liveface-portrait,.call-liveface-sweep,.call-liveface-motes i,.call-liveface-stars i,.call-word,.call-shoot{animation:none}.call-word{transition:none}.call-liveface-portrait{transform:scale(1.06)}.call-wave-bar{transition:none}.call-liveface-aura{opacity:.16;transition:none;transform:none}.call-liveface-gleam{opacity:.14;transition:none}.call-liveface-sweep{opacity:.12}.call-liveface[data-rx] .call-liveface-mask{transition:none;transform:none}}
.friend-plan-host{width:100%;container-type:inline-size}.friend-plan{background:radial-gradient(120% 80% at 50% 0,#d4af6a21,#0000 62%),linear-gradient(#1a1030 0%,#140b26 100%);border:1px solid #d4af6a47;border-radius:16px;animation:.5s both friend-plan-in;position:relative;overflow:hidden;box-shadow:0 10px 34px #0006}@keyframes friend-plan-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.friend-plan-x{z-index:2;color:#fff5dcbf;cursor:pointer;background:#0a06128c;border:0;border-radius:50%;width:28px;height:28px;font-size:17px;line-height:1;position:absolute;top:8px;right:8px}.friend-plan-x:hover{color:#f0d68a;background:#0a0612cc}.friend-plan-art{background-position:50%;background-size:cover;position:relative}.friend-plan-art:after{content:"";pointer-events:none;position:absolute;inset:0}.friend-plan-body{padding:14px 16px 18px}.friend-plan-kicker{font-family:var(--font-sans,"Inter"), system-ui, sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--gold,#d4af6a);margin:0;font-size:10.5px}.friend-plan-title{font-family:var(--font-serif,"PT Serif"), serif;color:var(--gold-bright,#f0d68a);margin:3px 0 0;font-size:20px}.friend-plan-lead{font-family:var(--font-serif,"PT Serif"), serif;color:#fff5dcd6;margin:6px 0 0;font-size:14px;font-style:italic;line-height:1.5}.friend-plan-perks{gap:5px;margin:11px 0 0;padding:0;list-style:none;display:grid}.friend-plan-perks li{font-family:var(--font-sans,"Inter"), system-ui, sans-serif;color:#fff5dcc7;align-items:baseline;gap:6px;font-size:13px;line-height:1.4;display:flex}.friend-plan-perks span{color:var(--gold,#d4af6a);flex:none}.friend-plan-arcan{font-family:var(--font-sans,"Inter"), system-ui, sans-serif;color:#fff5dc9e;margin:9px 0 0;font-size:12.5px;line-height:1.45}.friend-plan-arcan>span[aria-hidden]{color:var(--gold,#d4af6a);margin-right:4px}.friend-plan-arcan-what{color:#fff5dc80}.friend-plan-arcan-link{color:var(--gold,#d4af6a);text-underline-offset:2px;white-space:nowrap;text-decoration:underline}.friend-plan-arcan-link:hover{color:var(--gold-bright,#f0d68a)}.friend-plan-cta{color:#1a1030;width:100%;min-height:44px;font-family:var(--font-sans,"Inter"), system-ui, sans-serif;text-align:center;cursor:pointer;background:linear-gradient(#e7c87d 0%,#c9a154 100%);border:0;border-radius:12px;margin-top:13px;padding:12px 18px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.friend-plan-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #d4af6a4d}.friend-plan-cta:active{transform:none}.friend-plan-price{text-align:center;color:#fff5dc8c;margin-top:7px;padding-bottom:2px;font-size:12px}.friend-plan--banner .friend-plan-art{aspect-ratio:1000/416;width:100%}.friend-plan--banner .friend-plan-art:after{background:linear-gradient(#0000 55%,#170d2b 100%)}.friend-plan--square .friend-plan-art{aspect-ratio:16/9;background-position:50% 42%;width:100%}.friend-plan--square .friend-plan-art:after{background:linear-gradient(#0000 55%,#170d2b 100%)}@container (min-width:560px){.friend-plan--square{align-items:stretch;display:flex}.friend-plan--square .friend-plan-art{aspect-ratio:auto;background-position:50%;flex:0 0 190px;align-self:stretch;width:auto;min-height:190px}.friend-plan--square .friend-plan-art:after{background:linear-gradient(90deg,#0000 55%,#170d2beb 100%)}.friend-plan--square .friend-plan-body{flex:auto;padding:13px 15px 18px}.friend-plan--square .friend-plan-title{font-size:18px}.friend-plan--square .friend-plan-lead{font-size:13.5px}}@media (max-width:390px){.friend-plan-title{font-size:18px}.friend-plan-lead{font-size:13px}.friend-plan-perks li{font-size:12.5px}.friend-plan-body{padding:12px 13px 16px}}@media (prefers-reduced-motion:reduce){.friend-plan{animation:none}.friend-plan-cta:hover{transform:none}}