/* CALM PAGE */
.calm-page{padding:20px 20px 8px}
.calm-header{margin-bottom:20px}
.calm-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 16px;margin-bottom:12px;cursor:pointer;transition:border-color .2s,transform .15s;position:relative;overflow:hidden}
.calm-card:active{transform:scale(.98)}
.calm-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:.5}
.calm-card-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.calm-card-icon{font-size:28px;flex-shrink:0}
.calm-card-title{font-family:'Syne',sans-serif;font-size:16px;font-weight:800;letter-spacing:-0.3px}
.calm-card-duration{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.calm-card-desc{font-size:12px;color:var(--muted);line-height:1.6}
.calm-card-tag{display:inline-block;font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-top:8px;padding:3px 8px;border:1px solid var(--accent);border-radius:20px;opacity:.7}
.calm-card.premium .calm-card-tag{color:var(--accent2);border-color:var(--accent2)}
.calm-disclaimer{font-size:10px;color:var(--muted);line-height:1.6;text-align:center;padding:12px 16px;margin-top:4px}
.calm-card{animation:cardIn .4s ease both}
.calm-card:nth-child(1){animation-delay:.04s}
.calm-card:nth-child(2){animation-delay:.1s}
.calm-card:nth-child(3){animation-delay:.16s}
.calm-card:nth-child(4){animation-delay:.22s}
.calm-card:nth-child(5){animation-delay:.28s}
.calm-card:nth-child(6){animation-delay:.34s}

/* CALM PLAYER OVERLAY */
.calm-player-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:70;align-items:center;justify-content:center;flex-direction:column;padding:24px}
.calm-player-overlay.open{display:flex}
.calm-player-title{font-family:'Syne',sans-serif;font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px;text-align:center}
.calm-player-duration{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:32px}
.calm-player-text{font-size:14px;color:var(--text);line-height:2;max-width:340px;text-align:center;max-height:50vh;overflow-y:auto;padding:0 8px;scrollbar-width:none}
.calm-player-close{margin-top:32px;font-size:12px;color:var(--muted);cursor:pointer;text-transform:uppercase;letter-spacing:2px;padding:12px 24px;border:1px solid var(--border);border-radius:24px;transition:all .2s}
.calm-player-close:hover{border-color:var(--accent);color:var(--accent)}