.phone{--pw:240px;width:var(--pw);height:calc(var(--pw) * 2.06);padding:calc(var(--pw) * .032);border-radius:calc(var(--pw) * .17);box-shadow:0 calc(var(--pw) * .1) calc(var(--pw) * .26) #28141e47, inset 0 0 0 1px #ffffff17;background:#1a141d;flex:none;position:relative}.phone-notch{z-index:4;top:calc(var(--pw) * .05);width:calc(var(--pw) * .26);height:calc(var(--pw) * .048);margin-left:calc(var(--pw) * -.13);background:#0c0910;border-radius:99px;position:absolute;left:50%}.phone-screen{border-radius:calc(var(--pw) * .14);background:#000;width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.mp-fx{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mp{--u:calc(var(--pw) / 100);overscroll-behavior:contain;scrollbar-width:none;font-family:var(--f-body);font-size:calc(var(--u) * 4.2);color:var(--ink);background:var(--bg);font-variant-numeric:lining-nums;line-height:1.5;transition:opacity .18s;position:absolute;inset:0;overflow:hidden auto}.mp::-webkit-scrollbar{display:none}.mp.is-swapping{opacity:0}.phone--still .mp{pointer-events:none;overflow:hidden}.mp :where(h3,p,ul,ol,li){margin:0;padding:0;list-style:none}.mp-hero{min-height:calc(var(--u) * 112);padding:calc(var(--u) * 16) calc(var(--u) * 8) calc(var(--u) * 9);background:var(--cover);flex-direction:column;justify-content:flex-end;display:flex;position:relative}.mp-heart{top:calc(var(--u) * 18);width:calc(var(--u) * 30);margin-left:calc(var(--u) * -15);color:var(--gold);opacity:.9;position:absolute;left:50%}.mp-names{font-family:var(--f-display);font-size:calc(var(--u) * 12.5);letter-spacing:-.01em;font-weight:600;line-height:1.05}.mp-amp{font-family:var(--f-script);color:var(--accent);padding:0 calc(var(--u) * 1);font-weight:400}.mp-sub{margin-top:calc(var(--u) * 2.5);font-size:calc(var(--u) * 3.9);color:var(--muted)}.mp-title{margin-bottom:calc(var(--u) * 3.5);font-family:var(--f-script);font-size:calc(var(--u) * 8);color:var(--accent);line-height:1.1}.mp-counter{padding:calc(var(--u) * 10) calc(var(--u) * 6) calc(var(--u) * 9);text-align:center;background:var(--surface)}.mp-label{font-size:calc(var(--u) * 3.8);color:var(--muted)}.mp-total{margin-top:calc(var(--u) * 1);font-family:var(--f-display);font-size:calc(var(--u) * 19);color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.mp-total small{margin-top:calc(var(--u) * 1);font-family:var(--f-body);font-size:calc(var(--u) * 4);color:var(--muted);font-weight:400;display:block}.mp-units{margin-top:calc(var(--u) * 10);padding-top:calc(var(--u) * 5);border-top:1px solid var(--line);justify-content:space-between;display:flex}.mp-units li{flex:1}.mp-units b{font-size:calc(var(--u) * 6);font-variant-numeric:tabular-nums;font-weight:600;display:block}.mp-units span{font-size:calc(var(--u) * 3);color:var(--muted);display:block}.mp-sec{padding:calc(var(--u) * 11) calc(var(--u) * 8)}.mp-tl{padding-left:calc(var(--u) * 11);position:relative}.mp-line{width:calc(var(--u) * 8);height:100%;color:var(--gold);position:absolute;top:0;left:0}.mp-tl-item{padding-bottom:calc(var(--u) * 8);position:relative}.mp-tl-item:last-child{padding-bottom:0}.mp-tl-item:before{content:"";top:calc(var(--u) * 1.6);left:calc(var(--u) * -9.2);width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:var(--accent);border-radius:50%;position:absolute}.mp-date{font-size:calc(var(--u) * 3.3);color:var(--muted)}.mp-tl-title{font-family:var(--f-display);font-size:calc(var(--u) * 6);font-weight:600;line-height:1.2}.mp-tl-text{margin-top:calc(var(--u) * 1);color:var(--muted)}.mp-grid{gap:calc(var(--u) * 3);grid-template-columns:1fr 1fr;align-items:start;display:grid}.mp-tile{padding:calc(var(--u) * 2.5);border-radius:calc(var(--u) * 3);color:var(--ink);background:linear-gradient(145deg, var(--ph-a), var(--ph-b));justify-content:flex-start;align-items:flex-end;display:flex;position:relative}.mp-tile:first-child{aspect-ratio:4/5}.mp-tile:nth-child(2),.mp-tile:nth-child(3){aspect-ratio:1}.mp-tile:nth-child(4){aspect-ratio:4/5;margin-top:calc(var(--u) * -10.1)}.mp-tile svg{width:calc(var(--u) * 6);height:calc(var(--u) * 6);opacity:.55}.mp-note{margin-top:calc(var(--u) * 3);font-size:calc(var(--u) * 3.2);color:var(--muted)}.mp-letter{padding:calc(var(--u) * 8) calc(var(--u) * 7);border-radius:calc(var(--u) * 3);background:var(--surface);box-shadow:0 0 0 1px var(--line)}.mp-letter-text{font-family:var(--f-display);font-size:calc(var(--u) * 5);line-height:1.55}.mp-sign{margin-top:calc(var(--u) * 4);font-family:var(--f-script);font-size:calc(var(--u) * 8);color:var(--accent)}.mp-chips{gap:calc(var(--u) * 2.5);flex-wrap:wrap;display:flex}.mp-chips li{padding:calc(var(--u) * 2) calc(var(--u) * 4);font-size:calc(var(--u) * 3.8);color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:99px}.mp-foot{padding:calc(var(--u) * 8) calc(var(--u) * 8) calc(var(--u) * 14);text-align:center;font-size:calc(var(--u) * 3.6);color:var(--muted)}[data-theme=sinema] .mp-hero:before,[data-theme=sinema] .mp-hero:after{content:"";height:calc(var(--u) * 9);background:#000;position:absolute;left:0;right:0}[data-theme=sinema] .mp-hero:before{top:0}[data-theme=sinema] .mp-hero:after{bottom:0}[data-theme=sinema] .mp-names{letter-spacing:.04em;font-weight:500}[data-theme=sinema] .mp-foot:before{content:"";width:calc(var(--u) * 20);height:1px;margin:0 auto calc(var(--u) * 4);background:var(--gold);display:block}[data-theme=polaroid-album] .mp-names{font-size:calc(var(--u) * 15);font-weight:700}[data-theme=polaroid-album] .mp-tile{border-radius:calc(var(--u) * .8);border:calc(var(--u) * 2.2) solid #fff;border-bottom-width:calc(var(--u) * 7);box-shadow:0 calc(var(--u) * 1) calc(var(--u) * 3) #3a322633}[data-theme=polaroid-album] .mp-tile:first-child{transform:rotate(-3deg)}[data-theme=polaroid-album] .mp-tile:nth-child(2){transform:rotate(2.5deg)}[data-theme=polaroid-album] .mp-tile:nth-child(3){transform:rotate(-1.5deg)}[data-theme=polaroid-album] .mp-tile:nth-child(4){transform:rotate(3deg)}[data-theme=polaroid-album] .mp-tile:before{content:"";top:calc(var(--u) * -3.5);width:calc(var(--u) * 14);height:calc(var(--u) * 5);margin-left:calc(var(--u) * -7);background:var(--gold);opacity:.8;position:absolute;left:50%;transform:rotate(-2deg)}[data-theme=polaroid-album] .mp-letter-text{font-family:var(--f-body);font-size:calc(var(--u) * 4.2)}[data-theme=pamuk] .mp-names{font-weight:700}[data-theme=pamuk] .mp-letter-text{font-family:var(--f-script);font-size:calc(var(--u) * 6.4);line-height:1.35}[data-theme=pamuk] .mp-tl-title{font-family:var(--f-body);font-size:calc(var(--u) * 5)}[data-theme=pamuk] .mp-total{font-family:var(--f-body);font-weight:700}[data-theme=minimal-gold] .mp-hero{border-bottom:1px solid var(--gold)}[data-theme=minimal-gold] .mp-total{color:var(--ink)}[data-theme=minimal-gold] .mp-title{font-family:var(--f-display);letter-spacing:.02em}[data-theme=gece] .mp-total{color:var(--gold)}[data-theme=kadife] .mp-letter-text{letter-spacing:.01em}.tile-sw{background:var(--cover);width:64px;height:112px;color:var(--ink);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000001a}.tile-sw b{font-family:var(--f-display);font-size:15px;font-weight:600;line-height:1}.tile-sw[data-theme=polaroid-album] b{font-family:var(--f-body);font-weight:600}.tile-sw i{background:var(--accent);border-radius:2px;width:22px;height:2px;margin-top:9px;display:block}@media (prefers-reduced-motion:reduce){.mp{transition:none}}.phone--hero{--pw:232px}.phone--stage{--pw:280px}@media (min-width:52rem){.phone--hero{--pw:264px}.phone--stage{--pw:316px}}.mp-badge{z-index:2;top:calc(var(--u) * 11);left:calc(var(--u) * 6);padding:calc(var(--u) * .8) calc(var(--u) * 2.8);font-size:calc(var(--u) * 3);color:var(--muted);background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:99px;font-weight:600;position:absolute}.mp-foot-heart{width:calc(var(--u) * 6);height:calc(var(--u) * 6);margin:0 auto calc(var(--u) * 2);color:var(--accent)}