.community-drawer{--drawer-gutter:24px;width:min(400px, calc(100 * var(--vw)));max-width:calc(100 * var(--vw));height:calc(100 * var(--dvh));max-height:calc(100 * var(--dvh));border:0;border-right:1px solid var(--border);background:var(--surface);color:var(--fg);box-shadow:16px 0 48px color-mix(in srgb, var(--fg) 16%, transparent);border-radius:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow:hidden}.community-drawer[open]{animation:community-drawer-enter .28s var(--ease-brand);flex-direction:column;display:flex}.community-drawer::backdrop{animation:community-drawer-shade-in .28s var(--ease-brand);background:#0000006b}.community-drawer[open][data-closing]{animation:community-drawer-exit .28s var(--ease-brand) forwards}.community-drawer[data-closing]::backdrop{animation:community-drawer-shade-out .28s var(--ease-brand) forwards}.community-drawer-head{padding:max(20px, env(safe-area-inset-top)) var(--drawer-gutter) 20px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.community-drawer-close{border-radius:var(--radius-field);width:44px;height:44px;color:var(--muted);transition:background-color .18s var(--ease-brand), color .18s var(--ease-brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.community-drawer-content{overscroll-behavior:contain;min-height:0;padding:0 var(--drawer-gutter) 20px;flex:1;overflow-y:auto}.community-drawer-shortcuts{border-bottom:1px solid color-mix(in srgb, var(--border) 65%, transparent);margin-bottom:24px;padding-bottom:20px}.community-drawer-link{border-radius:var(--radius-field);min-height:48px;transition:background-color .18s var(--ease-brand);align-items:center;gap:12px;padding:10px 14px;font-size:15px;font-weight:500;display:flex}.community-drawer-section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.community-drawer-section-head h2{text-wrap:balance;min-width:0}.community-drawer-search{border-radius:var(--radius-field);background:var(--input);align-items:center;gap:10px;min-height:48px;margin-bottom:20px;padding:10px 14px;display:flex}.community-drawer-search input:focus-visible{outline:none}.community-drawer-list{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.community-drawer-row{border-radius:var(--radius-field);min-width:0;min-height:88px;transition:background-color .18s var(--ease-brand);align-items:center;gap:14px;padding:12px;display:flex}.community-drawer-name{display:block}.community-drawer-owned{corner-shape:round;background:var(--primary-subtle);height:20px;color:var(--primary-subtle-fg);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.community-drawer-check{color:var(--primary-subtle-fg)}.community-drawer-create{border:1px solid var(--border);border-radius:var(--radius-field);min-height:50px;transition:background-color .18s var(--ease-brand), transform .28s var(--ease-brand), box-shadow .22s var(--ease-brand);justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:15px;font-weight:500;display:flex}.community-drawer-row[aria-current=page]{background:var(--primary-subtle);color:var(--primary-subtle-fg)}.community-drawer-row[aria-current=page] .community-drawer-owned{background:var(--surface)}.community-drawer :is(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.community-drawer-footer{padding:16px var(--drawer-gutter) max(20px, env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb, var(--border) 65%, transparent);flex-shrink:0}@media (hover:hover) and (pointer:fine){.community-drawer-row:not([aria-current=page]):hover,.community-drawer-link:hover,.community-drawer-close:hover{background:color-mix(in srgb, var(--primary) 8%, var(--surface))}.community-drawer-create:hover{background:color-mix(in srgb, var(--primary) 10%, var(--surface));color:var(--primary-subtle-fg);box-shadow:var(--sh-hover);transform:translateY(-2px)}}@media (max-width:420px){.community-drawer{--drawer-gutter:20px}}.community-drawer-meta{display:none}@media (max-width:767px){.community-drawer-head{padding-top:max(14px, env(safe-area-inset-top));padding-bottom:12px}.community-drawer-shortcuts{margin-bottom:18px;padding-bottom:14px}.community-drawer-section-head{margin-bottom:10px}.community-drawer-search{min-height:42px;margin-bottom:12px;padding:8px 12px}.community-drawer-list{gap:2px}.community-drawer-row{gap:12px;min-height:52px;padding:7px 8px}.community-drawer-row .community-drawer-icon{width:36px;height:36px;font-size:14px}.community-drawer-row .community-drawer-name{font-size:15px}.community-drawer-meta{color:var(--muted);font-size:12px;font-weight:400;display:block}.community-drawer-row[aria-current=page] .community-drawer-meta{color:inherit;opacity:.75}}@keyframes community-drawer-enter{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes community-drawer-exit{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes community-drawer-shade-in{0%{opacity:0}to{opacity:1}}@keyframes community-drawer-shade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.community-drawer[open],.community-drawer::backdrop,.community-drawer[open][data-closing],.community-drawer[data-closing]::backdrop{animation:none}.community-drawer-row,.community-drawer-link,.community-drawer-create,.community-drawer-close,.community-drawer-search{transition:none}.community-drawer-create:hover{transform:none}}