:root{--pink:#FFC8DD;--cherry:#E63946;--cream:#FFF5E1;--esp:#4A2C2A;--gold:#F4C95D}
body{margin:0;font-family:'Quicksand',sans-serif;color:var(--esp);
background:repeating-linear-gradient(170deg,#FFC8DD 0 60px,#ffd9e6 60px 120px,#FFF5E1 120px 180px,#ffd9e6 180px 240px);background-attachment:fixed;min-height:100vh}
.script{font-family:'Pacifico',cursive}
.title{color:var(--cherry);text-shadow:4px 4px 0 #ff8fb8}
.pill{background:linear-gradient(180deg,#ffe3ee,#ffb3cf);border:3px solid #fff;box-shadow:0 8px 24px rgba(230,57,70,.25),inset 0 2px 0 #fff;border-radius:999px}
.panel{background:rgba(255,245,225,.92);border:3px solid #fff;border-radius:28px;box-shadow:0 10px 30px rgba(74,44,42,.15)}
.btn{transition:transform .12s;border-radius:999px;font-weight:700}
.btn:hover{transform:translateY(-2px) scale(1.04)}.btn:active{transform:scale(.94)}
.cell{width:34px;height:34px;border-radius:10px;background:#fff8ee;border:2px solid #f3dccb;cursor:pointer;flex:none;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;user-select:none;touch-action:none;transition:transform .08s}
.cell.beat{background:#ffeedd}
.cell.on{color:#fff;box-shadow:0 0 12px currentColor}
.cell.head{outline:3px solid var(--cherry);transform:scale(1.08)}
.heart{animation:none}.heart.pulse{animation:pulse .25s}
@keyframes pulse{50%{transform:scale(1.2)}}
.steam{animation:steam 2s infinite ease-in-out;display:inline-block}
@keyframes steam{50%{transform:translateY(-6px);opacity:.5}}
.kiss{position:fixed;left:50%;top:40%;font-size:140px;transform:translate(-50%,-50%);animation:kiss 1.4s forwards;pointer-events:none;z-index:50}
@keyframes kiss{0%{transform:translate(-50%,-50%) scale(0) rotate(-30deg)}30%{transform:translate(-50%,-50%) scale(1.3) rotate(10deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}
input[type=range]{accent-color:var(--cherry)}
.tape{background:#4A2C2A;color:var(--cream);border-radius:10px;border:3px solid var(--gold)}
.tape.act{background:var(--cherry)}
.sticky-l{position:sticky;left:0;z-index:2;background:rgba(255,245,225,.97)}