.community-page {background:radial-gradient(circle at 10% 8%, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 28rem),var(--color-bg);}.community-title {font-size:clamp(1.5rem, 1.4vw + 1.15rem, 1.9rem);line-height:1.15;letter-spacing:-0.02em;}.community-compose {background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);margin-bottom:var(--space-lg);transition:box-shadow 0.15s ease, border-color 0.15s ease;}.community-compose:focus-within {border-color:color-mix(in srgb, var(--primary) 45%, transparent);box-shadow:var(--shadow-md);}.community-compose textarea {width:100%;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm);font-family:inherit;font-size:0.95rem;resize:vertical;transition:border-color 0.15s ease;}.community-compose textarea:focus {outline:none;border-color:var(--primary);}.community-compose-foot {display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);}.community-compose-image-btn {cursor:pointer;color:var(--gray-500);display:inline-flex;align-items:center;}.community-compose-error {color:var(--error);font-size:0.85rem;margin-top:var(--space-sm);}.community-guest-notice {background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);text-align:center;margin-bottom:var(--space-lg);}.community-empty {background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3xl) var(--space-lg);text-align:center;color:var(--gray-500);}.community-empty h3 {margin:14px 0 6px;font-size:1.1rem;color:var(--gray-800);}.community-empty p {max-width:40ch;margin:0 auto;font-size:0.9rem;}.community-post-card {background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-md);margin-bottom:var(--space-md);transition:box-shadow 0.15s ease;}.community-post-card:hover {box-shadow:var(--shadow-md);}.community-post-head {display:flex;align-items:center;gap:var(--space-sm);}.community-post-avatar {flex-shrink:0;}.community-avatar-img {width:40px;height:40px;border-radius:50%;object-fit:cover;}.community-avatar-fallback {width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}.community-post-meta {flex:1;min-width:0;display:flex;flex-direction:column;}.community-post-username {font-weight:600;color:var(--gray-800);text-decoration:none;display:inline-flex;align-items:center;gap:4px;}.community-post-time {font-size:0.78rem;color:var(--gray-400);}.community-status-badge {font-size:0.72rem;font-weight:700;padding:3px 8px;border-radius:999px;white-space:nowrap;}.community-status-pending {background:rgba(245, 158, 11, 0.12);color:var(--warning);}.community-status-rejected {background:rgba(239, 68, 68, 0.1);color:var(--error);}.community-delete-btn {background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;}.community-delete-btn:hover {color:var(--error);}.community-post-body {margin:var(--space-sm) 0;color:var(--gray-800);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;}.community-post-images {display:grid;gap:4px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-sm);}.community-post-images-1{grid-template-columns:1fr;}.community-post-images-2,.community-post-images-3,.community-post-images-4{grid-template-columns:1fr 1fr;}.community-post-images img {width:100%;height:100%;max-height:320px;object-fit:cover;}.community-post-actions {display:flex;align-items:center;gap:var(--space-lg);}.community-like-btn,.community-comment-btn {display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--gray-500);text-decoration:none;cursor:pointer;font-size:0.9rem;padding:4px;}.community-like-btn.is-liked {color:#EF4444;}.community-like-btn.is-liked svg {fill:#EF4444;}.community-comments {margin-top:var(--space-lg);}.community-comments h2 {font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md);}.community-comment-form {display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);}.community-comment-form textarea {flex:1;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-sm);font-family:inherit;font-size:0.9rem;resize:vertical;min-height:40px;transition:border-color 0.15s ease;}.community-comment-form textarea:focus {outline:none;border-color:var(--primary);}.community-comment {display:flex;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--gray-100);}.community-comment:first-child {border-top:none;}.community-comment-avatar {flex-shrink:0;}.community-comment-avatar .community-avatar-img,.community-comment-avatar .community-avatar-fallback {width:32px;height:32px;font-size:0.85rem;}.community-comment-body-wrap {flex:1;min-width:0;}.community-comment-head {display:flex;align-items:center;gap:6px;}.community-comment-username {font-weight:600;font-size:0.88rem;color:var(--gray-800);text-decoration:none;display:inline-flex;align-items:center;gap:4px;}.community-comment-time {font-size:0.75rem;color:var(--gray-400);}.community-comment-delete-btn {margin-left:auto;background:none;border:none;color:var(--gray-400);cursor:pointer;padding:2px;}.community-comment-delete-btn:hover {color:var(--error);}.community-comment-text {font-size:0.9rem;color:var(--gray-700);white-space:pre-wrap;overflow-wrap:anywhere;}.community-tabs {display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);border-bottom:1px solid var(--gray-100);}.community-tab {padding:var(--space-sm) var(--space-md);font-weight:600;font-size:0.9rem;color:var(--gray-500);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;}.community-tab.is-active {color:var(--primary);border-bottom-color:var(--primary);}.community-cats {display:flex;gap:8px;margin:0 0 var(--space-md);padding-bottom:4px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding:0 12px;}.community-chip {flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:6px 14px;border:1px solid var(--gray-200);border-radius:999px;background:var(--white);color:var(--gray-600);font-size:0.85rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color 0.15s ease, color 0.15s ease, background 0.15s ease;}.community-chip:hover{border-color:var(--primary);color:var(--primary);}.community-chip.is-active {background:var(--primary);border-color:var(--primary);color:#fff;}.community-compose-tools{display:flex;align-items:center;gap:var(--space-sm);min-width:0;}.community-select {max-width:180px;padding:6px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);color:var(--gray-700);font:inherit;font-size:0.85rem;}.community-select:focus{outline:none;border-color:var(--primary);}.community-rules{margin-top:var(--space-sm);font-size:0.82rem;color:var(--gray-500);}.community-rules summary{cursor:pointer;font-weight:600;width:fit-content;}.community-rules ul{margin:8px 0 0;padding-left:18px;line-height:1.6;}.community-pin {display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(249, 115, 22, 0.12);color:var(--primary);font-size:0.72rem;font-weight:700;white-space:nowrap;}.community-cat {margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--gray-100);color:var(--gray-600);font-size:0.74rem;font-weight:600;text-decoration:none;white-space:nowrap;}.community-cat:hover{background:var(--gray-200);color:var(--gray-800);}.community-report-btn {background:none;border:none;color:var(--gray-400);cursor:pointer;padding:4px;display:inline-flex;}.community-report-btn:hover{color:var(--error);}.community-report-btn--sm{padding:2px;}.community-report-btn.is-done{color:var(--success, #16a34a);cursor:default;}.community-report-overlay {position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:var(--space-md);background:rgba(17, 24, 39, 0.55);}.community-report-dialog {width:min(420px, 100%);padding:var(--space-lg);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);}.community-report-dialog h2{margin:0 0 4px;font-size:1.1rem;}.community-report-dialog p{margin:0 0 var(--space-md);color:var(--gray-500);font-size:0.88rem;}.community-report-dialog label{display:block;margin:var(--space-sm) 0 4px;font-size:0.82rem;font-weight:600;}.community-report-dialog select,.community-report-dialog textarea {width:100%;padding:8px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font:inherit;font-size:0.9rem;}.community-report-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);}@media (max-width:480px) {.community-select{max-width:130px;}}.community-page--feed {padding:calc(var(--header-height) + var(--space-xl)) 0 var(--space-3xl);min-height:100vh;}.community-shell {display:grid;grid-template-columns:220px minmax(0, 600px) 300px;gap:var(--space-lg);justify-content:center;align-items:start;max-width:1180px;margin:0 auto;padding:0 var(--space-md);}.community-side {position:sticky;top:calc(var(--header-height) + var(--space-md));align-self:start;}.community-side-title {margin:0 0 var(--space-sm);padding:0 12px;color:var(--gray-500);font-size:0.74rem;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;}.community-topics{display:grid;gap:2px;}.community-topic {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;color:var(--gray-700);font-size:0.95rem;font-weight:600;text-decoration:none;transition:background 0.15s ease, color 0.15s ease;}.community-topic small {min-width:22px;padding:1px 7px;border-radius:999px;background:var(--gray-100);color:var(--gray-500);font-size:0.72rem;font-weight:700;text-align:center;}.community-topic:hover{background:var(--white);color:var(--gray-900);}.community-topic.is-active{background:var(--white);color:var(--primary);box-shadow:var(--shadow-sm);}.community-topic.is-active small{background:color-mix(in srgb, var(--primary) 14%, transparent);color:var(--primary);}.community-feed {min-width:0;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:clip;}.community-feedhead {position:sticky;top:var(--header-height);z-index:5;background:color-mix(in srgb, var(--white) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-100);}.community-feedhead .community-title {margin:0;padding:14px 18px 4px;font-size:1.25rem;}.community-feedhead .community-tabs {margin:0;border-bottom:0;gap:0;}.community-feedhead .community-tab {flex:1;padding:12px 8px;text-align:center;margin-bottom:0;border-bottom-width:3px;transition:background 0.15s ease;}.community-feedhead .community-tab:hover{background:var(--gray-50, #f9fafb);}.community-feed .community-compose {display:grid;grid-template-columns:44px minmax(0, 1fr);gap:12px;margin:0;padding:14px 18px;border:0;border-bottom:1px solid var(--gray-100);border-radius:0;box-shadow:none;}.community-feed .community-compose:focus-within{box-shadow:none;}.community-feed .community-compose textarea {border:0;padding:6px 0;font-size:1.05rem;resize:none;min-height:56px;}.community-feed .community-compose textarea:focus{border:0;}.community-compose-avatar .community-avatar-img,.community-compose-avatar .community-avatar-fallback{width:44px;height:44px;}.community-compose-main{min-width:0;}.community-feed .community-compose-foot {padding-top:8px;border-top:1px solid var(--gray-100);}.community-feed .community-guest-notice {margin:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--gray-100);}.community-feed .community-empty {border:0;border-radius:0;box-shadow:none;}.community-post-card {display:grid;grid-template-columns:44px minmax(0, 1fr);gap:12px;}.community-feed .community-post-card {margin:0;padding:14px 18px;border:0;border-bottom:1px solid var(--gray-100);border-radius:0;box-shadow:none;transition:background 0.15s ease;}.community-feed .community-post-card:hover{background:var(--gray-50, #f9fafb);box-shadow:none;}.community-feed .community-post-card:last-child{border-bottom:0;}.community-post-card .community-avatar-img,.community-post-card .community-avatar-fallback{width:44px;height:44px;}.community-post-main{min-width:0;}.community-post-head {display:flex;align-items:center;justify-content:space-between;gap:8px;}.community-post-card .community-post-meta {flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:2px 6px;}.community-post-dot{color:var(--gray-300);}.community-post-time{text-decoration:none;}.community-post-time:hover{text-decoration:underline;}.community-post-card .community-post-body{margin:4px 0 var(--space-sm);}.community-post-actions{gap:var(--space-md);}.community-card {margin-bottom:var(--space-md);padding:var(--space-md);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.community-card h2{margin:0 0 var(--space-sm);font-size:1rem;font-weight:800;}.community-rule-list{margin:0;padding-left:18px;color:var(--gray-600);font-size:0.85rem;line-height:1.6;}.community-rule-list li + li{margin-top:6px;}.community-links{display:grid;gap:2px;margin:0;padding:0;list-style:none;}.community-links a {display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--gray-700);font-size:0.92rem;font-weight:600;text-decoration:none;}.community-links a:hover{background:var(--gray-100);color:var(--gray-900);}.community-cats{display:none;scrollbar-width:none;}.community-cats::-webkit-scrollbar{display:none;}.community-feed .community-cats{margin:0;padding:10px 14px;border-bottom:1px solid var(--gray-100);}.community-rules--inline{display:none;}@media (max-width:1099px) {.community-shell{grid-template-columns:200px minmax(0, 1fr);}.community-side--right{display:none;}.community-rules--inline{display:block;}}@media (max-width:779px) {.community-page--feed{padding-top:calc(var(--header-height) + var(--space-md));}.community-shell{grid-template-columns:minmax(0, 1fr);padding:0 var(--space-sm);}.community-side--left{display:none;}.community-cats{display:flex;}.community-chip{min-height:44px;}.community-feed .community-compose,.community-feed .community-post-card{padding-left:14px;padding-right:14px;}}@media (min-width:1100px) {.community-rules--inline{display:none;}}.community-post-btn{flex:0 0 auto;width:auto;}.community-compose-tools{flex:1 1 auto;}.community-rule-list{list-style:disc;}.community-rules ul{list-style:disc;}.community-topics {padding:var(--space-sm);background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);}.community-topics .community-side-title{padding:6px 12px 8px;}.community-topic:hover{background:var(--gray-50, #f9fafb);color:var(--gray-900);}.community-topic.is-active {background:color-mix(in srgb, var(--primary) 10%, var(--white));color:var(--primary);box-shadow:none;}.community-topic.is-active small{background:var(--white);}.community-comment-btn[aria-expanded="true"]{color:var(--primary);}.community-inline-comments {margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--gray-100);}.community-inline-comments[hidden]{display:none;}.community-inline-list{display:grid;gap:2px;}.community-inline-list .community-comment{border-top:0;padding:6px 0;}.community-inline-empty{margin:0;padding:4px 0;color:var(--gray-500);font-size:0.88rem;}.community-inline-form{align-items:flex-start;flex-wrap:wrap;margin:var(--space-sm) 0 0;}.community-inline-form textarea{min-height:44px;font-size:16px;}.community-inline-form .community-compose-error{flex:1 0 100%;margin:0;}.community-inline-login{margin:var(--space-sm) 0 0;font-size:0.88rem;color:var(--gray-500);}.community-inline-login a{font-weight:700;}