#community-modal{box-sizing:border-box;width:min(960px,94vw);height:min(850px,90dvh);max-height:90dvh;padding:0;border:1px solid #abb99d;border-radius:22px;background:#f6f4e9;color:#293b2d;box-shadow:0 24px 90px #162b3a55;font:15px/1.5 system-ui,sans-serif;overflow:hidden}
#community-modal[open]{display:flex;flex-direction:column}#community-modal::backdrop,.community-zoom::backdrop{background:#12242f88;backdrop-filter:blur(4px)}#community-modal *{box-sizing:border-box}#community-modal [hidden]{display:none!important}#community-modal button{font:inherit;cursor:pointer;border:1px solid #c8cdb9;border-radius:10px;background:#fffdf5;color:#30452f;padding:9px 15px;min-height:42px}#community-modal button:disabled{opacity:.55;cursor:wait}#community-modal button:focus-visible,#community-modal input:focus-visible,#community-modal textarea:focus-visible,#community-modal select:focus-visible{outline:3px solid #b98137;outline-offset:2px}#community-modal .community-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 12px;background:#eef0df;border-bottom:1px solid #d8ddc8}#community-modal h2{font-size:27px;line-height:1.15;margin:0 0 6px;letter-spacing:-.6px}#community-modal .community-head p{margin:0;color:#65715b;font-size:14px}#community-modal .community-close,.community-zoom .community-close{border:0;background:transparent;font-size:28px;line-height:1;padding:4px 10px;min-width:42px;min-height:42px;cursor:pointer;color:#30452f}
#community-modal .community-searchbar{display:flex;gap:9px;padding:16px 28px 0;align-items:center}#community-modal input,#community-modal textarea,#community-modal select{width:100%;font:inherit;border:1px solid #b9c4af;border-radius:10px;padding:10px 12px;background:#fffef9;color:#293b2d;min-height:44px}#community-modal input[type=search]{flex:1;min-width:0}#community-modal .community-primary{background:#3d614a;color:#fffdf1;border-color:#3d614a;font-weight:650;white-space:nowrap}#community-modal .community-refresh{font-size:22px;padding:4px 12px}#community-modal .community-status{margin:12px 28px;color:#62715e;font-size:13px;min-height:20px}#community-modal .community-scroll{overflow:auto;overscroll-behavior:contain;padding:0 28px 28px;flex:1;min-height:0;scrollbar-color:#a9b79a transparent}#community-modal .community-post{display:grid;grid-template-columns:126px minmax(0,1fr);margin-bottom:18px;border:1px solid #d4d9c6;border-radius:15px;background:#fffef8;overflow:hidden}#community-modal .community-author{padding:23px 12px;background:#eaf0df;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px;overflow-wrap:anywhere}#community-modal .community-avatar{width:48px;height:64px;image-rendering:pixelated;display:block;background:linear-gradient(transparent,#cbd6bb);border-radius:8px}#community-modal .community-author strong{font-size:13px;line-height:1.4}#community-modal .community-author time{font-size:11px;color:#708067}#community-modal .community-post-body{min-width:0;padding:20px 23px}#community-modal .community-picture{display:block;width:100%;padding:0;border:0;background:#f0eee5;overflow:hidden;border-radius:9px;margin:0 0 16px;cursor:zoom-in}#community-modal .community-picture img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain}#community-modal h3{font-size:21px;margin:4px 0 8px;line-height:1.3;overflow-wrap:anywhere}#community-modal .community-kind{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#84723d}#community-modal .community-artist{font-weight:600;color:#6c694b;margin:0 0 10px}#community-modal .community-comment{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 12px}#community-modal .community-stars{font-size:23px;color:#a96c14;letter-spacing:3px}#community-modal .community-outlink{display:inline-block;margin-top:10px;color:#355f49;font-weight:650;text-decoration:underline;text-underline-offset:4px}#community-modal .community-post-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}#community-modal .community-post-actions button{font-size:12px;padding:5px 10px;min-height:36px;background:transparent}#community-modal .community-delete{color:#99544d!important}#community-modal .community-music-mark{float:right;font-size:46px;color:#8476a4;line-height:1;margin:0 0 15px 20px}#community-modal .community-empty{text-align:center;padding:55px 12px;color:#738169}#community-modal .community-empty-icon{font-size:48px;color:#aab99b}#community-modal .community-empty p{font-size:14px}#community-modal .community-more{display:block;margin:15px auto}
#community-modal .community-form{max-width:640px;margin:auto;padding:0 0 20px}#community-modal .community-form h3{margin:6px 0 22px}#community-modal .community-field{display:flex;flex-direction:column;gap:6px;margin-bottom:17px;font-weight:600;font-size:13px}#community-modal .community-field input,#community-modal .community-field textarea,#community-modal .community-field select{font-weight:400;font-size:15px}#community-modal .community-field small{font-size:12px;color:#7a826c;font-weight:400}#community-modal .community-upload{padding:16px;border:1px dashed #aab99c;border-radius:12px;background:#edf1e3}#community-modal .community-upload input{padding:4px;border:0;background:transparent}#community-modal .community-upload-preview{display:block;max-width:100%;max-height:210px;object-fit:contain;margin-top:8px;align-self:center}#community-modal .community-rating{border:0;padding:0;margin:0 0 18px}#community-modal .community-rating legend{font-size:13px;font-weight:600;margin-bottom:6px}#community-modal .community-rating label{display:inline-flex;position:relative;cursor:pointer;margin-right:5px}#community-modal .community-rating input{position:absolute;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}#community-modal .community-rating span{font-size:34px;line-height:1.2;color:#c3c6b5}#community-modal .community-rating .is-filled span{color:#ad741f}#community-modal .community-rating label:focus-within{outline:2px solid #aa741c;outline-offset:3px;border-radius:4px}#community-modal .community-form-actions{display:flex;gap:12px;justify-content:flex-end}#community-modal .community-form-error{color:#a13b32;min-height:22px;font-size:14px}.community-zoom{border:0;border-radius:16px;background:#f7f4e9;padding:48px 18px 14px;max-width:96vw;max-height:96dvh;box-shadow:0 20px 80px #12242f66}.community-zoom img{display:block;max-width:90vw;max-height:78dvh;object-fit:contain}.community-zoom p{font:14px system-ui;margin:10px 0;color:#3d523d}.community-zoom .community-close{position:absolute;right:10px;top:5px}
@media(max-width:600px){#community-modal{width:96vw;height:93dvh;max-height:93dvh;border-radius:16px}#community-modal .community-head{padding:18px 15px 12px}#community-modal h2{font-size:23px}#community-modal .community-head p{font-size:12px}#community-modal .community-searchbar{padding:12px 12px 0;gap:5px;flex-wrap:wrap}#community-modal input[type=search]{flex-basis:calc(100% - 50px)}#community-modal .community-searchbar .community-primary{width:100%;padding:7px 12px;min-height:38px}#community-modal .community-status{margin:10px 14px;font-size:12px}#community-modal .community-scroll{padding:0 10px 16px}#community-modal .community-post{grid-template-columns:78px minmax(0,1fr);border-radius:12px;margin-bottom:12px}#community-modal .community-author{padding:15px 6px;gap:7px}#community-modal .community-author strong{font-size:11px}#community-modal .community-author time{font-size:10px}#community-modal .community-avatar{width:42px;height:56px}#community-modal .community-post-body{padding:13px 12px}#community-modal h3{font-size:18px}#community-modal .community-comment{font-size:14px}#community-modal .community-picture img{max-height:240px}#community-modal .community-form{padding:0 5px 12px}#community-modal .community-form-actions{flex-direction:column-reverse}#community-modal .community-form-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){#community-modal::backdrop{backdrop-filter:none}}
/* V30: short cards; image and description share one row. */
#community-modal .community-post{grid-template-columns:104px minmax(0,1fr);margin-bottom:12px}
#community-modal .community-author{padding:14px 10px;gap:5px}
#community-modal .community-post-body{padding:14px 18px}
#community-modal .community-post-body.has-picture{display:grid;grid-template-columns:minmax(110px,30%) minmax(0,1fr);gap:18px;align-items:start}
#community-modal .community-picture{margin:0;min-height:0!important;align-self:start}
#community-modal .community-picture img{height:160px;max-height:160px;object-fit:contain}
#community-modal .community-post-details{min-width:0}
#community-modal .community-post h3{font-size:19px;margin:2px 0 5px}
#community-modal .community-comment{margin:5px 0 8px;line-height:1.4}
#community-modal .community-artist{margin:0 0 4px;font-size:14px}
#community-modal .community-stars{color:#f2ce59;font-size:22px;letter-spacing:2px;text-shadow:0 1px #96722d}
#community-modal .community-rating .is-filled span{color:#f2ce59;text-shadow:0 1px #96722d}
#community-modal .community-post-actions{margin-top:7px;gap:6px}
#community-modal .community-outlink{margin-top:3px;font-size:14px}
#community-modal .community-music-mark{font-size:30px;margin:0 0 5px 12px}
@media(max-width:600px){#community-modal .community-post{grid-template-columns:64px minmax(0,1fr)}#community-modal .community-author{padding:12px 5px}#community-modal .community-author strong{font-size:10px}#community-modal .community-author time{font-size:9px}#community-modal .community-avatar{width:36px;height:48px}#community-modal .community-post-body{padding:10px}#community-modal .community-post-body.has-picture{grid-template-columns:70px minmax(0,1fr);gap:9px}#community-modal .community-picture img{height:105px;max-height:105px}#community-modal .community-post h3{font-size:16px}#community-modal .community-comment{font-size:12px}#community-modal .community-post-actions{flex-wrap:wrap}#community-modal .community-post-actions button{font-size:11px;min-height:32px;padding:4px 7px}#community-modal .community-stars{font-size:17px;letter-spacing:0}}

/* V31: center author portrait, name and date as one group. */
#community-modal .community-author{justify-content:center}