.community-home{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 10px 22px}
.community-hub .community-hero{padding-top:24px;padding-bottom:28px;margin-bottom:28px}
.community-hub .community-hero h1{font-size:32px;margin-bottom:24px}
.community-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.community-compose{display:block;padding:20px;border:1px solid var(--community-line);border-radius:12px;background:var(--entry);color:var(--primary);font:inherit;font-size:18px;font-weight:600;cursor:pointer}
.community-compose:hover{background:var(--community-soft)}
.community-status:empty{display:none}
html:has(.community-dialog[open]){overflow:hidden}
.community-dialog{margin:auto;width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:28px;border:1px solid var(--community-line);border-radius:18px;background:var(--entry);color:var(--primary);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 24px 80px #0004}
.community-dialog::backdrop{background:#15101880}
.community-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.community-page .community-dialog-heading h2{margin:0;font-size:24px}
.community-dialog-close{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:var(--community-soft);color:var(--primary);border:0;border-radius:50%;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:600px){.community-dialog{padding:20px}.community-actions{gap:12px}.community-compose{padding:16px;font-size:16px}}
.community-entry{display:flex;align-items:center;gap:15px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--entry);color:var(--primary)!important;transition:transform .2s,box-shadow .2s}
.community-entry:hover{transform:translateY(-3px);box-shadow:0 8px 24px #a54f6f18}
.community-entry strong{display:block;font-size:18px;margin-bottom:6px}.community-entry small{display:block;color:var(--secondary);font-size:13px;line-height:1.7}
.community-entry-icon{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;border-radius:14px;background:#f8e8ee;color:#85475d;font-size:27px}
.community-entry-song .community-entry-icon{background:#eee9f5;color:#706085}.community-entry-arrow{margin-left:auto;color:var(--secondary)}
.main:has(.community-page){max-width:1120px;padding-top:12px}.community-page{--community-accent:#86415d;--community-soft:#f9edf2;--community-line:#e8dce2;padding-bottom:56px;color:var(--primary)}
.community-hero{padding:12px 0 40px;border-bottom:1px solid var(--border);margin-bottom:36px}
.community-back{display:inline-block;font-size:13px;color:var(--secondary);margin-bottom:34px}
.community-eyebrow{color:var(--community-accent);font-size:12px;font-weight:650;letter-spacing:2px;margin-bottom:16px}
.community-hero h1{font-size:clamp(32px,4.5vw,50px);line-height:1.3;letter-spacing:-1px;margin:0 0 20px;color:var(--primary)}
.community-lead{font-size:16px;line-height:1.95;color:var(--secondary);margin:0}.community-hero-note{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:12px;color:var(--community-accent);background:var(--community-soft);padding:8px 13px;border-radius:30px}
.community-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:38px;align-items:start}
.community-panel{background:var(--entry);border:1px solid var(--border);border-radius:20px;padding:30px;box-shadow:0 8px 28px #4a203206}
.community-kicker{font-size:10px;letter-spacing:2px;color:var(--secondary);margin:0 0 8px;font-weight:650}.community-page h2{font-size:23px;color:var(--primary);margin:0 0 24px;line-height:1.4}
.community-page label:not(.community-consent){display:block;font-size:14px;font-weight:600;margin:22px 0 8px}.community-required,.community-optional{font-size:11px;color:var(--secondary);font-weight:400;margin-left:5px}
.community-page input:not([type=checkbox]),.community-page textarea,.community-page select{box-sizing:border-box;width:100%;border:1px solid var(--community-line);border-radius:10px;background:var(--theme);color:var(--primary);font:inherit;font-size:14px;line-height:1.7;padding:11px 13px;transition:border-color .15s,box-shadow .15s}
.community-page select{appearance:auto}.community-page textarea{resize:vertical;min-height:140px}.community-page input::placeholder,.community-page textarea::placeholder{color:var(--secondary);opacity:.8}
.community-page :is(input,textarea,select,button,a):focus-visible{outline:2px solid var(--community-accent);outline-offset:3px}
.community-counter{display:block;text-align:right;color:var(--secondary);font-size:11px;margin-top:5px}.community-consent{display:flex;align-items:flex-start;gap:9px;margin:24px 0 18px;font-size:12px;line-height:1.8;color:var(--secondary);cursor:pointer}.community-consent input{flex-shrink:0;width:16px;height:16px;margin-top:3px;accent-color:var(--community-accent)}
.community-primary,.community-secondary{border:0;border-radius:10px;font:inherit;font-size:14px;font-weight:600;padding:13px 20px;cursor:pointer;transition:opacity .15s}
.community-primary{width:100%;background:var(--community-accent);color:#fff}.community-primary:hover{opacity:.88}.community-primary:disabled{opacity:.5;cursor:wait}
.community-secondary{background:var(--community-soft);color:var(--community-accent);margin:15px auto;display:block}.community-text-button{color:var(--community-accent);text-decoration:underline;font-size:13px;cursor:pointer;padding:8px 0}
.community-status{font-size:13px;line-height:1.8;margin-top:12px;white-space:pre-line;overflow-wrap:anywhere}.community-status[data-state=success]{color:#357655}.community-status[data-state=error]{color:#a33a42}
.community-footnote,.community-help{font-size:11px;line-height:1.85;color:var(--secondary);margin-top:17px}.community-help{margin:6px 0 0}.community-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.community-wall-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:8px}.community-wall-heading h2{margin-bottom:0}.community-count{font-size:11px;border:1px solid var(--border);border-radius:20px;padding:7px 11px;color:var(--secondary);white-space:nowrap}.community-wall-intro{font-size:13px;color:var(--secondary);line-height:1.8;margin:15px 0 25px}
.community-note{padding:24px;border:1px solid var(--border);border-radius:16px;margin-bottom:16px;background:var(--entry)}.community-note-header{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--secondary)}.community-note-author{color:var(--primary);font-weight:650}.community-note-date{margin-left:auto;font-size:11px}.community-note-tag{color:var(--community-accent);background:var(--community-soft);padding:3px 8px;border-radius:12px;font-size:10px}.community-note-body{font-size:14px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0 0}.community-reply{border-left:2px solid var(--community-line);padding-left:14px;margin-top:18px;color:var(--secondary);font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.community-reply strong{display:block;color:var(--community-accent);font-size:11px;margin-bottom:6px}
.community-empty{padding:45px 24px;border:1px dashed var(--community-line);border-radius:16px;text-align:center;color:var(--secondary);font-size:14px;line-height:2;background:var(--entry)}
.community-cross-link{display:block;font-size:13px;color:var(--community-accent);line-height:1.8;margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}
.community-song-columns{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}.community-field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.community-song-aside{padding:18px 15px}.community-song-aside>p{color:var(--secondary);font-size:14px;line-height:1.9}.community-song-aside h2{margin:28px 0 12px}.community-record{width:180px;height:180px;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(circle,#34313a 0,#34313a 2px,#26242b 3px,#26242b 5px);box-shadow:9px 12px 0 var(--community-soft);margin:8px auto 32px}.community-record-label{display:flex;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;background:#eecddc;color:#683d50;border-radius:50%;font-size:23px;font-weight:700;line-height:1.5}.community-record-label span{font-size:6px;letter-spacing:1px}.community-steps{padding:0;list-style:none;margin:28px 0}.community-steps li{display:flex;gap:16px;margin:22px 0}.community-steps li>span{font-size:11px;color:var(--community-accent);padding-top:3px}.community-steps strong{font-size:14px}.community-steps p{font-size:12px;color:var(--secondary);line-height:1.8;margin:6px 0 0}
.community-page [hidden]{display:none!important}.community-page button:disabled{cursor:wait}
html[data-theme=dark] .community-page,.dark .community-page{--community-accent:#e6a9c3;--community-soft:#3c2e38;--community-line:#594350}
html[data-theme=dark] .community-primary,.dark .community-primary{color:#231720}.dark .community-status[data-state=success]{color:#8accaa}.dark .community-status[data-state=error]{color:#ffafb4}
@media(max-width:760px){.community-home{grid-template-columns:1fr}.community-columns,.community-song-columns{grid-template-columns:1fr;gap:30px}.community-hero{padding-top:4px;margin-bottom:24px;padding-bottom:28px}.community-back{margin-bottom:26px}.community-hero h1{font-size:34px}.community-lead{font-size:14px}.community-panel{padding:23px}.community-song-aside{padding:12px 20px}.community-field-row{grid-template-columns:1fr;gap:0}.community-record{width:150px;height:150px}.community-desktop-break{display:none}.community-note{padding:20px}.community-entry{padding:20px}}