.pesan-root{--paper:#f7f9ff;--soft:#e4f3ff;--ink:#1b1f4b;--muted:#474d7c;--accent:#1b1f4b;--on-accent:#f7f9ff;--line:#7a83b0;--stage:#bfe6ff;--pink:#ff6fbf;--pink-soft:#ffd3ec;--lime:#c6f25a;--chrome:#d7dcea;--screen:#bff3e4;--screen-ink:#0f3a33;--chrome-grad:linear-gradient(160deg, #fff 0%, #e3e7f2 22%, #b4bcd8 46%, #f4f6fc 64%, #c3cae0 84%, #eef1fa 100%);--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);color:var(--ink);background:var(--paper);overflow-wrap:anywhere;font-size:16px;line-height:1.6}.pesan-root *,.pesan-root :before,.pesan-root :after{box-sizing:border-box}:where(.pesan-root) :where(h1,h2,h3,p,figure,blockquote,dl,dd){margin:0}:where(.pesan-root) :where(ul,ol){margin:0;padding:0;list-style:none}.pesan-display{letter-spacing:-.03em;line-height:1.08}.pesan-root :is(button,a,input,select,textarea,summary):focus-visible,.pesan-inbox-list:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.pesan-navy :is(button,a):focus-visible{outline-color:var(--lime)}.pesan-holo-text{background:linear-gradient(100deg, var(--ink) 0 34%, #4b55b8 40%, #d0329a 46%, #3d8f1f 51%, #1d7fb8 56%, var(--ink) 62% 100%) 72% 0 / 260% 100%;color:#0000;-webkit-background-clip:text;background-clip:text}.pesan-holo{position:relative;overflow:clip}.pesan-holo:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#0000 28%,#ff6fbf52 38%,#c6f25a52 45%,#6fd3ff5c 52%,#ffffff80 56%,#0000 66%);position:absolute;inset:0;transform:translate(-30%)}.pesan-button{border:2px solid var(--ink);background:var(--ink);width:100%;min-height:52px;color:var(--paper);text-align:center;box-shadow:3px 3px 0 var(--pink);cursor:pointer;transition:transform .14s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:800;line-height:1.25;text-decoration:none;display:flex}.pesan-button svg{flex:none}.pesan-button:active{transform:scale(.97)}.pesan-button-pink{background:var(--pink);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.pesan-button-lime{background:var(--lime);color:var(--ink);box-shadow:4px 4px 0 var(--pink)}.pesan-status{color:currentColor;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;font-size:12px;font-weight:800;line-height:1;display:flex}.pesan-signal{align-items:flex-end;gap:2px;height:11px;display:flex}.pesan-signal i{background:currentColor;border-radius:1px;width:3px}.pesan-signal i:first-child{height:4px}.pesan-signal i:nth-child(2){height:6px}.pesan-signal i:nth-child(3){height:8px}.pesan-signal i:nth-child(4){height:11px}.pesan-battery{border:1.5px solid;border-radius:2px;width:20px;height:10px;display:block;position:relative}.pesan-battery:after{content:"";background:currentColor;width:2px;height:3px;position:absolute;top:2px;right:-4px}.pesan-battery i{background:currentColor;position:absolute;inset:1.5px 5px 1.5px 1.5px}.pesan-stage{pointer-events:none;background:radial-gradient(circle at 50% 46%, #fffffff2, transparent 42%), radial-gradient(circle at 18% 18%, #ffd3ecd9, transparent 36%), radial-gradient(circle at 86% 76%, #c6f25a73, transparent 34%), linear-gradient(180deg, #d6efff, var(--stage) 55%, #a9dcff);position:absolute;inset:0;overflow:clip}.pesan-grid{transform-origin:50% 100%;background-image:linear-gradient(#1b1f4b29 1.5px,#0000 1.5px),linear-gradient(90deg,#1b1f4b29 1.5px,#0000 1.5px);background-size:38px 38px;height:46%;position:absolute;bottom:-4%;left:-50%;right:-50%;transform:perspective(420px)rotateX(58deg);-webkit-mask-image:linear-gradient(#0000,#000 65%);mask-image:linear-gradient(#0000,#000 65%)}.pesan-stage svg{position:absolute}.pesan-stage-b1{width:104px;top:4%;left:-26px}.pesan-stage-b2{width:62px;top:40%;right:-12px}.pesan-stage-b3{width:54px;bottom:9%;left:7%}.pesan-stage-s1{width:30px;top:9%;right:13%}.pesan-stage-s2{width:22px;top:52%;left:6%}.pesan-stage-s3{width:26px;bottom:18%;right:10%}.pesan-phone{--pw:206px;--ph:228px;width:var(--pw);height:var(--ph);perspective:1100px;perspective-origin:50% 0;margin-inline:auto;position:relative}.pesan-base{z-index:1;border:2px solid var(--ink);background:var(--chrome-grad);box-shadow:inset 0 2px 0 #ffffffe6, 5px 6px 0 var(--ink);border-radius:14px 14px 42px 42px;padding:18px 16px 10px;position:absolute;inset:0}.pesan-antenna{border:2px solid var(--ink);background:var(--chrome-grad);border-bottom:0;border-radius:8px 8px 2px 2px;width:15px;height:22px;position:absolute;top:-20px;right:22px}.pesan-hinge{z-index:3;border:2px solid var(--ink);background:linear-gradient(#fff,#aab3d0 62%,#eef1fa);border-radius:8px;height:15px;position:absolute;top:-8px;left:14%;right:14%}.pesan-nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pesan-softkey{border:1.5px solid var(--ink);background:#b9c1db;border-radius:7px;width:38px;height:13px}.pesan-dpad{border:2px solid var(--ink);background:var(--chrome-grad);border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 0 0 5px #fff9}.pesan-dpad i{border:1.5px solid var(--ink);background:var(--pink);border-radius:50%;width:20px;height:20px}.pesan-keys{grid-template-columns:repeat(3,1fr);gap:6px 9px;display:grid}.pesan-keys span{border:1.5px solid var(--ink);background:var(--paper);border-radius:13px;place-items:center;height:25px;font-size:13px;font-weight:800;line-height:1;display:grid}.pesan-keys span:nth-child(5){background:var(--lime)}.pesan-mic{background:var(--ink);border-radius:50%;width:7px;height:7px;margin:9px auto 0;display:block}.pesan-lid{z-index:2;width:100%;height:var(--ph);transform-origin:50% 100%;transform-style:preserve-3d;transition:transform .6s var(--ease-out);position:absolute;bottom:100%;left:0;transform:rotateX(-180deg)}.pesan-phone[data-open] .pesan-lid{transform:rotateX(0)}.pesan-phone-slow .pesan-lid{transition:transform 1.4s var(--ease-in-out) .35s}.pesan-lid-face{backface-visibility:hidden;border:2px solid var(--ink);position:absolute;inset:0}.pesan-lid-inner{background:linear-gradient(170deg, #353b80, var(--ink) 55%, #10132f);border-radius:40px 40px 14px 14px;flex-direction:column;padding:14px 12px 22px;display:flex}.pesan-speaker{background:#0b0d24;border-radius:3px;width:46px;height:6px;margin:0 auto 10px;display:block;box-shadow:0 1px #ffffff40}.pesan-screen{background:linear-gradient(160deg, #ffffff73, transparent 40%), var(--screen);min-height:0;color:var(--screen-ink);border:2px solid #0b0d24;border-radius:12px;flex-direction:column;flex:1;padding:0 10px 10px;display:flex;overflow:clip;box-shadow:inset 0 0 18px #0f3a3340}.pesan-screen .pesan-status{border-bottom:1px solid #0f3a3340;margin-bottom:8px;padding:7px 0 6px;font-size:11px}.pesan-screen-thread{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pesan-screen-from{font-size:12px;font-weight:800;line-height:1.2}.pesan-screen-bubble{border:1.5px solid var(--ink);max-width:100%;color:var(--ink);transform-origin:0 100%;opacity:0;transition:opacity .3s var(--ease-out), transform .4s var(--ease-out);background:#fff;border-radius:12px 12px 12px 3px;padding:7px 10px;font-size:12.5px;font-weight:600;line-height:1.35;transform:translateY(8px)scale(.94)}.pesan-screen-bubble-out{background:var(--pink-soft);transform-origin:100% 100%;border-radius:12px 12px 3px;align-self:flex-end}.pesan-screen-typing,.pesan-typing{border:1.5px solid var(--ink);background:#fff;border-radius:12px;gap:4px;padding:7px 10px;display:inline-flex}.pesan-screen-typing{opacity:0;transition:opacity .3s var(--ease-out)}.pesan-screen-typing i,.pesan-typing i{background:var(--ink);opacity:.55;border-radius:50%;width:6px;height:6px}.pesan-screen-sent{align-self:flex-end;font-size:11px;font-weight:800}.pesan-phone[data-open] .pesan-screen-bubble{opacity:1;transition-delay:.42s;transform:none}.pesan-phone[data-open] .pesan-screen-typing{opacity:1;transition-delay:.7s}.pesan-lid-outer{background:var(--chrome-grad);border-radius:14px 14px 42px 42px;overflow:clip;transform:rotateX(180deg);box-shadow:inset 0 2px #ffffffe6}.pesan-camera{border:3px solid var(--ink);background:#5b6cc4;border-radius:50%;width:14px;height:14px;margin-left:-7px;position:absolute;top:18px;left:50%}.pesan-mini{border:2px solid var(--ink);background:linear-gradient(160deg, #ffffff80, transparent 45%), var(--screen);width:78%;min-height:78px;color:var(--screen-ink);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;margin:42px auto 0;padding:8px 10px;display:flex;box-shadow:inset 0 0 12px #0f3a334d}.pesan-mini-top{justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:800;line-height:1.2;display:flex}.pesan-mini-from{font-size:12px;font-weight:700;line-height:1.25}.pesan-lid-heart{width:36px;position:absolute;bottom:32px;left:24px;transform:rotate(-14deg)}.pesan-lid-spark{width:28px;position:absolute;bottom:46px;right:28px}.pesan-lid-sheen{background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:26%;position:absolute;inset:-20% auto -20% 8%;transform:skew(-18deg)}.pesan-envelope{z-index:100;background:var(--stage);display:flex;position:absolute;inset:0;overflow-y:auto}.pesan-envelope-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:380px;margin:auto;padding:28px 22px 32px;display:flex;position:relative}.pesan-env-top{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:180px;margin-bottom:18px;display:flex}.pesan-env-kicker{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--pink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:800;display:inline-flex}.pesan-env-names{font-size:clamp(34px,10.5vw,44px)}.pesan-env-names span{font-size:.6em;display:block}.pesan-env-occasion{color:var(--muted);font-size:15px;font-weight:700}.pesan-env-bottom{gap:14px;width:100%;margin-top:30px;display:grid}.pesan-guest{border:2px dashed var(--ink);box-shadow:3px 3px 0 var(--lime);background:#fff;border-radius:14px;gap:2px;padding:12px 16px;display:grid;transform:rotate(-1.5deg)}.pesan-guest span{color:var(--muted);font-size:14px}.pesan-guest strong{font-size:17px;line-height:1.3}.pesan-env-date{font-size:15px;font-weight:700}.pesan-demo{color:var(--muted);font-size:13px}.pesan-env-top,.pesan-env-bottom{transition:opacity .25s var(--ease-out)}.pesan-env-phone{transition:transform .6s var(--ease-out)}.pesan-envelope[data-opening] :is(.pesan-env-top,.pesan-env-bottom){opacity:0}.pesan-envelope[data-opening] .pesan-env-phone{transform:translateY(calc(var(--ph) * .42))}.pesan-hero{outline:none;padding:14px 20px 44px;position:relative;overflow:clip}.pesan-hero-stage{background:radial-gradient(circle at 50% 38%, #ffffffe6, transparent 46%), radial-gradient(circle at 90% 8%, #ffd3eccc, transparent 30%), linear-gradient(180deg, var(--stage), #d9f0ff 60%, var(--paper))}.pesan-hero-stage .pesan-grid{transform-origin:50% 0;height:34%;top:-6%;bottom:auto;transform:perspective(420px)rotateX(-58deg);-webkit-mask-image:linear-gradient(#000 30%,#0000);mask-image:linear-gradient(#000 30%,#0000)}.pesan-drift{position:absolute;inset:-28px 0}.pesan-drift svg{position:absolute}.pesan-hero-b1{width:84px;top:30%;left:-30px}.pesan-hero-b2{width:50px;top:58%;right:-10px}.pesan-hero-s1{width:26px;top:13%;right:12%}.pesan-hero-s2{width:20px;top:74%;left:8%}.pesan-hero-status{background:var(--ink);max-width:400px;color:var(--paper);border-radius:999px;margin:0 auto 22px;padding:9px 14px;font-size:13px;position:relative}.pesan-hero-main{text-align:center;max-width:400px;margin-inline:auto;position:relative}.pesan-hero-kicker{color:var(--muted);font-size:15px;font-weight:700}.pesan-hero-names{margin-top:8px;font-size:clamp(40px,13vw,54px);line-height:1}.pesan-hero-names.pesan-names-long{font-size:clamp(30px,9vw,38px)}.pesan-amp{margin:4px 0;font-size:.55em;display:block}.pesan-mms{width:min(100%,300px);margin:26px auto 0;position:relative}.pesan-mms-bubble{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--pink);background:#fff;border-radius:28px 28px 28px 8px;padding:10px}.pesan-mms-photo{aspect-ratio:4/5;border:2px solid var(--ink);background:var(--soft);border-radius:20px;position:relative;overflow:clip}.pesan-mms-fallback{place-items:center;height:100%;font-size:48px;display:grid}.pesan-mms-meta{color:var(--muted);justify-content:space-between;gap:8px;padding:8px 4px 0;font-size:13px;font-weight:700;display:flex}.pesan-cal-chip{z-index:3;border:2px solid var(--ink);text-align:center;width:80px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:14px;display:grid;position:absolute;top:-16px;right:-10px;overflow:clip;transform:rotate(8deg)}.pesan-cal-month{border-bottom:2px solid var(--ink);background:var(--pink);padding:3px 0;font-size:13px;font-weight:800}.pesan-cal-chip strong{padding-top:4px;font-size:30px}.pesan-cal-year{padding-bottom:4px;font-size:13px;font-weight:700}.pesan-mms-heart{z-index:3;width:44px;position:absolute;bottom:54px;left:-16px;transform:rotate(-14deg)}.pesan-hero-details{gap:10px;margin-top:30px;display:grid}.pesan-hero-date{font-size:18px;font-weight:800}.pesan-root .pesan-keypad{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.pesan-key{border:2px solid var(--ink);background:var(--chrome-grad);min-height:70px;box-shadow:inset 0 2px 0 #ffffffe6, 3px 3px 0 var(--ink);border-radius:18px;padding:8px 2px}.pesan-key:nth-child(2){background:var(--lime)}.pesan-key-number{font-size:24px;line-height:1.1}.pesan-key-label{font-size:13px;font-weight:700}.pesan-hero-scroll{border:2px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin:30px auto 0;padding:10px 20px;font-size:15px;font-weight:800;display:flex;position:relative}.pesan-section{padding:64px 20px;position:relative;overflow:clip}.pesan-paper{background:var(--paper)}.pesan-soft{background:var(--soft)}.pesan-navy{background:var(--ink);color:var(--paper)}.pesan-section-inner{z-index:1;max-width:400px;margin-inline:auto;position:relative}.pesan-heading{margin-bottom:28px}.pesan-app{border:2px solid var(--ink);color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 14px 4px 4px;font-size:14px;font-weight:800;line-height:1.2;display:inline-flex}.pesan-app-icon{background:var(--pink);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.pesan-heading h2{font-size:27px;line-height:1.12}.pesan-navy .pesan-heading h2{color:var(--paper);background:0 0}.pesan-navy .pesan-app{box-shadow:2px 2px 0 var(--pink)}.pesan-intro{color:var(--muted);gap:8px;margin-top:12px;display:grid}.pesan-navy .pesan-intro{color:var(--chrome)}.pesan-empty{border:2px dashed var(--line);color:var(--muted);text-align:center;background:#fff;border-radius:18px;padding:18px}.pesan-footnote{color:var(--muted);text-align:center;margin-top:18px;font-size:14px}.pesan-field{pointer-events:none;position:absolute;inset:-28px 0}.pesan-field svg{position:absolute}.pesan-f1{width:70px;top:6%;right:-22px}.pesan-f2{width:22px;top:40%;left:3%}.pesan-f3{width:26px;bottom:8%;right:8%}.pesan-f4{width:24px;top:5%;right:10%}.pesan-f5{width:56px;top:52%;left:-20px}.pesan-f6{width:20px;bottom:6%;right:14%}.pesan-f7{width:60px;top:4%;right:-18px}.pesan-f8{width:22px;bottom:10%;left:5%}.pesan-contacts{gap:22px;display:grid}.pesan-contact{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--pink);background:#fff;border-radius:24px;overflow:clip}.pesan-contact:nth-child(2){box-shadow:6px 6px 0 var(--lime)}.pesan-contact-bar{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;padding:9px 16px;font-size:14px;font-weight:800;display:flex}.pesan-contact-bar svg{color:var(--lime)}.pesan-contact-body{text-align:center;justify-items:center;gap:8px;padding:22px 20px 24px;display:grid}.pesan-avatar{border:2px solid var(--ink);background:var(--chrome-grad);border-radius:50%;width:132px;height:132px;padding:6px}.pesan-avatar-photo{border:2px solid var(--ink);background:var(--soft);border-radius:50%;place-items:center;width:100%;height:100%;font-size:42px;display:grid;position:relative;overflow:clip}.pesan-contact-nick{background:var(--pink-soft);border-radius:999px;margin-top:6px;padding:2px 12px;font-size:14px;font-weight:800}.pesan-contact-name{font-size:22px;line-height:1.2}.pesan-contact-fields{border-top:1.5px dashed var(--line);width:100%;margin-top:6px;padding-top:12px}.pesan-contact-fields dt{color:var(--muted);font-size:14px}.pesan-contact-fields dd{font-size:16px;font-weight:600;line-height:1.5}.pesan-thread-screen{border:3px solid var(--ink);background:linear-gradient(170deg, #ffffff80, transparent 30%), var(--screen);color:var(--screen-ink);box-shadow:6px 6px 0 var(--ink);border-radius:28px;padding:2px 14px 18px}.pesan-thread-screen>.pesan-status{border-bottom:1.5px solid #0f3a3340;margin-bottom:4px;padding:12px 4px 10px;font-size:13px}.pesan-thread{gap:14px;padding-top:8px;display:grid}.pesan-msg{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pesan-msg-right{align-items:flex-end}.pesan-msg-stamp{background:#0f3a331a;border-radius:999px;align-self:center;padding:2px 12px;font-size:13px;font-weight:800}.pesan-bubble{border:2px solid var(--ink);max-width:88%;color:var(--ink);background:#fff;border-radius:20px 20px 20px 6px;padding:12px 15px 13px;box-shadow:3px 3px #1b1f4bd9}.pesan-msg-right .pesan-bubble{background:var(--pink-soft);border-radius:20px 20px 6px}.pesan-bubble h3{font-size:16px;font-weight:800;line-height:1.35}.pesan-bubble p{margin-top:4px;font-size:16px;line-height:1.55}.pesan-msg-status{font-size:13px;font-weight:700}.pesan-typing-row{align-items:center;gap:10px;margin-top:18px;display:flex}.pesan-typing-row p{font-size:14px;font-weight:700}.pesan-entries{gap:22px;display:grid}.pesan-entry{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:24px;overflow:clip}.pesan-entry-head{border-bottom:2px solid var(--ink);background:linear-gradient(120deg, var(--soft), #fff 70%);align-items:center;gap:14px;padding:16px 18px;display:flex}.pesan-entry-page{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:12px;flex:none;width:64px;display:grid;overflow:clip}.pesan-entry-page span{border-bottom:2px solid var(--ink);background:var(--pink);padding:2px 0;font-size:13px;font-weight:800}.pesan-entry-page strong{padding:4px 0 6px;font-size:26px}.pesan-entry-kind{color:var(--muted);font-size:14px;font-weight:700}.pesan-entry-head h3{font-size:21px}.pesan-entry-rows{padding:8px 18px}.pesan-entry-rows li{border-bottom:1.5px dashed var(--line);gap:12px;padding:11px 0;line-height:1.5;display:flex}.pesan-entry-rows li:last-child{border-bottom:0}.pesan-entry-rows svg{color:#c2287f;flex:none;margin-top:2px}.pesan-entry-foot{gap:14px;padding:4px 18px 20px;display:grid}.pesan-entry-alert{background:var(--lime);border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:700;display:inline-flex}.pesan-entry-none{color:var(--muted);font-size:15px}.pesan-alarms{gap:12px;display:grid}.pesan-alarm{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 14px 14px 18px;display:grid}.pesan-alarm-time{font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:26px}.pesan-alarm-text{line-height:1.4;display:grid}.pesan-alarm-text strong{font-size:16px}.pesan-alarm-text span{color:var(--muted);font-size:14px}.pesan-alarm-on{border:2px solid var(--ink);background:var(--lime);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.pesan-stickers{grid-template-columns:1fr 1fr;gap:20px 16px;display:grid}.pesan-stickers-single{grid-template-columns:minmax(0,300px);justify-content:center}.pesan-sticker{box-shadow:0 0 0 2px var(--ink), 4px 5px 0 2px var(--ink);transform:rotate(var(--tilt,0deg));background:#fff;border-radius:20px;padding:8px 8px 10px}.pesan-sticker-photo{aspect-ratio:1;background:var(--soft);border-radius:14px;position:relative}.pesan-stickers-single .pesan-sticker-photo{aspect-ratio:4/5}.pesan-sticker figcaption{text-align:center;margin-top:8px;font-size:14px;font-weight:700;line-height:1.35}.pesan-sticker-wrap:nth-child(3n+2) .pesan-sticker{box-shadow:0 0 0 2px var(--ink), 4px 5px 0 2px var(--pink)}.pesan-call{border:2px solid var(--chrome);color:var(--paper);text-align:center;box-shadow:6px 6px 0 var(--pink);background:linear-gradient(170deg,#2e3477,#12153a);border-radius:30px;padding:2px 18px 24px}.pesan-call>.pesan-status{padding:12px 2px 10px;font-size:13px}.pesan-call-body{justify-items:center;gap:10px;padding-top:18px;display:grid}.pesan-call-ring{background:var(--lime);width:78px;height:78px;color:var(--ink);border-radius:50%;place-items:center;margin-bottom:14px;display:grid;box-shadow:0 0 0 10px #c6f25a38,0 0 0 20px #c6f25a1a}.pesan-call-title{font-size:21px}.pesan-call-sub{color:var(--chrome);margin-bottom:10px;font-size:15px}.pesan-inbox{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;border-radius:24px;overflow:clip}.pesan-inbox-head{background:var(--ink);color:var(--paper);justify-content:space-between;gap:10px;padding:12px 18px;font-size:14px;font-weight:800;display:flex}.pesan-inbox-list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain;max-height:480px;overflow-y:auto}.pesan-inbox-list li{border-bottom:1.5px solid var(--soft);gap:12px;padding:14px 16px;display:flex}.pesan-inbox-list li:last-child{border-bottom:0}.pesan-inbox-avatar{border:2px solid var(--ink);background:var(--pink-soft);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.pesan-inbox-list li:nth-child(2n) .pesan-inbox-avatar{background:var(--lime)}.pesan-inbox-list strong{font-size:15px}.pesan-inbox-list p{font-size:15px;line-height:1.55}.pesan-inbox-empty{margin:16px}.pesan-compose{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--pink);background:#fff;border-radius:24px;padding:18px 18px 22px}.pesan-compose-to{border-bottom:1.5px dashed var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-bottom:12px;font-size:15px;display:flex}.pesan-compose-to span{color:var(--muted)}.pesan-compose :is(input,select,textarea){border-radius:12px}.pesan-compose button{border-radius:999px;font-weight:800}.pesan-panel{border:2px solid var(--ink);background:#fff;border-radius:24px;padding:14px}.pesan-closing{text-align:center;padding:64px 20px 72px;position:relative;overflow:clip}.pesan-closing-inner{z-index:1;max-width:400px;margin-inline:auto;position:relative}.pesan-closing-app{padding-left:14px}.pesan-closing h2{font-size:30px;line-height:1.12}.pesan-closing-phone{padding-top:236px}.pesan-closing-phone .pesan-phone{--pw:184px;--ph:200px;transition:transform 1.4s var(--ease-in-out) .35s}.pesan-closing-phone .pesan-phone:not([data-open]){transform:translateY(-118px)}.pesan-closing .pesan-stage-b1{top:42%}.pesan-closing .pesan-stage-s1{top:34%}.pesan-closing-phone .pesan-base{padding-top:14px}.pesan-closing-phone .pesan-keys span{height:20px}.pesan-closing-phone .pesan-dpad{width:44px;height:44px}.pesan-closing-card{border:2px solid var(--ink);box-shadow:6px 6px 0 var(--lime);background:#fff;border-radius:24px;gap:14px;margin-top:24px;padding:24px 20px;display:grid}.pesan-closing-names{font-size:22px;line-height:1.25}.pesan-verse{background:var(--soft);border-radius:16px;padding:14px;font-size:15px;line-height:1.6}.pesan-verse cite{color:var(--muted);margin-top:6px;font-size:14px;font-style:normal;font-weight:700;display:block}.pesan-signoff{color:var(--muted);font-size:15px}@keyframes pesan-spin{to{transform:rotate(360deg)}}@keyframes pesan-twinkle{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pesan-pulse{0%{opacity:.9}to{opacity:1}}@keyframes pesan-drift{0%{transform:translateY(-28px)}to{transform:translateY(28px)}}@keyframes pesan-sweep{0%{transform:translate(-75%)}to{transform:translate(75%)}}@keyframes pesan-glint{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:no-preference){.pesan-envelope .pesan-stage-b1{animation:12s linear infinite pesan-spin}.pesan-envelope .pesan-stage-b2{animation:10s linear infinite reverse pesan-spin}.pesan-envelope .pesan-stage-b3{animation:12s linear infinite pesan-spin}.pesan-envelope :is(.pesan-stage-s1,.pesan-stage-s2,.pesan-stage-s3){animation:4s ease-in-out infinite alternate pesan-twinkle}.pesan-envelope .pesan-stage-s2{animation-duration:5s}.pesan-envelope .pesan-stage-s3{animation-duration:6s}.pesan-envelope .pesan-mini{animation:4s ease-in-out infinite alternate pesan-pulse}.pesan-envelope[data-paused] *{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.pesan-root :is(.pesan-lid,.pesan-screen-bubble,.pesan-screen-typing,.pesan-env-phone,.pesan-env-top,.pesan-env-bottom,.pesan-button,.pesan-phone){transition:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.pesan-holo:after{animation:linear both pesan-sweep;animation-timeline:view()}.pesan-holo-text{animation:linear both pesan-glint;animation-timeline:view()}.pesan-field,.pesan-drift{animation:linear both pesan-drift;animation-timeline:view()}}}