/* Community uses the existing Kodonga palette and type system. */
.community-page{--community-line:var(--border);max-width:1500px;margin:auto;padding:30px 28px 100px;}
.community-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.community-heading h2{font-family:var(--font-display);font-size:30px;margin:0;letter-spacing:-.7px;text-transform:uppercase;color:#fff;}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .community-heading h2{background:linear-gradient(to bottom,#fff 0%,#fff 25%,#d8d8d8 45%,#888 65%,#292929 85%,#090909 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
}
@media(forced-colors:active){.community-heading h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText;}}
.community-heading p,.community-note{color:var(--text-secondary);font-size:13px;line-height:1.65;}
.community-primary,.community-secondary,.community-top-share{font:inherit;font-size:12px;font-weight:700;padding:11px 15px;border-radius:10px;cursor:pointer;min-height:40px;}
.community-primary{background:var(--grad-generate,var(--teal));color:#00251e;border:1px solid var(--teal);}
.community-secondary,.community-top-share{background:var(--panel);color:var(--text-primary);border:1px solid var(--border);}
.community-secondary:hover,.community-top-share:hover{border-color:var(--teal);}
.community-primary:disabled,.community-secondary:disabled{opacity:.45;cursor:not-allowed;}
.community-filters,.community-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0;}
.community-filters button[aria-pressed=true]{border-color:var(--teal);color:var(--teal);}
.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.community-card{border:1px solid var(--border);background:var(--card);border-radius:14px;overflow:hidden;min-width:0;}
.community-art{display:block;width:100%;border:0;background:var(--bg-secondary);padding:0;cursor:pointer;position:relative;aspect-ratio:4/3;overflow:hidden;color:var(--text-primary);}
.community-art img{width:100%;height:100%;object-fit:cover;transition:transform .25s;}.community-art:hover img{transform:scale(1.025);}
.community-play{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;text-shadow:0 2px 12px #000;}
.community-card-copy{padding:15px;}.community-card h3{font-size:15px;line-height:1.4;margin:10px 0 5px;overflow-wrap:anywhere;}.community-meta{font-size:11px;color:var(--text-muted);line-height:1.6;}
.community-creator{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px;}.community-avatar{width:29px;height:29px;display:inline-grid;place-items:center;border-radius:50%;background:var(--panel);color:var(--teal);border:1px solid var(--border);}
.community-empty{padding:60px 18px;text-align:center;border:1px dashed var(--border);border-radius:16px;color:var(--text-secondary);grid-column:1/-1;}
.community-dialog{position:fixed;inset:0;margin:auto;width:min(920px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;overflow:auto;background:var(--panel);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:18px;padding:24px;box-shadow:0 24px 90px #0008;}
.community-dialog::backdrop{background:#000b;backdrop-filter:blur(5px);}.community-dialog h2{margin:0;font-size:24px;}.community-dialog h3{font-size:15px;}.community-dialog input:not([type=checkbox]),.community-dialog select,.community-dialog textarea{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:9px;padding:10px;font:inherit;font-size:13px;width:100%;box-sizing:border-box;}
.community-share-dialog[open]{display:flex;flex-direction:column;height:min(820px,calc(100dvh - 32px));overflow:hidden;}
.community-share-dialog .community-dialog-header{flex:0 0 auto;}
.community-share-dialog .community-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 4px 12px;}
.community-share-controls{flex:0 0 auto;background:var(--panel);border-top:1px solid var(--border);padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);}
.community-share-controls .community-note{margin:0;font-size:12px;}
.community-share-controls .community-actions{margin:10px 0 0;justify-content:flex-end;}
.community-share-controls .community-error:empty{display:none;}
@media(max-width:640px){.community-share-dialog[open]{height:calc(100dvh - 16px);}.community-share-controls .community-primary{flex:1;}}
.community-dialog input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px;flex:0 0 auto;}.community-dialog label{font-size:13px;display:block;margin:10px 0;}.community-dialog label.check{display:flex;gap:10px;align-items:center;line-height:1.5;}.community-dialog fieldset{border:1px solid var(--border);border-radius:12px;padding:14px;margin:16px 0;min-width:0;}.community-dialog legend{font-size:13px;padding:0 6px;}
.community-dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;}.community-dialog-close{background:transparent;border:0;color:var(--text-primary);font-size:24px;cursor:pointer;min-width:40px;min-height:40px;}
.community-error{color:var(--error,#EF6464);font-size:13px;line-height:1.5;}.community-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}.community-pick{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--card);min-width:0;}.community-pick:has(input:checked){border-color:var(--teal);}.community-pick img{width:100%;height:120px;object-fit:cover;border-radius:8px;}.community-pick span{display:block;overflow-wrap:anywhere;margin:6px 0;}.community-review-media{width:120px;max-height:120px;object-fit:cover;border-radius:8px;}.community-ref{display:flex!important;gap:10px;align-items:center;}.community-ref img{width:60px;height:55px;object-fit:cover;border-radius:6px;}
.community-confirm{position:sticky;top:0;z-index:2;background:var(--panel);border:1px solid var(--teal);border-radius:12px;padding:14px;margin:12px 0;}.community-confirm button{margin-right:8px;}
.community-viewer-media{width:100%;max-height:60dvh;object-fit:contain;background:#000;border-radius:12px;}.community-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13px;line-height:1.7;max-height:220px;overflow:auto;background:var(--bg-primary);padding:14px;border-radius:10px;}.community-reference-list{display:flex;gap:10px;flex-wrap:wrap;}.community-reference-list a{width:120px;color:var(--text-secondary);font-size:12px;}.community-reference-list img{width:120px;height:90px;object-fit:cover;border-radius:8px;}.community-dialog :focus-visible,.community-page :focus-visible,.community-top-share:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}.community-dialog a{color:var(--teal);}
@media(max-width:900px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.community-heading{align-items:flex-start;}}
@media(max-width:640px){.community-page{padding:20px 14px 90px;}.community-heading{flex-direction:column;}.community-heading h2{font-size:25px;}.community-grid{gap:12px;}.community-card-copy{padding:10px;}.community-dialog{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);}.community-picker{grid-template-columns:repeat(2,minmax(0,1fr));}.community-top-share{padding:8px;min-width:38px;}.community-top-share .community-share-label{display:none;}}
@media(prefers-reduced-motion:reduce){.community-art img{transition:none;}}
.community-like{min-height:44px;min-width:64px;margin-top:10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#ff5268}
.community-like[aria-pressed="true"]{color:#ff5268;border-color:currentColor}
.community-like:focus-visible{outline:2px solid var(--accent,#6fffd2);outline-offset:3px}
.community-like:disabled{opacity:.6;cursor:wait}