.calm{--cc-sage:#65856f;--cc-sage-deep:#56745f;--cc-sage-soft:#d1dfd1;--cc-sage-line:#c6d4c6;--cc-cream:#faf7ed;--cc-surface:#fefefe;--cc-ink:#262a2a;--cc-ink-soft:#4a524d;--cc-muted:#809787;--cc-radius:20px;--cc-font-heading:"Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--cc-font-body:"Nata Sans", system-ui, -apple-system, "Segoe UI", sans-serif;background:var(--cc-cream);min-height:100dvh;color:var(--cc-ink);font-family:var(--cc-font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}.calm *,.calm :before,.calm :after{box-sizing:border-box}.calm h1,.calm h2,.calm h3{font-family:var(--cc-font-heading);letter-spacing:.01em;color:var(--cc-ink);margin:0;font-weight:600;line-height:1.15}.calm p{margin:0}.calm a{color:var(--cc-sage)}.calm :focus-visible{outline:3px solid var(--cc-sage);outline-offset:3px}.calm__wrap{width:100%;max-width:720px;margin:0 auto;padding:40px 20px 72px}.calm__wrap--narrow{max-width:560px}.calm__brand{justify-content:center;margin-bottom:26px;display:flex}.calm__brand img{width:auto;max-height:58px}.calm__brand--small img{max-height:40px}.calm__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--cc-sage);margin-bottom:10px;font-size:12.5px;font-weight:600}.calm__title{margin-bottom:12px;font-size:clamp(30px,6vw,40px)}.calm__lead{color:var(--cc-ink-soft);margin-bottom:8px;font-size:17px}.calm__hint{color:var(--cc-muted);font-size:14px}.calm__center{text-align:center}.calm-card{background:var(--cc-surface);border-radius:var(--cc-radius);border:1px solid #e3e9e3;padding:26px;box-shadow:0 10px 30px -24px #262a2a59}.calm-card+.calm-card{margin-top:18px}.calm-card--sage{background:var(--cc-sage-soft);border-color:#0000}.calm-card__label{letter-spacing:.14em;text-transform:uppercase;color:var(--cc-sage);margin-bottom:8px;font-size:12.5px;font-weight:600}.calm-field{margin-bottom:16px}.calm-field label{color:var(--cc-ink-soft);margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.calm-input{width:100%;min-height:52px;font:inherit;color:var(--cc-ink);background:var(--cc-surface);border:2px solid var(--cc-sage-line);border-radius:14px;padding:12px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.calm-input:focus{border-color:var(--cc-sage);outline:none;box-shadow:0 0 0 4px #65856f29}.calm-input--code{min-height:64px;font-family:var(--cc-font-heading);letter-spacing:.22em;text-align:center;text-transform:uppercase;border-radius:50px;font-size:26px;font-weight:600}.calm-input--code::placeholder{letter-spacing:.22em;color:#b3c0b5;font-weight:500}.calm-grid2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (max-width:480px){.calm-grid2{grid-template-columns:1fr}}.calm-toggle{background:#eef2ee;border-radius:50px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:6px;display:grid}.calm-toggle__btn{min-height:46px;font:inherit;color:var(--cc-ink-soft);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50px;font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s}.calm-toggle__btn[aria-pressed=true]{background:var(--cc-surface);color:var(--cc-ink);box-shadow:0 2px 8px #262a2a1f}.calm-btn{border:2px solid var(--cc-sage);background:var(--cc-sage);color:#fff;min-height:52px;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,opacity .18s;display:inline-flex}.calm-btn:hover{background:var(--cc-sage-deep);border-color:var(--cc-sage-deep);transform:translateY(-1px)}.calm-btn:active{transform:translateY(0)}.calm-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.calm-btn--full{width:100%}.calm-btn--ghost{color:var(--cc-sage);background:0 0}.calm-btn--ghost:hover{color:var(--cc-sage-deep);background:#65856f1a}.calm-btn--soft{background:var(--cc-sage-soft);border-color:var(--cc-sage-soft);color:var(--cc-ink)}.calm-btn--soft:hover{background:#c2d3c2;border-color:#c2d3c2}.calm-btn--text{min-height:40px;color:var(--cc-sage);text-transform:none;letter-spacing:0;text-underline-offset:3px;background:0 0;border:0;padding:0 8px;font-size:15px;font-weight:600;text-decoration:underline}.calm-btn--text:hover{color:var(--cc-sage-deep);background:0 0;transform:none}.calm-note{margin-top:10px;font-size:14px;line-height:1.5}.calm-note--error{color:#a5453d}.calm-note--ok{color:#2e6b52}.calm-library__head{text-align:center;margin-bottom:34px}.calm-library__head .calm__lead{max-width:520px;margin:0 auto 10px}.calm-group{margin-top:44px}.calm-group:first-of-type{margin-top:0}.calm-group__head{text-align:center;margin-bottom:18px}.calm-group__head h2{margin-bottom:6px;font-size:clamp(24px,4.5vw,30px)}.calm-group__head p{color:var(--cc-ink-soft);max-width:520px;margin:0 auto;font-size:15px}.calm-track+.calm-track{margin-top:16px}.calm-track{background:var(--cc-sage-soft);border-radius:var(--cc-radius);grid-template-columns:148px minmax(0,1fr);align-items:center;gap:0 20px;padding:18px 20px 18px 18px;display:grid}.calm-track__art{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:14px;width:100%;display:block}.calm-track__meta{padding-bottom:12px}.calm-track__title{font-family:var(--cc-font-heading);color:var(--cc-ink);font-size:19px;font-weight:600;line-height:1.25}.calm-track__desc{color:var(--cc-ink-soft);margin-top:4px;font-size:14.5px;line-height:1.5}.calm-track__len{color:var(--cc-ink-soft);font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px}.calm-track__player{grid-column:2}.calm-track--unavailable .calm-track__player{color:var(--cc-ink-soft);font-size:14px}@media (max-width:600px){.calm-track{grid-template-columns:88px minmax(0,1fr);gap:0 14px;padding:14px}.calm-track__art{border-radius:12px;align-self:start}.calm-track__meta{padding-bottom:10px}.calm-track__title{font-size:17px}.calm-track__player{grid-column:1/-1}}.calm-empty{text-align:center;color:var(--cc-muted);background:var(--cc-surface);border:1px dashed var(--cc-sage-line);border-radius:var(--cc-radius);padding:34px 18px}.calm-story{margin-top:34px;padding:0;overflow:hidden}.calm-story__hero{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;padding:24px;display:grid}.calm-story__portrait{margin:0;position:relative}.calm-story__portrait:before{content:"";background:var(--cc-sage-soft);border-radius:18px;position:absolute;inset:10px -10px -10px 10px}.calm-story__portrait img{aspect-ratio:1/1.14;object-fit:cover;object-position:50% 15%;border-radius:16px;width:100%;display:block;position:relative}.calm-story__hero h2{margin-bottom:8px;font-size:22px}.calm-story__lead{color:var(--cc-ink-soft);font-size:15.5px}.calm-story__body{color:var(--cc-ink-soft);padding:0 24px 24px;font-size:15.5px;line-height:1.7}.calm-story__body p+p{margin-top:12px}.calm-story__facts{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.calm-story__fact{background:var(--cc-cream);color:var(--cc-ink);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;line-height:1.4;display:flex}.calm-story__fact svg{width:20px;height:20px;color:var(--cc-sage);flex:0 0 20px;margin-top:1px}.calm-story__quote{background:var(--cc-sage);color:#fff;font-family:var(--cc-font-heading);border-radius:16px;margin:18px 0;padding:18px 20px;font-size:17px;font-weight:500;line-height:1.4}.calm-story__quote cite{font-family:var(--cc-font-body);letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-top:8px;font-size:12px;font-style:normal;display:block}.calm-story__sign{opacity:.9;width:180px;max-width:60%;height:auto;margin:14px 0 6px;display:block}.calm-story__links{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.calm-story__toggle{padding:0 24px 24px}@media (max-width:520px){.calm-story__hero{grid-template-columns:110px minmax(0,1fr);gap:16px;padding:18px}.calm-story__body,.calm-story__toggle{padding-left:18px;padding-right:18px}.calm-story__facts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.calm-btn,.calm-toggle__btn{transition:none}.calm-btn:hover{transform:none}}
