0,500;1,400&family=Jost:wght@300;400;500&display=swap');
*{box-sizing:border-box;margin:0;padding:0}
body{background:#f3ece2;font-family:Jost,sans-serif;color:#3a2a3a}
.phone{width:390px;height:844px;position:relative;overflow:hidden;background:url(/art/bg.webp?v=1365cf94cb) center/cover;}
.phone::before{content:"";position:absolute;inset:0;background:rgba(250,244,236,.72)}
.in{position:relative;height:100%;padding:52px 24px 24px;display:flex;flex-direction:column}
.status{position:absolute;top:14px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:13px;font-weight:500;z-index:3}
.lbl{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#a0824a}
h1{font-family:'Cormorant Garamond',serif;font-weight:400;font-size:40px;line-height:1.05;color:#2e2140}
h1 i{color:#7a5a7a}
.sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:17px;color:#6b5866;margin-top:6px}
.feed{margin-top:18px;overflow:hidden;flex:1;display:flex;flex-direction:column;gap:16px}
.post{background:#fffaf3;border-radius:6px;box-shadow:0 6px 18px rgba(80,50,70,.12);padding:12px}
.post img{width:100%;height:170px;object-fit:cover;border-radius:3px;display:block}
.meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px}
.date{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a0824a}
.cap{font-family:'Cormorant Garamond',serif;font-size:18px;line-height:1.3;color:#2e2140;margin-top:4px}
.talk{font-size:11px;color:#7a5a7a;display:flex;align-items:center;gap:5px}
.voice{display:flex;align-items:center;gap:10px;margin-top:2px}
.play{width:34px;height:34px;border-radius:50%;background:#2e2140;color:#fff;display:grid;place-items:center;font-size:12px;flex:none}
.wave{flex:1;height:26px;background:repeating-linear-gradient(90deg,#b99ab0 0 2px,transparent 2px 5px);-webkit-mask:linear-gradient(90deg,#000,#000);opacity:.8;clip-path:polygon(0 40%,5% 20%,10% 55%,15% 10%,20% 45%,25% 25%,30% 60%,35% 15%,40% 50%,45% 30%,50% 65%,55% 20%,60% 45%,65% 10%,70% 55%,75% 30%,80% 50%,85% 20%,90% 45%,95% 30%,100% 40%,100% 100%,0 100%)}
.btn{display:block;text-align:center;border-radius:999px;padding:14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.primary{background:#2e2140;color:#fff}
.ghost{border:1px solid #c9b6a8;color:#6b5866}
.veil{position:absolute;inset:0;background:rgba(46,33,64,.35);backdrop-filter:blur(3px);z-index:4}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fffaf3;border-radius:22px 22px 0 0;padding:22px 24px 30px;z-index:5;box-shadow:0 -10px 30px rgba(40,20,40,.2)}
.grab{width:40px;height:4px;border-radius:4px;background:#d8c9bd;margin:0 auto 16px}
.quote{display:flex;gap:12px;align-items:center;background:#f4ece2;border-left:3px solid #a0824a;border-radius:4px;padding:10px}
.quote img{width:64px;height:64px;object-fit:cover;border-radius:3px}
.wa{background:#e9f3ea;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.4;color:#24402a;margin-top:14px;position:relative}
.wa small{display:block;color:#5c7d63;font-size:11px;margin-top:6px}
.field{background:#fffaf3;border:1px solid #e2d4c6;border-radius:8px;padding:12px 14px;font-size:15px;margin-top:8px}
.field span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#a0824a;margin-bottom:4px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.chip{border:1px solid #c9b6a8;border-radius:999px;padding:7px 12px;font-size:12px;color:#5a4858;background:#fffaf3}
.chip.on{background:#2e2140;color:#fff;border-color:#2e2140}
.av{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f1c9c4,#c79cb8);display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-size:22px;color:#2e2140}
.circle{display:flex;align-items:center;gap:10px}
.pc{background:#fffaf3;border-radius:4px;box-shadow:0 8px 20px rgba(80,50,70,.14);padding:10px;position:relative}
.pc.t1{transform:rotate(-1.2deg)}.pc.t2{transform:rotate(.9deg)}
.pc img.ph{width:100%;height:160px;object-fit:cover;display:block;border-radius:2px}
.stamp{position:absolute;top:18px;right:18px;width:38px;height:46px;background:#fffaf3;padding:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);
 -webkit-mask:radial-gradient(circle 2.2px at 2.2px 2.2px,transparent 98%,#000) -2.2px -2.2px/6px 6px;}
.stamp div{width:100%;height:100%;background:#a0824a;opacity:.85;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-style:italic;color:#fff;font-size:14px}
.pm{position:absolute;top:40px;right:44px;width:58px;height:58px;border:1.5px solid rgba(122,90,122,.55);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:7.5px;letter-spacing:.12em;line-height:1.3;color:rgba(122,90,122,.8);transform:rotate(-14deg);text-transform:uppercase}
.hand{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;line-height:1.3;color:#2e2140;margin-top:8px}
.nudge{background:linear-gradient(135deg,#f7e6dc,#efe1ef);border:1px solid #e6cfd6;border-radius:10px;padding:14px 16px;margin-top:12px;position:relative}
.nudge .q{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.25;color:#2e2140;margin-top:4px}
.mini{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a5a7a}
.slot{height:150px;border:1.5px dashed #c9b6a8;border-radius:4px;display:grid;place-items:center;color:#8b7685;font-size:12px;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,250,243,.6)}
.nbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid #a0824a;color:#7a5a2a;border-radius:999px;padding:8px 14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;background:#fffaf3}
.scr{font-family:'Caveat',cursive;color:#3b2f6b;font-size:24px;line-height:1.1;position:absolute;transform:rotate(-6deg)}
.tabs{display:flex;gap:14px;margin-top:14px;border-bottom:1px solid #e2d4c6}
.tabs span{padding-bottom:8px;font-size:10px;letter-spacing:.1em;white-space:nowrap;text-transform:uppercase;color:#8b7685}
.tabs span.on{color:#2e2140;border-bottom:2px solid #2e2140}
.dot{width:7px;height:7px;border-radius:50%;background:#c9787f;display:inline-block;margin-left:6px;vertical-align:middle}