/* CustomSongsHub studio design: shared public pages and song composer. */
body.csh-site{--font-sans:'Inter',Arial,sans-serif;--font-serif:'Inter',Arial,sans-serif;font-family:var(--font-sans);background:#fff;color:#18181b;-webkit-font-smoothing:antialiased}
body.csh-site button,body.csh-site input,body.csh-site select,body.csh-site textarea{font-family:inherit}
body.csh-site a,body.csh-site button{-webkit-tap-highlight-color:transparent}
body.csh-site :focus-visible{outline:2px solid #245de7;outline-offset:4px}
body.csh-site .site-navigation{max-width:1440px;margin:auto;padding:23px 42px;border-bottom:1px solid #eee;gap:30px}
body.csh-site .brand{font-family:var(--font-sans);font-size:22px;letter-spacing:-1px;font-weight:700}
body.csh-site .brand b,body.csh-site .brand i{color:#18181b;font-style:normal}
body.csh-site .brand span{color:#245de7}
body.csh-site .header-links{gap:26px}
body.csh-site .header-links a{font-size:12px;color:#656568}
body.csh-site .header-links a:hover{color:#18181b}
body.csh-site .button{background:#202023;color:white;border:1px solid #202023;border-radius:999px;font-size:13px;padding:14px 23px;font-weight:500;box-shadow:none}
body.csh-site .button:hover{background:#3c3c40;border-color:#3c3c40}
body.csh-site .button:disabled{opacity:.5;cursor:wait}
body.csh-site .button.secondary{background:#f4f4f5;color:#202023;border-color:#e4e4e7}
body.csh-site .header-start{font-size:12px;padding:12px 19px}
.studio-hero{max-width:1120px;margin:auto;padding:40px 24px 20px;text-align:center}
.studio-intro .studio-kicker{font-size:10px;letter-spacing:2.2px;color:#8a8a90;font-weight:500;margin:0 0 22px}
.studio-intro h1{font-family:var(--font-sans);font-size:clamp(29px,3.2vw,42px);line-height:1.2;font-weight:500;letter-spacing:-1.5px;color:#18181b;margin:0}
.studio-intro>p:last-child{font-size:14px;line-height:1.7;color:#83838a;margin:17px 0 32px}
.studio-prompt{display:flex;align-items:center;gap:15px;width:min(790px,100%);min-height:70px;margin:auto;padding:9px 10px 9px 17px;border:1px solid #e5e5e7;border-radius:50px;background:white;box-shadow:0 2px 3px #00000005}
.studio-prompt:focus-within{border-color:#a6b7d8;box-shadow:0 0 0 4px #245de70a}
.studio-orb{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffe5a8 0,#ffab69 28%,#ec6c39 57%,#c45632 85%);color:#fff5ec;box-shadow:inset -3px -3px 8px #90340f25}
.studio-orb svg{width:20px;height:20px}
.studio-prompt input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent;font-size:17px;font-weight:400;padding:11px 0;color:#27272a}
.studio-prompt input::placeholder{color:#8b8b90;opacity:1}
.studio-prompt-tag{font-size:10px;border:1px solid #ededee;background:#fafafa;color:#77777d;border-radius:30px;padding:5px 10px}
.studio-send{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border:0;border-radius:50%;background:#242426;color:#fff;cursor:pointer;transition:background .2s,transform .2s}
.studio-send:hover{background:#45454a;transform:translateY(-1px)}
.studio-send svg{width:23px;height:23px;transform:rotate(-90deg)}
.studio-send:disabled{opacity:.5;cursor:wait}
.studio-prompt-help{font-size:11px;color:#99999e;margin:13px 0 0}
.studio-genres{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;max-width:900px;margin:28px auto 0}
.studio-genre{display:flex;align-items:center;flex-direction:column;gap:12px;min-width:62px;border:0;background:transparent;color:#444449;font-size:12px;font-weight:400;cursor:pointer;padding:5px}
.studio-genre-icon{display:grid;place-items:center;width:51px;height:51px;border:1px solid #e6e6e8;border-radius:15px;background:#fff;box-shadow:0 2px 2px #00000005;color:#74747b;transition:all .18s}
.studio-genre-icon svg{width:23px;height:23px}
.studio-genre:hover .studio-genre-icon{transform:translateY(-3px);border-color:#b7b7bd;color:#202023;background:#fafafa}
.studio-genre.is-selected .studio-genre-icon{background:#202023;border-color:#202023;color:white}
.studio-genre.is-selected{color:#18181b;font-weight:600}
.studio-genre-status{display:flex;justify-content:center;align-items:center;gap:20px;font-size:11px;color:#8b8b92;min-height:32px;margin-top:24px}
.studio-genre-status button{border:0;background:none;color:#57575e;display:inline-flex;align-items:center;gap:7px;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.studio-genre-status svg{width:13px;height:13px}
.studio-feature{max-width:1200px;min-height:268px;margin:0 auto 60px;border-radius:24px;background:#113c87;color:white;position:relative;overflow:hidden;display:flex;align-items:center;padding:30px 60px}
.studio-feature-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 10%,#5eaff5 0,transparent 45%),radial-gradient(ellipse at 45% 100%,#2799db 0,transparent 50%),linear-gradient(120deg,#172d62,#0d5da9 65%,#173568)}
.studio-feature-art span{position:absolute;border-radius:50%;border:1px solid #ffffff25;width:850px;height:370px;transform:rotate(-32deg);left:23%;top:-20%}
.studio-feature-art span:nth-child(2){transform:rotate(-32deg) scale(1.25)}
.studio-feature-art span:nth-child(3){transform:rotate(-32deg) scale(1.5)}
.studio-feature-content{position:relative;z-index:1}
.studio-feature-content>p{font-size:9px;letter-spacing:1.9px;color:#dfecff;margin:0 0 16px}
.studio-feature h2{font-family:var(--font-sans);font-weight:500;font-size:35px;line-height:1.18;letter-spacing:-1px;color:white}
.studio-feature-content>div{display:flex;gap:25px;align-items:center;margin-top:24px}
.studio-light-button{display:inline-flex;align-items:center;gap:12px;border:0;background:white;color:#1a2842;border-radius:10px;padding:12px 18px;font-size:12px;font-weight:500;cursor:pointer}
.studio-light-button svg{width:16px;height:16px}
.studio-feature-link{background:transparent;border:0;color:white;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
.studio-feature-content small{display:block;margin-top:17px;color:#d0e0f7;font-size:10px}
.studio-record{width:270px;height:270px;border-radius:50%;position:absolute;right:13%;top:50%;transform:translateY(-50%) rotate(-18deg);background:repeating-radial-gradient(circle at center,transparent 0 5px,#ffffff0d 6px 7px),conic-gradient(from 45deg,#14273d,#75849b,#172d46,#0d2139,#8b9eb5,#14273d);box-shadow:24px 30px 30px #061e5350;display:grid;place-items:center;border:1px solid #ffffff35}
.studio-record-label{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#ebe5d7;color:#265d8a;border:6px solid #ebe5d7;box-shadow:inset 0 0 0 1px #c0bfaf}
.studio-record-label svg{height:29px;width:29px}
body.csh-site .landing-section{max-width:1248px;margin:auto;padding:44px 24px 65px;background:#fff}
body.csh-site .section-heading{max-width:1100px;margin:0 auto 30px;text-align:left}
body.csh-site .section-heading h2{font-family:var(--font-sans);font-size:28px;font-weight:500;letter-spacing:-.8px;line-height:1.3;color:#222225}
body.csh-site .section-heading p{font-size:13px;color:#89898f;margin-top:9px;line-height:1.8}
body.csh-site .section-heading .studio-section-label{font-size:9px;letter-spacing:2px;color:#8b8b91;margin:0 0 13px;font-weight:500}
body.csh-site .sample-group-heading,body.csh-site .examples,body.csh-site .sample-carousel{max-width:1100px}
body.csh-site .sample-group-heading h3{font-size:13px;font-weight:500;color:#5e5e65}
body.csh-site .examples{gap:21px}
body.csh-site .example-card{border:1px solid #e9e9ec;border-radius:16px;overflow:hidden;box-shadow:none;background:white}
body.csh-site .example-cover{height:186px;position:relative;overflow:hidden;isolation:isolate}
body.csh-site .sample-cover-rose{background:#f3e6e0;color:#906356}
body.csh-site .sample-cover-mint{background:#e8ece4;color:#63785e}
body.csh-site .sample-cover-sky{background:#e4e9f3;color:#627796}
body.csh-site .example-cover:before{content:"";position:absolute;width:170px;height:170px;border:26px solid currentColor;border-radius:50%;opacity:.08;right:-10px;top:20px;z-index:-1}
body.csh-site .example-cover:after{content:"";position:absolute;width:105px;height:105px;border:1px solid currentColor;border-radius:50%;opacity:.12;right:23px;top:53px;z-index:-1}
body.csh-site .sample-cover-genre{font-family:var(--font-sans);font-size:26px;font-weight:500;letter-spacing:-1px}
body.csh-site .sample-toggle{right:20px;bottom:20px;background:#ffffffed;color:#29292c;width:40px;height:40px;box-shadow:0 3px 8px #0000000a}
body.csh-site .sample-toggle:hover{background:#fff}
body.csh-site .sample-toggle svg{width:19px;height:19px}
body.csh-site .example-text{padding:19px 21px 22px}
body.csh-site .example-text small{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#9a9aa0}
body.csh-site .example-text h3{font-size:14px;font-weight:500;color:#37373d;line-height:1.5;margin-top:7px}
body.csh-site .sample-carousel{margin-top:31px}
body.csh-site .occasion-track{gap:21px;scrollbar-color:#ddd transparent}
body.csh-site .occasion-track .example-card{flex-basis:calc((100% - 42px)/3)}
body.csh-site .sample-arrows button{width:32px;height:32px;border-color:#e6e6e8;color:#77777c}
body.csh-site .sample-arrows svg{width:15px;height:15px}
body.csh-site .reaction-section{border-top:1px solid #f1f1f3}
body.csh-site .reaction-eyebrow{border:0;padding:0;font-size:9px!important;letter-spacing:2px;color:#8b8b91;margin:0 0 13px!important}
body.csh-site .reaction-instruction{font-size:11px!important;color:#7c7c84!important}
body.csh-site .reaction-carousel{max-width:1100px}
body.csh-site .reaction-carousel .sample-group-heading{font-size:12px;color:#797980}
body.csh-site .reaction-card{border-radius:16px;flex-basis:210px;background:#f1f1f3}
body.csh-site .reaction-controls button{font-size:10px;background:#222222b0;border-color:#ffffff45}
body.csh-site .narrow{max-width:1100px}
body.csh-site .how-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.csh-site .how-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:27px;border:1px solid #ececee;border-radius:16px;background:#fcfcfd}
body.csh-site .how-card>svg{height:25px;width:25px;color:#777780}
body.csh-site .how-card h3{font-size:16px;font-weight:500;line-height:1.5;margin:12px 0}
body.csh-site .how-card p{font-size:12px;color:#87878f;line-height:1.8}
body.csh-site .step-meta{font-size:10px;color:#777780}
body.csh-site .step-meta b{font-weight:400;color:#a0a0a7}
body.csh-site .center-cta{margin-top:30px}
body.csh-site .under-cta{font-size:11px!important;color:#909097}
body.csh-site #reviews>.narrow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
body.csh-site .review-box{margin:0;padding:26px;border:1px solid #ececee;border-radius:16px;background:#fff}
body.csh-site .review-box blockquote{font-size:13px;line-height:1.9;color:#6d6d75}
body.csh-site .review-stars{color:#44444b;gap:3px}
body.csh-site .review-stars svg{width:13px;height:13px}
body.csh-site .review-author{font-size:12px;color:#3d3d43}
body.csh-site .review-author>span{background:#f0f0f2;color:#73737b}
body.csh-site .faq details{border-bottom:1px solid #e9e9ec}
body.csh-site .faq summary{font-size:14px;font-weight:500;padding:22px 0;color:#34343a}
body.csh-site .faq p{font-size:13px;line-height:1.9;color:#7d7d85}
body.csh-site .closing{background:#f7f7f9;color:#25252b;padding:65px 24px;border-top:1px solid #eeeeF1}
body.csh-site .closing h2{font-family:var(--font-sans);font-size:30px;font-weight:500;letter-spacing:-1px}
body.csh-site .closing p{font-size:13px;color:#898992}
body.csh-site .minimal-footer{background:white;border-top:1px solid #eee;padding:42px 24px}
body.csh-site .footer-links{font-size:11px!important;color:#888891}
body.csh-site .footer-tagline{font-size:11px;color:#93939b}
body.csh-site .heart-page{background:#fafafa;padding-top:25px}
body.csh-site .heart-wrap{max-width:880px}
body.csh-site .back-home{color:#92929a;font-size:11px}
body.csh-site .heart-card{border-radius:18px;border-color:#e9e9ec;box-shadow:0 2px 5px #00000002}
body.csh-site .heart-card h2{font-family:var(--font-sans);font-size:19px;font-weight:500;letter-spacing:-.4px;color:#28282d}
body.csh-site .heart-card p{color:#86868f}
body.csh-site .heart-card textarea,body.csh-site .heart-card select,body.csh-site .heart-card input:not([type=radio]):not([type=checkbox]){border-color:#dedee4;border-radius:11px;background:#fff;font-size:13px;box-shadow:none}
body.csh-site .heart-card textarea:focus,body.csh-site .heart-card input:focus,body.csh-site .heart-card select:focus{border-color:#8a8a94;outline-color:#8a8a94}
body.csh-site .heart-card label{font-size:12px}
body.csh-site .heart-text-link{color:#55555e;font-size:12px}
body.csh-site .heart-thinking{color:#55555e}
body.csh-site .heart-thinking-dots i{background:#53535d}
body.csh-site .heart-helper{font-size:11px}
@media(min-width:1500px){.studio-hero{padding-top:112px}.studio-feature{max-width:1320px}}
@media(max-width:1050px){body.csh-site .site-navigation{padding:20px 24px;gap:17px}body.csh-site .header-links{gap:23px}.studio-feature{margin-left:24px;margin-right:24px}.studio-record{right:8%;width:240px;height:240px}.studio-feature{padding:35px 40px}.studio-genres{gap:8px}}
@media(max-width:700px){body.csh-site .site-navigation{padding:17px 20px}.studio-hero{padding:48px 20px 24px}.studio-intro h1{font-size:30px;letter-spacing:-1px}.studio-intro .studio-kicker{font-size:8px;letter-spacing:1.5px;margin-bottom:16px}.studio-intro>p:last-child{font-size:12px;max-width:280px;margin:14px auto 25px}.studio-prompt{min-height:60px;padding:7px 8px 7px 12px;gap:10px}.studio-prompt input{font-size:14px}.studio-orb{flex-basis:30px;height:30px}.studio-orb svg{width:17px;height:17px}.studio-send{width:40px;height:40px;flex-basis:40px}.studio-prompt-tag{display:none}.studio-genres{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:29px;row-gap:17px;column-gap:4px}.studio-genre{min-width:0;font-size:10px;gap:9px;padding:3px}.studio-genre-icon{width:43px;height:43px;border-radius:13px}.studio-genre-icon svg{width:20px;height:20px}.studio-genre-status{font-size:9px;flex-wrap:wrap;gap:8px 16px;margin-top:19px}.studio-genre-status button{font-size:10px}.studio-feature{margin:0 20px 27px;padding:28px;min-height:258px;border-radius:20px}.studio-feature h2{font-size:28px}.studio-feature-content>p{font-size:8px;max-width:210px;line-height:1.7}.studio-record{width:170px;height:170px;right:-60px;top:44%;opacity:.65}.studio-record-label{width:57px;height:57px}.studio-record-label svg{width:22px;height:22px}.studio-feature-content>div{gap:17px}.studio-feature-content small{font-size:9px}.studio-light-button{padding:11px 14px;font-size:11px}.studio-feature-link{font-size:11px}body.csh-site .landing-section{padding:30px 20px 40px}body.csh-site .section-heading h2{font-size:23px}body.csh-site .section-heading p{font-size:12px}body.csh-site .examples{grid-template-columns:1fr;gap:14px}body.csh-site .popular-examples .example-card{display:grid;grid-template-columns:125px 1fr}body.csh-site .popular-examples .example-cover{min-height:145px;height:100%}body.csh-site .popular-examples .sample-cover-genre{font-size:17px;letter-spacing:-.5px}body.csh-site .popular-examples .sample-toggle{width:31px;height:31px;bottom:13px;right:13px}body.csh-site .popular-examples .example-text{padding:20px 17px}body.csh-site .example-text h3{font-size:13px}body.csh-site .occasion-track .example-card{flex-basis:74%;min-width:210px}body.csh-site .sample-group-heading h3{font-size:12px}body.csh-site .how-list{grid-template-columns:1fr;gap:12px}body.csh-site .how-card{padding:23px;flex-direction:row;gap:20px}body.csh-site .how-card>svg{flex-shrink:0}body.csh-site #reviews>.narrow{grid-template-columns:1fr;gap:12px}body.csh-site .reaction-card{flex-basis:70%;max-width:250px}body.csh-site .closing h2{font-size:26px}body.csh-site .header-links{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;gap:23px;padding-bottom:3px;scrollbar-width:none}body.csh-site .header-links a{font-size:10px}body.csh-site .header-start{font-size:11px;padding:10px 15px}body.csh-site .brand{font-size:20px}body.csh-site .heart-card h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.studio-send,.studio-genre-icon{transition:none}}
/* Compact listening rows and an unsliding, Pinterest-style reaction wall. */
body.csh-site .trending-section{padding-top:22px;padding-bottom:35px}
body.csh-site .trending-heading{margin-bottom:21px}
body.csh-site .trending-heading h2{font-size:21px;font-weight:600;letter-spacing:-.55px}
body.csh-site .trending-heading p{font-size:11px;margin-top:6px}
.trending-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:30px;grid-auto-flow:column;grid-template-rows:repeat(3,auto)}
.trending-song{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:13px 0;border-top:1px solid #e8e8eb}
.trending-art{display:grid;place-items:center;flex:0 0 45px;height:45px;border-radius:7px;background:#f4e6df;color:#a46f53;position:relative;overflow:hidden}
.trending-art:after{content:"";position:absolute;border:1px solid currentColor;opacity:.15;border-radius:50%;width:56px;height:56px;left:20px;top:14px}
.trending-art svg{width:22px;height:22px;position:relative;z-index:1}
.trending-art-sage{background:#e5ebe0;color:#708366}.trending-art-blue{background:#e4eaf2;color:#6e83a2}.trending-art-pink{background:#f2e0e6;color:#a77688}.trending-art-sand{background:#ede7da;color:#9a865e}.trending-art-lavender{background:#e8e3f0;color:#9181ab}
.trending-copy{flex:1;min-width:0}
body.csh-site .trending-copy h3{font-family:var(--font-sans);font-size:12px;line-height:1.5;font-weight:500;letter-spacing:-.1px;color:#28282e;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.trending-copy small{font-size:10px;color:#96969f;line-height:1.7;display:inline-block}
.trending-playing{font-size:9px;color:#5778a4;margin-left:8px}
.trending-play{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;background:transparent;border:1px solid transparent;border-radius:50%;color:#787880;cursor:pointer}
.trending-play:hover{background:#f2f2f5;border-color:#e7e7eb;color:#202024}
.trending-play[aria-pressed=true]{background:#252529;color:#fff}
.trending-play svg{width:17px;height:17px}
.trending-song audio{display:none}
.trending-error{position:absolute;bottom:0;left:57px;font-size:9px;color:#a42d35}
body.csh-site .reaction-wall-section{padding-top:35px}
.reaction-wall{max-width:1100px;margin:auto;columns:3;column-gap:17px}
.reaction-pin{display:inline-block;vertical-align:top;width:100%;margin:0 0 17px;break-inside:avoid;border-radius:17px;overflow:hidden;position:relative;background:#eeeff1;aspect-ratio:4/5;isolation:isolate}
.reaction-pin:nth-child(3n+2){aspect-ratio:3/4}
.reaction-pin:nth-child(3n){aspect-ratio:1/1}
.reaction-pin:nth-child(5){aspect-ratio:4/5}
.reaction-pin .reaction-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}
.reaction-pin-shade{position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#00000080)}
.reaction-pin-bottom{position:absolute;left:17px;right:17px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none;color:white}
.reaction-pin-bottom>span{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:-.2px;text-shadow:0 1px 5px #0006}
.reaction-pin-bottom button{display:flex;gap:6px;align-items:center;justify-content:center;flex-shrink:0;padding:8px 10px;border:1px solid #ffffff50;border-radius:30px;background:#29292965;backdrop-filter:blur(7px);color:white;font-size:9px;pointer-events:auto;cursor:pointer}
.reaction-pin-bottom svg{width:14px;height:14px}
.reaction-pin-error{position:absolute;inset:30%;font-size:12px;color:#5e5e66;text-align:center}
@media(max-width:900px){.trending-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-template-rows:none;column-gap:22px}.reaction-wall{columns:2}}
@media(max-width:550px){.trending-grid{grid-template-columns:1fr}.trending-song{padding:10px 0;gap:12px}.trending-art{flex-basis:42px;height:42px}body.csh-site .trending-copy h3{font-size:12px}.trending-copy small{font-size:10px}body.csh-site .trending-heading h2{font-size:20px}.reaction-wall{column-gap:10px}.reaction-pin{border-radius:12px;margin-bottom:10px}.reaction-pin-bottom{left:10px;right:10px;bottom:10px}.reaction-pin-bottom>span{font-size:10px}.reaction-pin-bottom button{padding:7px;min-width:28px;height:28px}.reaction-pin-bottom button span{display:none}.reaction-pin-bottom svg{width:13px;height:13px}}


/* Small square video tiles, inspired by the supplied music-library reference. */
body.csh-site .reaction-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 20px;columns:auto}
body.csh-site .reaction-pin,body.csh-site .reaction-pin:nth-child(n){display:block;width:100%;aspect-ratio:auto;margin:0;background:transparent;border-radius:0;overflow:visible}
.reaction-tile-media{position:relative;width:100%;aspect-ratio:1;border-radius:9px;overflow:hidden;background:#ececf0}
body.csh-site .reaction-pin-bottom{left:9px;right:9px;bottom:9px;justify-content:flex-end}
body.csh-site .reaction-pin-bottom button{padding:6px 8px;font-size:8px}
body.csh-site .reaction-pin-shade{inset:70% 0 0}
body.csh-site .reaction-tile-caption h3{font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;margin:7px 0 1px;color:#313138}
.reaction-tile-caption p{font-size:10px;line-height:1.5;color:#909098;margin:0}
body.csh-site .reaction-wall-section .section-heading h2{font-size:21px;font-weight:600}
@media(max-width:900px){body.csh-site .reaction-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 15px}}
@media(max-width:550px){body.csh-site .reaction-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}}
body.csh-site .heart-modes button.is-active{border-color:#52525b;background:#f6f6f8;box-shadow:none}body.csh-site .heart-modes button>svg{color:#666670}body.csh-site .heart-card-head>span{color:#60606b;background:#f8f8fa;border-color:#e9e9ed}