.feeling-actions{margin-top:auto;align-items:center}.feeling-actions{display:flex;gap:10px;flex-wrap:wrap}.feeling-actions a{font-size:12px}.feeling-modal{max-width:850px}.feeling-modal-content{padding:22px}.feeling-play-shell{padding:12px;max-width:690px;margin:auto}.feeling-play-shell h2{font-size:32px}.feeling-play-shell>p{line-height:1.8}.feeling-play-shell [data-music]{margin-top:15px}.feeling-watermark{text-align:center;font-size:12px;color:var(--muted);margin:24px 0 8px}.feeling-result{position:relative;border:1px solid #a9d98950;border-radius:18px;padding:22px;background:#a5df8710;margin-top:20px;overflow:hidden}.feeling-result h3{font-size:25px}.feeling-result input{margin-top:8px}.feeling-result .field{max-width:400px}.feeling-share-panel:not(:empty){padding:18px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.feeling-share-panel input{margin:8px 0 14px}.feeling-result a{color:var(--purple)}
[data-theme=light] .feeling-modal{background:#fff;color:#14233c}[data-theme=light] .feeling-result{background:#f6f9f2}[data-theme=light] .feeling-result a{color:#2951b9}
@media(max-width:700px){.feeling-modal-content{padding:12px}.feeling-play-shell{padding:4px}.feeling-play-shell h2{font-size:26px}.feeling-result{padding:16px}}

/* The home collection is a compact shelf; full browsing lives at /feelings/. */
#feelings{padding:30px 0 12px;scroll-margin-top:100px}
#feelings>.section-heading{align-items:center;gap:16px;margin:0 0 9px}
#feelings .section-heading h2{font-size:28px}
#feelings .section-heading .eyebrow{margin-bottom:7px}
#feelings .feelings-intro{margin:0 0 13px;font-size:12px;line-height:1.6;color:var(--feeling-muted)}
#feelings .feelings-collection-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--feeling-accent)}
#feelings .feeling-picker{display:flex;gap:8px;overflow-x:auto;padding:6px 4px 10px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--feeling-line) transparent;overscroll-behavior-x:contain;scroll-padding:4px}
#feelings .feeling-pick{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:44px;border:1px solid var(--feeling-line);border-radius:999px;background:var(--feeling-soft);padding:10px 15px;color:var(--feeling-muted);font-size:12px;white-space:nowrap}
#feelings .feeling-pick[aria-pressed=true]{background:var(--feeling-accent);border-color:var(--feeling-accent);color:var(--feeling-button-ink);font-weight:700}
#feelings .feeling-spotlight{display:flex;align-items:center;justify-content:space-between;gap:10px 22px;border-left:2px solid var(--feeling-accent);padding:5px 0 5px 12px;margin:8px 0;font-size:12px;color:var(--feeling-muted)}
#feelings .feeling-spotlight p{margin:0;line-height:1.6}
#feelings .feeling-spotlight strong{color:var(--feeling-ink);margin-right:5px}
#feelings .feeling-spotlight>div{display:flex;gap:16px;flex-shrink:0;color:var(--feeling-accent)}
#feelings .feelings-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:12px;margin:12px 0 4px}
#feelings .feelings-toolbar label,#feelings .feelings-toolbar label:first-child{min-width:0;font-size:11px;gap:5px}
#feelings .feelings-toolbar input,#feelings .feelings-toolbar select{padding:10px 12px;min-height:44px}
#feelings .feeling-catalog-status{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:33px}
#feelings .feeling-catalog-status p{margin:4px 0 10px}
#feelings .feeling-catalog-status .text-link{min-height:36px;color:var(--feeling-accent)}
#feelings .feeling-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#feelings .feeling-card{padding:16px;min-height:0;border-radius:16px}
#feelings .feeling-card-tag{font-size:9px;letter-spacing:0;padding:4px 7px;margin:0}
#feelings .feeling-card h3{font-size:19px;line-height:1.2;margin:11px 0 9px}
#feelings .feeling-card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.6;margin:0 0 12px}
#feelings .feeling-card .feeling-actions{padding-top:0;gap:12px}
#feelings .feeling-card .btn{font-size:11px;min-height:40px;padding:9px 12px}
#feelings .feeling-card .feeling-actions a{font-size:11px}
#feelings .feeling-catalog-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 0;font-size:12px;color:var(--feeling-accent)}
#feelings .feeling-catalog-footer .btn{padding:10px 15px;font-size:11px}
#feelings .feeling-catalog-footer .text-link{color:var(--feeling-accent);min-height:44px}
@media(max-width:1000px){#feelings .feeling-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 #feelings{padding:28px 0 8px}
 #feelings>.section-heading{display:block}
 #feelings .section-heading h2{font-size:25px}
 #feelings .feelings-collection-links{gap:18px;margin-top:11px;font-size:11px}
 #feelings .feelings-intro{font-size:11px;margin-bottom:7px}
 #feelings .feeling-picker{gap:6px}
 #feelings .feeling-pick{font-size:11px;padding:10px 13px}
 #feelings .feeling-spotlight{display:block;font-size:11px}
 #feelings .feeling-spotlight>div{gap:16px;margin-top:6px}
 #feelings .feelings-toolbar{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8px;margin-top:8px}
 #feelings .feelings-toolbar input,#feelings .feelings-toolbar select{font-size:12px;padding:10px 9px}
 #feelings .feeling-grid{gap:9px}
 #feelings .feeling-card{padding:13px 11px;border-radius:13px}
 #feelings .feeling-card-tag{padding:0;border:0;background:none;font-size:9px;line-height:1.5}
 #feelings .feeling-card h3{font-size:17px;line-height:1.25;margin:8px 0}
 #feelings .feeling-card p{font-size:11px}
 #feelings .feeling-card .feeling-actions{gap:8px;align-items:center}
 #feelings .feeling-card .btn{width:100%;min-height:44px}
 #feelings .feeling-card .feeling-actions a{font-size:10px}
 #feelings .feeling-catalog-footer{gap:13px}
}