:root{--ink:#15131A;--paper:#F4EFE6;--mute:#57505E;--mustard:#F2B544;--teal:#1F7A6D;--plum:#3A2A5C;--red:#E0162B;--white:#FFFFFF;--peek:26px;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:"Quicksand",ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif;font-weight:500;background:var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}a,button{-webkit-tap-highlight-color:transparent}.field{position:fixed;inset:0;overflow:hidden;pointer-events:none;display:none}.field i{position:absolute;display:block;border-radius:64px}.field .f1{width:300px;height:300px;background:var(--mustard);left:calc(50% - 560px);top:14%;transform:rotate(-8deg)}.field .f2{width:220px;height:220px;background:var(--teal);left:calc(50% + 300px);top:10%;transform:rotate(10deg)}.field .f3{width:340px;height:340px;background:var(--plum);left:calc(50% + 260px);bottom:-60px;transform:rotate(-6deg)}.app{position:relative;background:var(--paper);max-width:430px;margin:0 auto;min-height:100dvh}.screen{height:100dvh;min-height:600px;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 0 calc(16px + env(safe-area-inset-left));}.bar{display:flex;align-items:center;gap:10px;flex:none}.bar img{width:44px;height:44px;border-radius:12px;display:block}.bar span{font-weight:700;font-size:clamp(1rem,0.95rem + 0.3vw,1.1rem);letter-spacing:-0.01em}h1{flex:none;margin-top:14px;font-weight:700;letter-spacing:-0.02em;line-height:1.08;font-size:clamp(1.65rem,1.2rem + 2.2vw,2.1rem);text-wrap:balance;}.sub{flex:none;margin-top:8px;color:var(--mute);line-height:1.38;font-size:clamp(0.94rem,0.9rem + 0.2vw,1rem)}.deck{flex:1 1 auto;min-height:190px;display:flex;flex-direction:column;margin-top:12px;outline:none}.deck:focus-visible .stack{outline:3px solid var(--ink);outline-offset:4px;border-radius:30px}.stack{position:relative;flex:1 1 auto;min-height:150px;overscroll-behavior:contain}.card{position:absolute;left:0;right:0;bottom:0;top:calc(var(--peek) * 3);border-radius:28px;padding:7px 18px 16px;display:flex;flex-direction:column;transform-origin:50% 0;will-change:transform,opacity;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;}.card.is-drag{cursor:grabbing}.c1{background:var(--mustard);color:var(--ink)}.c2{background:var(--teal);color:var(--white)}.c3{background:var(--plum);color:var(--white)}.c4{background:var(--red);color:var(--white)}.tag{font-weight:700;font-size:clamp(0.72rem,0.7rem + 0.1vw,0.76rem);letter-spacing:0.06em;text-transform:uppercase;line-height:1.1;height:16px;white-space:nowrap}.say{margin-top:auto;font-weight:700;letter-spacing:-0.025em;line-height:1;font-size:clamp(2.3rem,1.5rem + 4.4vw,3.1rem)}.note{margin-top:8px;margin-bottom:auto;font-size:clamp(0.88rem,0.85rem + 0.15vw,0.94rem);line-height:1.3;display:flex;align-items:center;gap:6px}.note svg{flex:none}.c4 .say{font-size:clamp(1.6rem,1.1rem + 2.6vw,2.2rem);line-height:1.05;max-width:calc(100% - 52px)}.play{position:absolute;right:16px;top:34px;width:44px;height:44px;border-radius:50%;background:var(--white);display:grid;place-items:center}.ctl{flex:none;display:flex;align-items:center;justify-content:center;gap:14px;padding-top:6px}.ctl button{width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;font:inherit;transition:transform 90ms ease-out;}.ctl button:active{transform:scale(0.92)}.ctl button:disabled{color:#B9B1A6;cursor:default}.ctl button:focus-visible{outline:3px solid var(--ink);outline-offset:1px}.dots{display:flex;gap:7px}.dots i{display:block;width:7px;height:7px;border-radius:50%;background:#CBC3B7}.dots i.on{background:var(--ink)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.act{flex:none;padding:4px 0 calc(12px + env(safe-area-inset-bottom))}.cta{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:20px;background:var(--red);color:var(--white);text-decoration:none;font-weight:700;font-size:clamp(1.06rem,1rem + 0.3vw,1.15rem);letter-spacing:-0.005em;transition:transform 90ms ease-out;}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.need{margin-top:8px;text-align:center;color:var(--mute);font-size:clamp(0.84rem,0.82rem + 0.1vw,0.88rem);line-height:1.3;text-wrap:balance}.band{background:var(--ink);color:var(--paper);padding:34px calc(20px + env(safe-area-inset-right)) 36px calc(20px + env(safe-area-inset-left))}.band h2{font-weight:700;letter-spacing:-0.015em;line-height:1.12;font-size:clamp(1.3rem,1.1rem + 1vw,1.55rem);text-wrap:balance}.band p{margin-top:10px;line-height:1.45;color:#D9D2C6;font-size:clamp(0.96rem,0.93rem + 0.15vw,1rem)}footer{background:var(--ink);color:#B4ACB9;text-align:center;font-weight:700;font-size:clamp(0.82rem,0.8rem + 0.1vw,0.86rem);padding:18px 16px calc(22px + env(safe-area-inset-bottom));border-top:1px solid #2C2833}@supports (corner-shape: squircle){.card{border-radius:44px;corner-shape:squircle}.cta{border-radius:30px;corner-shape:squircle}.bar img{border-radius:18px;corner-shape:squircle}}@media (hover: hover){.cta:hover{background:#C91126}.ctl button:not(:disabled):hover{background:#E7E0D4}}@media (max-height: 640px){.sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (min-width: 700px){.field{display:block}.screen{height:min(100dvh,860px)}.bar img{width:64px;height:64px;border-radius:16px}.bar span{font-size:1.3rem}.screen{padding-left:24px;padding-right:24px;padding-top:22px}.act{padding-bottom:22px}}@media (prefers-reduced-motion: reduce){.card{transition:opacity 180ms ease-out}.cta,.ctl button{transition:none}}html,body{max-width:100%;overflow-x:clip}