:root{--snap:#FFFC00;--field:#EDE800;--ink:#16150F;--mute:#4F4D44;--olive:#3A3800;--card:#FFFFFF;--violet:#3A2BE8;--violet-deep:#2A1FB8;--heart:#E0345A;--blush:#FF8DB5;--display:"Bagel Fat One","Arial Rounded MT Bold",system-ui,sans-serif;--text:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--field);color:var(--ink);font-family:var(--text);font-weight:400;-webkit-font-smoothing:antialiased;overflow-x:hidden;}.screen{position:relative;width:100%;max-width:440px;min-height:100dvh;margin:0 auto;background:var(--snap);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 14px) max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));overflow:hidden;}.top{display:flex;align-items:center;gap:12px}.top img{width:clamp(52px,15vw,96px);height:auto;aspect-ratio:1;border-radius:22%;display:block;flex:none}h1{display:flex;flex-direction:column;gap:2px;min-width:0}.mark{font-family:var(--display);font-weight:400;font-size:clamp(2rem,10vw,2.9rem);line-height:.92;letter-spacing:-.01em;color:var(--ink);}.mark i{font-style:normal;color:var(--violet)}.promise{font-family:var(--text);font-weight:600;font-size:clamp(.98rem,4.2vw,1.12rem);line-height:1.2;}.sub{margin-top:10px;font-size:clamp(.9rem,3.8vw,1rem);line-height:1.4;color:var(--olive);max-width:34ch;}.stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 0 10px;perspective:900px;}.card{position:relative;width:min(100%,340px);background:var(--card);border-radius:26px;padding:14px 16px 12px;box-shadow:0 1px 0 rgba(22,21,15,.08),0 18px 40px -18px rgba(22,21,15,.45);transform-style:preserve-3d;will-change:transform;touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;}.card:active{cursor:grabbing}.card:focus-visible{box-shadow:0 0 0 3px var(--card),0 0 0 6px var(--violet),0 18px 40px -18px rgba(22,21,15,.45)}.who{display:flex;align-items:center;gap:10px}.ava{width:40px;height:40px;border-radius:50%;background:var(--snap);display:grid;place-items:center;flex:none}.ava svg{width:26px;height:26px}.who b{display:block;font-weight:600;font-size:.95rem}.who small{display:block;font-size:.76rem;color:var(--mute)}.tabs{display:flex;background:#F3F1E7;border-radius:12px;padding:3px;margin-top:10px;font-size:.8rem;font-weight:600}.tabs span{flex:1;text-align:center;padding:6px 8px;border-radius:9px;color:var(--mute)}.tabs span.on{background:var(--ink);color:var(--snap)}.list{position:relative;margin-top:6px;list-style:none}.list li{display:flex;align-items:center;gap:10px;height:clamp(36px,5.6dvh,50px)}.rk{width:14px;font-size:.78rem;font-weight:600;color:var(--mute);text-align:right;flex:none}.dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.8rem;flex:none;color:var(--ink)}.nm{font-weight:600;font-size:.95rem;white-space:nowrap}.tag{margin-left:auto;width:22px;height:22px;flex:none}.glass{position:absolute;top:2px;bottom:2px;left:74px;width:128px;border-radius:12px;background:rgba(255,255,255,.42);-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);border:1px solid rgba(255,255,255,.7);will-change:transform;transform:translateZ(18px);}.glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;overflow:hidden}.glare span{position:absolute;left:-40%;top:-40%;width:180%;height:180%;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));opacity:0;will-change:transform,opacity;}.foot-card{margin-top:6px;padding-top:8px;border-top:1px solid #EFEDE3;display:flex;align-items:center;gap:8px;font-size:.76rem;color:var(--mute)}.foot-card svg{width:14px;height:14px;flex:none}.act{padding:8px 0 calc(env(safe-area-inset-bottom) + 6px)}.cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;width:100%;border-radius:18px;background:var(--violet);color:#fff;font-family:var(--text);font-weight:600;font-size:clamp(1.02rem,4.4vw,1.12rem);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.8,.2,1),background-color .15s;}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover:hover){.cta:hover{background:var(--violet-deep)}}.calm{margin-top:8px;text-align:center;font-size:clamp(.8rem,3.4vw,.88rem);line-height:1.35;color:var(--ink);}footer{padding:6px 0 calc(env(safe-area-inset-bottom) + 12px);text-align:center;font-size:.78rem;color:var(--olive);}@media (min-width:600px){body{display:grid;place-items:center;padding:28px 0}.screen{min-height:min(880px,calc(100dvh - 56px));border-radius:40px;box-shadow:0 30px 70px -30px rgba(22,21,15,.35);padding:26px 26px 0}.top img{width:96px}}@media (prefers-reduced-motion:reduce){.card{transition:opacity .18s linear}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}