.community-section{margin-top:48px;scroll-margin-top:24px}.community-intro{color:var(--muted);line-height:1.9;max-width:720px}.community-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.community-actions a,.primary-link{display:inline-block;color:var(--mint);border:1px solid #bfd8ad50;padding:12px 18px;border-radius:8px;text-decoration:none}.community-actions a:first-child{background:#bfd8ad;color:#17211d}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-card{border:1px solid #ffffff20;background:var(--surface);border-radius:12px;padding:24px;min-width:0}.community-card img{width:100%;max-height:360px;object-fit:contain;border-radius:8px;background:#101615}.community-card h3{font:26px Georgia,serif}.community-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.community-card audio{width:100%}.community-card .byline{color:var(--mint);font-size:12px}.community-card .poem{border-left:2px solid #bfd8ad50;padding-left:18px}.community-empty{padding:28px;border:1px dashed #bfd8ad50;border-radius:12px;color:var(--muted);line-height:1.8}.form-shell{max-width:760px;margin:40px auto}.form-shell h1{font-size:38px}.contribution-form{display:grid;gap:20px}.contribution-form label{display:grid;gap:8px;line-height:1.6}.contribution-form input,.contribution-form select,.contribution-form textarea{font:inherit;color:var(--text);background:#101a18;border:1px solid #ffffff30;border-radius:6px;padding:12px;min-width:0;width:100%}.contribution-form textarea{resize:vertical;min-height:100px}.contribution-form .permission{display:flex;align-items:flex-start;gap:12px}.permission input{width:auto;margin-top:6px}.contribution-form small,.hint{color:var(--muted);line-height:1.8}.notice{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;color:var(--mint)}.receipt{white-space:pre-wrap;overflow-wrap:anywhere;background:#101a18;padding:18px;border-radius:8px}.guide{max-width:860px;line-height:1.9;margin:36px auto}.guide pre{overflow:auto;padding:18px;background:#101a18;border-radius:8px;font-size:12px}.guide code{overflow-wrap:anywhere}.guide a,.hint a{color:var(--mint)}.admin-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}@media(max-width:700px){.community-grid{grid-template-columns:1fr}.form-shell h1{font-size:30px}}

.community-card.track{display:block}.community-card .play{margin:16px 0;display:block}

.admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat-box{background:var(--surface);border:1px solid #bfd8ad30;border-radius:10px;padding:20px;display:grid;gap:8px}.stat-box strong{font:34px Georgia,serif;color:var(--mint)}.stat-box span{color:var(--muted);font-size:12px}.admin-filters{grid-template-columns:2fr 1fr 1fr;margin:24px 0}.work-status{color:#e2d3ae;font-size:12px}.admin-buttons .danger{color:#f1aaa0;border-color:#d78a8033}.admin-buttons button[aria-pressed=true]{background:#bfd8ad25}.community-card details{margin:18px 0}.community-card>button{margin:8px 8px 8px 0}#featured-section{border-top:1px solid #bfd8ad40;padding-top:28px}#featured-section h2{font:30px Georgia,serif}@media(max-width:700px){.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filters{grid-template-columns:1fr}.brand span{letter-spacing:1px}header{flex-wrap:wrap;gap:12px}}

/* Garden: score pictures, invitation, signatures, replies, a page per work */
.score-roll{display:block;width:100%;height:84px;background:#101a18;border-radius:6px;border-bottom:2px solid #bfd8ad66;margin:14px 0}.score-roll.small{height:46px;margin:0 0 12px}
.invitation.track{display:block;border:1px solid #d7c69c66;background:linear-gradient(120deg,#d7c69c10,#bfd8ad0a);border-radius:12px;padding:26px;margin:26px 0}.invitation h3{font:500 30px 'Playfair Display',serif;margin:10px 0}.prompt-text{white-space:pre-wrap;line-height:1.9;font-size:15px;max-width:720px}.invitation .song-story{white-space:pre-wrap;color:var(--muted);line-height:1.9;max-width:720px}.invitation .play{display:block;font-size:13px;margin:4px 0 12px}.invitation .primary-link{margin-right:14px}
.signatures{margin:34px 0}.signatures h3,.garden-heading{font:500 24px 'Playfair Display',serif;margin:8px 0}h2.garden-heading{margin:36px 0 14px}.signature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.signature.track{display:block;border:1px solid #ffffff20;background:var(--surface);border-radius:10px;padding:14px;min-width:0}.signature.track.playing{border-color:#bfd8ad90}.signature-name{display:block;color:var(--text);font:500 17px 'Playfair Display',serif;text-decoration:none;overflow-wrap:anywhere}.signature-name:hover{text-decoration:underline}.signature small{display:block;color:var(--muted);font-size:11px;margin:4px 0 8px}.signature p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 8px;overflow-wrap:anywhere}.signature .play{display:block}
.thread-line{color:var(--muted);font-size:12px;line-height:1.8}.thread-line a,.reply-to a{color:var(--mint)}.track-copy .thread-line{margin:12px 0 0}.community-card h3 a{color:var(--text);text-decoration:none}.community-card h3 a:hover{text-decoration:underline}.reply-to{color:#e2d3ae;font-size:12px;line-height:1.7;border-left:2px solid #d7c69c66;padding-left:12px}.reply-to button{font-size:11px;padding:4px 10px;margin-left:6px}
.work-page{max-width:860px;margin:36px auto;line-height:1.9}.work-page h1{font-size:44px}.work-page h2{font:500 24px 'Playfair Display',serif;margin:38px 0 12px}.work-page .byline{color:var(--mint);font-size:13px}.work-page .poem{white-space:pre-wrap;border-left:2px solid #bfd8ad50;padding-left:18px;font-size:15px}.work-page .song-story,.work-page .prompt-text{white-space:pre-wrap}.work-page a,.form-shell a{color:var(--mint)}.work-page pre{overflow:auto;padding:18px;background:#101a18;border-radius:8px;font-size:12px;line-height:1.6}.work-page code{overflow-wrap:anywhere}.work-image{display:block;max-width:100%;max-height:520px;border-radius:10px;margin:20px 0;background:#101615}.work-player{margin:20px 0}.player-row{display:flex;align-items:center;gap:16px}.work-player .play{font-size:13px}.form-shell .poem{white-space:pre-wrap;border-left:2px solid #bfd8ad50;padding-left:18px;line-height:1.9}.form-shell .song-story{white-space:pre-wrap;line-height:1.9}.form-shell .recording-player{width:100%;margin:12px 0}
.reply-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.reply-list li{border:1px solid #ffffff20;background:var(--surface);border-radius:10px;padding:14px 18px;display:flex;justify-content:space-between;align-items:baseline;gap:14px;flex-wrap:wrap}.reply-list a{color:var(--text);font:500 18px 'Playfair Display',serif;text-decoration:none}.reply-list a:hover{text-decoration:underline}.reply-list span{color:var(--muted);font-size:12px}
.field-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.music-details summary,.community-card summary{cursor:pointer;color:var(--mint);padding:6px 0}.music-details>div,.community-card details>form{margin-top:16px}.community-actions a:first-child,.form-shell .community-actions a:first-child{color:#17211d}
.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 20px;border-bottom:1px solid #ffffff16;padding-bottom:16px}.tabs button[aria-selected=true]{background:#bfd8ad;color:#17211d;border-color:#bfd8ad}.admin-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.table-scroll{overflow-x:auto;border:1px solid #ffffff14;border-radius:10px}.data-table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}.data-table th,.data-table td{text-align:left;padding:9px 12px;border-bottom:1px solid #ffffff12;white-space:nowrap;max-width:340px;overflow:hidden;text-overflow:ellipsis}.data-table th{color:var(--muted);font-weight:500;background:#ffffff06}.data-table td.num{text-align:right}.data-table tr:last-child td{border-bottom:0}
@media(max-width:700px){.field-row{grid-template-columns:1fr}.work-page h1{font-size:32px}.admin-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.invitation.track{padding:18px}.invitation h3{font-size:25px}}
.guide h2{font:500 24px 'Playfair Display',serif;margin:38px 0 10px}.guide h3{font-size:15px;font-weight:600;margin:24px 0 6px;color:var(--mint)}.guide li{margin:6px 0}.guide blockquote{border-left:2px solid #d7c69c66;margin:16px 0;padding:4px 0 4px 18px;color:#e2d3ae}
.work-page .meta{font-size:12px}#mine{margin-bottom:44px;padding-bottom:30px;border-bottom:1px solid #ffffff16}#mine h1{margin-top:10px}

.welcome-banner{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#bfd8ad0b;border:1px solid #bfd8ad35;border-radius:12px;padding:22px;margin-bottom:28px}.welcome-banner p{line-height:1.7;margin:8px 0 0;color:var(--muted)}.welcome-banner a{flex-shrink:0}.welcome-hero{max-width:850px;padding:64px 0 40px}.welcome-hero p{line-height:1.9;font-size:16px}.welcome-hero h1{font-size:64px}.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.welcome-card{background:var(--surface);border:1px solid #bfd8ad30;border-radius:12px;padding:24px;min-width:0}.welcome-card h2{font:26px/1.35 Georgia,serif;margin:18px 0}.welcome-card p,.welcome-card blockquote{line-height:1.9;overflow-wrap:anywhere}.welcome-card blockquote{margin:20px 0;padding-left:16px;border-left:2px solid #d7c69c80;color:#e2d3ae;white-space:pre-wrap}.welcome-card>a{display:inline-block;margin-top:12px}.welcome-footer{margin:48px 0;padding:28px;border:1px solid #bfd8ad35;border-radius:12px;line-height:1.9}.welcome-footer a,.welcome-card a{color:var(--mint)}.welcome-footer textarea{width:100%;box-sizing:border-box;font:inherit;line-height:1.8;color:var(--text);background:#101a18;padding:16px;border:1px solid #bfd8ad50;border-radius:8px;resize:vertical;margin:12px 0}#share-invitation{margin-top:24px}#share-invitation summary{cursor:pointer;color:var(--mint)}@media(max-width:900px){.welcome-grid{grid-template-columns:1fr}.welcome-banner{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.welcome-hero{padding:35px 0 25px}.welcome-hero h1{font-size:44px}.welcome-footer{padding:18px}.welcome-banner{padding:18px}.welcome-banner .eyebrow{line-height:1.8}}

/* Read the original poem beside the music, with independent manual scrolling. */
.listening-poem{margin:18px 0;padding:22px 24px;border:1px solid #bfd8ad35;border-radius:12px;background:linear-gradient(145deg,#bfd8ad0d,#101a18);min-width:0}
.listening-poem .eyebrow{display:block;font-size:10px;letter-spacing:2px;color:var(--mint);margin-bottom:16px}
.listening-lines{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bfd8ad66 transparent;font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:15px;line-height:2.15;color:var(--text);padding:0 12px 8px 0;tab-size:2}
.listening-lines:focus-visible{outline:1px solid var(--mint);outline-offset:5px;border-radius:3px}
.work-page .recording-player{width:100%}
@media(max-width:600px){.listening-poem{padding:18px 16px}.listening-lines{font-size:14px;max-height:280px}}

.listening-poem.poem-flow{padding:14px 18px;position:relative}
.poem-flow .eyebrow{font-size:9px;margin-bottom:9px;padding-right:44px}
.poem-flow .listening-lines{height:100px;max-height:none;overflow:auto;display:flex;align-items:center;font-size:15px;line-height:1.85;padding:0;white-space:pre-wrap}
.poem-position{position:absolute;right:18px;top:14px;font-size:10px;color:var(--muted)}
.poem-flow details{margin:8px 0 0;font-size:12px}.poem-flow summary{cursor:pointer;color:var(--muted)}
.poem-full{white-space:pre-wrap;line-height:2;max-height:320px;overflow:auto;margin-top:12px;font-family:'Be Vietnam Pro',Arial,sans-serif}