:root{--primary:#f2674f;--primary-light:#fff1ee;--bg:#f8fafc;--surface:#fff;--border:#e2e8f0;--divider:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--danger:#ef4444;--success:#22c55e;--success-light:#dcfce7;--warning:#f97316;--purple:#8b5cf6;--purple-light:#ede9fe;--r-card:14px}*{margin:0;padding:0;box-sizing:border-box}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{font-family:Noto Sans JP,-apple-system,system-ui,sans-serif;background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.scroll::-webkit-scrollbar{display:none}.scroll{-ms-overflow-style:none;scrollbar-width:none}svg[viewBox="0 0 24 24"]{flex-shrink:0}@keyframes screenIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.viewport-full{position:fixed;inset:0}.viewport-min{min-height:100vh;min-height:100svh}.mobile-bottomnav,.mobile-topbar{display:none}input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:calc(1.25em + 24px)}input[type=date]::-webkit-date-and-time-value,input[type=date]::-webkit-datetime-edit{opacity:0}input,select,textarea{line-height:1.25}@media (max-width:1024px){input,select,textarea{font-size:16px!important}.sidebar-desktop{display:none!important}.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:52px;z-index:40;align-items:center;gap:8px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-topbar-brand{display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.mobile-topbar-brand>span{font-size:16px;font-weight:800;color:var(--text-primary)}.mobile-topbar-actions{display:flex;align-items:center;margin-left:auto;flex-shrink:0}.mobile-topbar-actions>button{width:44px;height:44px;flex-shrink:0;justify-content:center}.home-desktop-header{display:none}.mobile-bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;padding-bottom:env(safe-area-inset-bottom);z-index:40;background:var(--surface);border-top:1px solid var(--border)}.content-area{width:100%;padding-top:52px;padding-bottom:58px}.right-rail{display:none!important}.feed-scroll{padding:16px 16px 32px!important}.app-toast{bottom:74px!important;max-width:calc(100vw - 32px)}.dash-main-grid{grid-template-columns:1fr!important}.modal-panel{width:92vw!important;max-width:92vw!important;max-height:88%!important}}@media (max-width:360px){.mobile-topbar{padding:0 8px;gap:4px}.mobile-topbar-brand{gap:4px}.mobile-topbar-brand>span{font-size:13px}.mobile-topbar-brand>:first-child{width:22px!important;height:22px!important}}@media (max-width:640px){.desk-header{padding:0 16px!important}.desk-header-row{flex-wrap:wrap;height:auto!important;padding:10px 0;gap:10px!important}.desk-header-title{font-size:17px!important}.search-field{width:100%!important;order:3}.dash-kpi-grid{grid-template-columns:1fr 1fr!important}.form-grid-2,.mypage-grid{grid-template-columns:1fr!important}.circles-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}.login-card{width:100%!important;max-width:380px!important;padding:36px 24px 28px!important}.auth-card{padding:40px 24px!important}}@media (max-width:420px){.dash-kpi-grid{grid-template-columns:1fr!important}}.table-scroll{overflow-x:auto}@media (max-width:640px){.circle-header-desktop{display:none!important}.circle-header-mobile-create{display:flex!important}.circle-header-mobile-search{display:block!important}.circle-cats{scrollbar-width:none}.circle-cats::-webkit-scrollbar{display:none}}.post-carousel::-webkit-scrollbar{display:none}.attendance-pill{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:32px;box-sizing:border-box;border-radius:10px;border:1px solid color-mix(in srgb,var(--primary) 65%,transparent);background:var(--surface);color:var(--primary);white-space:nowrap;font-size:12px;font-weight:600}.attendance-pill[data-attended=true]{background:var(--primary-light);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.attendance-pill[data-member=false]{background:var(--divider);border-color:var(--border);color:var(--text-secondary)}.attendance-check-pop{animation:attendanceCheckPop .28s ease-out}.attendance-spinner{box-sizing:border-box;border:1.5px solid;border-right:1.5px solid transparent;border-radius:50%;animation:attendanceSpin .8s linear infinite}@keyframes attendanceCheckPop{0%{transform:scale(.75)}55%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes attendanceSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.attendance-check-pop,.attendance-spinner{animation:none}}.attendance-join-guide{margin:auto;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:24px;border:0;border-radius:18px;background:var(--surface);color:var(--text-primary);box-shadow:0 16px 48px #0f172a33}.attendance-join-guide::-webkit-backdrop{background:#0f172a66}.attendance-join-guide::backdrop{background:#0f172a66}.attendance-join-guide h3{font-size:16px;margin:0 0 12px}.attendance-join-guide p{font-size:14px;line-height:1.7;margin:0 0 20px;color:var(--text-secondary)}.attendance-guide-actions{display:flex;gap:8px;justify-content:flex-end}.attendance-guide-actions button{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-weight:600}.attendance-guide-actions button:last-child{border-color:var(--primary);background:var(--primary);color:#fff}.circle-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:2px;gap:2px}.circle-post-tile{position:relative;aspect-ratio:1;min-width:0;padding:0;border:0;overflow:hidden;background:var(--divider);color:var(--text-secondary);cursor:pointer}.circle-post-tile img,.circle-post-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.circle-post-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere;padding:8px;font-size:12px;font-weight:600}.circle-post-badges{position:absolute;top:6px;right:6px;display:flex;gap:4px;color:#fff;text-shadow:0 1px 3px #000;font-size:12px}.circle-post-status{padding:16px;text-align:center;font-size:14px;color:var(--text-secondary)}.circle-post-more{display:block;margin:16px auto 0;min-height:44px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary);cursor:pointer}.post-actions{container-name:post-actions;display:flex;align-items:center;flex-wrap:nowrap;gap:0;margin-top:8px;container-type:inline-size}.attendance-actions,.post-comment-action,.post-save-action{display:flex;align-items:center;gap:4px;flex:0 0 auto}.post-comment-action,.post-save-action{justify-content:center;height:44px;min-width:44px;padding:0;border:0;background:none;color:var(--text-secondary);cursor:pointer}.post-comment-action span{font-size:12px;font-weight:600;white-space:nowrap}.post-comment-action{margin-left:auto}.post-save-action{color:var(--text-tertiary)}.post-save-action[aria-pressed=true]{color:var(--primary)}.post-save-action:disabled{opacity:.6;cursor:wait}@container (max-width: 300px){.attendance-preview-avatar:nth-child(n+2){display:none}}.post-reaction-action{display:flex;align-items:center;justify-content:center;gap:2px;width:44px;height:44px;flex:0 0 44px;border:0;background:none;padding:0;color:var(--text-secondary);cursor:pointer}.post-reaction-action>span{font-size:20px}.post-reaction-action small{font-size:10px;font-weight:600}.post-reaction-action:disabled{opacity:.6;cursor:wait}.reaction-picker{max-width:calc(100vw - 16px);overflow-x:auto;overscroll-behavior-x:contain;position:fixed;z-index:10020;display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:0 3px 12px #00000014}.reaction-picker button{flex:0 0 44px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--text-primary);cursor:pointer}.reaction-picker span{font-size:26px;line-height:1}.reaction-picker button[aria-pressed=true]{background:var(--primary-light)}.reaction-picker button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}@media (hover:hover){.reaction-picker button:hover{background:var(--primary-light)}}@container (max-width: 300px){.post-actions>.attendance-actions{gap:0}.attendance-actions>button:first-child{width:72px!important}.attendance-actions>button:nth-child(2){min-width:44px!important;gap:2px!important}}.notification-setting-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:44px;height:26px;flex-shrink:0;margin:0;border:1px solid var(--border);border-radius:999px;background:var(--border);cursor:pointer}.notification-setting-switch:after{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002}.notification-setting-switch:checked{background:var(--primary);border-color:var(--primary)}.notification-setting-switch:checked:after{transform:translateX(18px)}.notification-setting-switch:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.notification-setting-switch:disabled{cursor:default}.reaction-count{border:0;background:none;width:24px;height:44px;padding:0;font-size:11px;color:var(--text-secondary);cursor:pointer;flex:0 0 24px}@container (max-width: 280px){.attendance-actions>button:first-child{width:56px!important}.attendance-pill{font-size:10px;gap:2px}.post-comment-action{width:44px;flex:0 0 44px;gap:2px}.post-comment-action span{font-size:11px}}.comment-composer button,.comment-composer label{min-height:36px}.comment-composer .comment-cancel-button,.comment-composer .comment-photo-button{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;white-space:nowrap}.comment-composer .comment-submit-button{min-width:76px;padding:7px 16px;border:1px solid var(--primary);border-radius:10px;background:var(--primary);color:#fff;font:inherit;font-size:13px;font-weight:700;white-space:nowrap}.comment-composer .comment-submit-button:disabled{border-color:var(--border);background:var(--divider);color:var(--text-tertiary)}.comment-composer textarea:focus-visible,.media-editor button:focus-visible{outline:2px solid var(--primary)}.media-editor::-webkit-backdrop{background:#0008}.media-editor::backdrop{background:#0008}@media(max-width:640px){.comment-composer button{padding:6px}.comment-composer .comment-submit-button{min-width:68px}.comment-composer label{font-size:12px}}.feed-scroll{overscroll-behavior-y:contain}.media-draft-viewer,.media-editor{margin:auto;padding:16px}.media-draft-viewer::-webkit-backdrop{background:#0008}.media-draft-viewer::backdrop{background:#0008}.media-draft-picker button:not([aria-label$=\3092\30D7\30EC\30D3\30E5\30FC]),.media-draft-viewer button,.media-editor button,.submission-status button,.web-push-settings button{min-height:44px;margin:4px 4px 4px 0;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px;cursor:pointer}.media-editor button:disabled,.web-push-settings button:disabled{opacity:.5;cursor:default}.media-draft-picker button:focus-visible,.media-draft-viewer button:focus-visible,.media-editor button:focus-visible,.submission-status button:focus-visible,.web-push-settings button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.media-editor header{position:-webkit-sticky;position:sticky;top:-16px;z-index:1;padding:4px 0 8px;gap:8px;background:var(--surface)}.media-editor header button{margin:0;padding:8px;flex-shrink:0}.media-editor header button:last-child{background:var(--primary);border-color:var(--primary);color:#fff}.media-editor header h2{white-space:nowrap}.media-editor nav{display:flex;gap:8px;padding:8px 0}.media-editor nav button{flex:1 1}.media-editor nav button[aria-pressed=true],.web-push-settings button[aria-checked=true]{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.media-editor label{padding:8px 0;min-height:44px;font-size:13px;color:var(--text-secondary)}.media-editor input[type=range]{display:block;width:100%;height:32px;accent-color:var(--primary);cursor:pointer}.media-editor select{max-width:100%;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text-primary);font:inherit;font-size:13px}.media-draft-picker input[type=checkbox],.media-editor input[type=checkbox]{width:18px;height:18px;margin-right:6px;accent-color:var(--primary);vertical-align:middle}.media-editor p{margin-top:8px;font-size:13px;line-height:1.6}.media-editor [role=alert]{color:var(--danger)}.media-draft-picker label:not(:has(input[type=file])){display:flex;align-items:center;min-height:44px;font-size:12px;cursor:pointer}.media-draft-picker button:not([aria-label$=\3092\30D7\30EC\30D3\30E5\30FC]){padding:8px;margin-right:2px;font-size:12px}.submission-status p{margin:8px 0;font-size:13px;line-height:1.6}.web-push-settings p{margin-top:8px;color:var(--text-secondary);line-height:1.6}.circle-filter-dialog{position:fixed;inset:auto;top:var(--filter-viewport-center,50dvh);left:50%;transform:translate(-50%,-50%);margin:0;width:min(480px,calc(100% - 32px));max-width:none;max-height:calc(var(--filter-viewport-height, 100dvh) * .9);padding:0;overflow:hidden;border:1px solid var(--border);border-radius:16px;color:var(--text-primary);background:var(--surface);box-shadow:0 12px 48px #0002}.circle-filter-dialog[open]{display:flex;flex-direction:column}.circle-filter-dialog::-webkit-backdrop,.connection-map-dialog::-webkit-backdrop{background:#0008}.circle-filter-dialog::backdrop,.connection-map-dialog::backdrop{background:#0008}.connection-map-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.circle-filter-dialog footer,.circle-filter-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;flex-shrink:0}.circle-filter-dialog header strong{font-size:16px}.circle-filter-dialog header button{flex-shrink:0;font-size:14px}.circle-filter-dialog button,.connection-map-dialog button{min-height:44px;min-width:44px;cursor:pointer}.circle-filter-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.circle-filter-controls{padding:0 16px 4px;flex-shrink:0}.circle-filter-controls>input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:16px;background:var(--surface);color:var(--text-primary)}.circle-filter-actions{display:flex;gap:8px;margin-top:12px}.circle-filter-actions button{flex:1 1;min-width:0;padding:8px;font-size:13px}.circle-filter-actions button[aria-pressed=true]{color:var(--primary);background:var(--primary-light);border-color:var(--primary);font-weight:600}.circle-filter-selection{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--text-secondary);font-size:12px}.circle-filter-selection button{border:0;background:transparent;padding:8px;font-size:12px;color:var(--text-secondary)}.circle-filter-list{min-height:0;padding:0 16px;overflow:auto;overscroll-behavior-y:contain}.circle-filter-list label{display:flex;align-items:center;min-height:44px;gap:12px;padding:10px 0;cursor:pointer}.circle-filter-list label input{width:20px;height:20px;flex-shrink:0;accent-color:var(--primary)}.circle-filter-list label span{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.5}.circle-filter-list [role=alert],.circle-filter-list p{padding:12px 0;font-size:13px;line-height:1.6}.circle-filter-hint{color:var(--text-secondary)}.circle-filter-dialog footer{border-top:1px solid var(--border)}.circle-filter-dialog footer button{font-size:14px}.circle-filter-dialog .circle-filter-apply{flex:1 1;color:#fff;border-color:var(--primary);background:var(--primary);font-weight:600}.circle-filter-dialog button:disabled{opacity:.45;cursor:default}.circle-filter-dialog[data-compact=true] .circle-filter-content{display:block;overflow:auto;overscroll-behavior-y:contain}.circle-filter-dialog[data-compact=true] .circle-filter-list{overflow:visible}body:has(.circle-filter-dialog[open]),html:has(.circle-filter-dialog[open]){overflow:hidden}body:has(.circle-filter-dialog[open]) .feed-scroll{overflow:hidden!important}@media (max-width:640px){.circle-filter-dialog{top:auto;bottom:var(--filter-viewport-bottom,0);left:0;transform:none;width:100%;border:0;border-radius:20px 20px 0 0}.circle-filter-dialog[open]{animation:circle-filter-enter .18s ease-out}.circle-filter-dialog footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@keyframes circle-filter-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.circle-filter-dialog[open]{animation:none}}.home-header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.circle-feed-filter-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.circle-feed-filter-trigger:hover,.circle-feed-filter-trigger[data-active=true]{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.circle-feed-filter-label{display:inline-flex;align-items:center;gap:7px}.circle-feed-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--primary);color:#fff;font-size:11px;line-height:1}.circle-feed-filter-trigger--icon{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent}.circle-feed-filter-dot{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--primary)}@media (max-width:640px){.home-header-actions{gap:8px}.home-header-actions--search{order:3;width:100%}.home-header-actions--search .search-field{order:0;flex:1 1;min-width:0}}.photo-cropper-host{width:100%;display:flex;flex-direction:column;align-items:center;padding:12px 0}.photo-cropper-host p{font-size:12px;text-align:center}.photo-cropper{position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#111}.photo-cropper>img{width:100%;height:100%;display:block;pointer-events:none}.photo-crop-selection{position:absolute;border:2px solid #fff;box-shadow:0 0 0 1000px #0007;cursor:move}.photo-crop-handle{position:absolute;width:28px;height:28px;background:var(--primary);border:2px solid #fff;border-radius:50%;touch-action:none}.photo-crop-handle.nw{top:-8px;left:-8px;cursor:nwse-resize}.photo-crop-handle.ne{top:-8px;right:-8px;cursor:nesw-resize}.photo-crop-handle.sw{bottom:-8px;left:-8px;cursor:nesw-resize}.photo-crop-handle.se{bottom:-8px;right:-8px;cursor:nwse-resize}.connection-map-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;inset:0;padding:16px;border:0;color:var(--text-primary);background:var(--surface);overflow:auto}.connection-map-dialog header{height:48px;margin:0 0 16px}.activity-dashboard{flex:1 1;min-height:0;overflow:auto;padding:24px;color:var(--text-primary)}.activity-dashboard header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.activity-dashboard h2{margin:0}.activity-dashboard h3{margin:0 0 18px}.activity-dashboard p,.activity-notes{color:var(--text-secondary);font-size:13px;line-height:1.8}.activity-dashboard button,.activity-dashboard select{font:inherit;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.activity-dashboard button:disabled{opacity:.4;cursor:default}.activity-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;margin:20px 0}.activity-kpis>div,.activity-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.activity-kpis span{display:block;font-size:12px;color:var(--text-secondary)}.activity-kpis strong{display:block;font-size:28px;margin-top:12px}.activity-panel{margin:16px 0}.activity-table-scroll{overflow-x:auto}.activity-table{width:100%;border-collapse:collapse;font-size:13px}.activity-table td,.activity-table th{padding:12px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.activity-table th:first-child{text-align:left;max-width:280px;white-space:normal;min-width:130px}.activity-table button{border:0;color:var(--primary);text-align:left}.activity-panel nav{margin-top:16px;text-align:right}.activity-bars{height:150px;display:flex;align-items:flex-end;gap:3px;border-bottom:1px solid var(--border)}.activity-bars>div{flex:1 1;background:var(--primary);border-radius:3px 3px 0 0;min-width:1px}.activity-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);margin:8px 0 14px}@media(max-width:600px){.activity-dashboard{padding:16px}.activity-panel{padding:14px}.activity-kpis{grid-template-columns:repeat(2,1fr)}}.post-reaction-group{display:flex;align-items:center;min-width:0}.post-actions:not(.without-attendance) .post-reaction-group{flex:1 1;overflow-x:auto;scrollbar-width:none}.post-reaction-group::-webkit-scrollbar{display:none}.reaction-people-preview{--person-size:24px;--badge-size:12px;--person-spacing:3px;gap:4px;border:0;background:none;padding:0 2px;min-height:44px;color:var(--text-secondary);font-size:11px;white-space:nowrap;cursor:pointer;flex-shrink:0}.reaction-avatars,.reaction-people-preview{display:flex;align-items:center}.reaction-person{position:relative;display:block;width:var(--person-size);height:var(--person-size);flex-shrink:0}.reaction-person+.reaction-person{margin-left:var(--person-spacing)}.reaction-person>div,.reaction-person>img{width:var(--person-size)!important;height:var(--person-size)!important}.reaction-person-badge{position:absolute;z-index:1;right:-1px;bottom:-3px;border:1px solid var(--surface);background:var(--surface);border-radius:50%;line-height:0}.reaction-person-badge img{width:var(--badge-size)!important;height:var(--badge-size)!important}.comment-reaction-actions{display:flex;align-items:center;min-width:0;container-type:inline-size;container-name:comment-reactions}.comment-people{--person-size:28px;--badge-size:14px}@container comment-reactions (max-width:310px){.comment-people{--person-size:24px;--badge-size:12px;--person-spacing:0px}}@container comment-reactions (max-width:260px){.comment-people{--person-size:20px;gap:3px;font-size:10px}}.post-actions .post-reaction-action{width:28px;flex-basis:28px}.post-actions .attendance-actions{gap:2px}.post-actions .attendance-actions>button:first-child{width:88px!important}.post-actions .attendance-actions>button:nth-child(2){min-width:36px!important}.post-actions .post-comment-action{min-width:36px}.post-actions .post-save-action{min-width:30px}.profile-name-line{display:flex;align-items:center;gap:10px;min-width:0}.profile-name-line>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;flex:1 1}.profile-reactions{font-size:11px;flex-shrink:0;max-width:calc(100% - 80px);overflow-x:auto}.profile-reactions>div{width:max-content}@container post-actions (max-width: 345px){.post-actions .attendance-actions>button:nth-child(2)>span:first-child{display:none!important}.reaction-people-preview{--person-size:20px;--badge-size:10px;--person-spacing:0px;gap:3px}}@container post-actions (max-width: 285px){.post-actions .attendance-actions>button:first-child{width:76px!important}.post-actions .attendance-actions>button:nth-child(2){min-width:24px!important}.reaction-people-preview{--person-size:18px;--person-spacing:-4px;padding:0 1px}.post-actions .post-reaction-action{width:24px;flex-basis:24px}.post-actions .post-comment-action{min-width:30px;width:30px;flex-basis:30px}.post-actions .post-save-action{min-width:26px}}@media(max-width:640px){.profile-reactions{font-size:10px}.profile-reactions img{width:16px!important;height:16px!important}.profile-reactions>div{gap:3px!important}.profile-name-line{gap:4px}.profile-name-line>strong{font-size:16px}}.fullscreen-media{position:fixed;inset:0;background:#000;z-index:10010;display:flex;align-items:center;justify-content:center;color:#fff}.fullscreen-media a,.fullscreen-media button{min-height:44px;border:0;border-radius:12px;background:#333b;color:#fff;padding:8px 14px;cursor:pointer}.fullscreen-media button:disabled{opacity:.3}.fullscreen-close,.fullscreen-save{position:absolute;top:max(16px,env(safe-area-inset-top));z-index:3}.fullscreen-close{left:16px}.fullscreen-save{right:16px}.media-next,.media-prev{position:absolute;top:50%;z-index:2;font-size:28px}.media-prev{left:8px}.media-next{right:8px}.media-position{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));pointer-events:none}.fullscreen-video{width:100%;height:100%;position:relative;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.fullscreen-video-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:12px 12px max(12px,env(safe-area-inset-bottom));background:#171717}.fullscreen-video-controls input{flex:1 1;min-width:20px;touch-action:none}.fullscreen-video-controls span{font-size:11px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inline-video-play,.media-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.inline-video-play{border:0;border-radius:50%;width:56px;height:56px;color:#fff;background:#0008;cursor:pointer}.inline-video-actions{position:absolute;right:10px;bottom:10px;display:flex;gap:8px}.inline-video-actions button{min-width:44px;height:44px;border:0;border-radius:50%;background:#0008;color:#fff;cursor:pointer}.feed-refresh-message{position:absolute;top:76px;left:50%;transform:translateX(-50%);z-index:30;max-width:calc(100% - 24px);padding:8px 14px;border-radius:22px;background:#1e293bea;color:#fff;font-size:12px;pointer-events:none;box-shadow:0 2px 8px #0002}.comment-composer .keyboard-dismiss{visibility:hidden;position:absolute;right:0;top:-34px;z-index:2;min-height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--primary);font-size:11px}.comment-composer:focus-within .keyboard-dismiss{visibility:visible}@media(max-width:480px){.profile-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.profile-header>div:first-child:not(:last-child),.profile-header>img{width:48px!important;height:48px!important}}.media-draft-picker button{min-height:44px}.media-draft-picker [aria-label$=\3092\524D\3078],.media-draft-picker [aria-label$=\3092\5F8C\3078]{min-width:44px}@container post-actions (max-width:285px){.post-actions .attendance-actions>button:first-child{width:60px!important}.reaction-people-preview{gap:2px;font-size:9px}}@media(max-width:640px){.post-detail-scroll{padding:12px!important}}.profile-tabs{display:flex;gap:2px;margin-top:16px;padding:3px;border-radius:18px;background:var(--divider)}.profile-tabs button{flex:1 1;min-width:0;min-height:44px;border:0;border-radius:16px;background:none;color:var(--text-primary);font-size:11px;padding:4px;white-space:nowrap;cursor:pointer}.profile-tabs button[aria-pressed=true]{background:var(--surface);font-weight:700}@media(max-width:640px){.profile-page-scroll,.public-profile-content{padding:16px 12px 32px!important}.public-profile-content .profile-header{padding:0!important}}@media(max-width:360px){.profile-header{padding:12px!important}}.mobile-bottomnav>button{min-width:0;min-height:44px;padding:0 2px}.mobile-bottomnav>button>span{white-space:nowrap}.post-actions.without-attendance .post-reaction-action,.post-actions.without-attendance .post-save-action{min-width:44px;width:44px;flex-basis:44px}.post-actions.without-attendance .post-comment-action{flex:1 1;width:auto;min-width:44px;margin-left:4px;justify-content:flex-start;gap:3px;overflow:hidden}.post-comment-action svg,.post-comment-count{flex-shrink:0}.post-comment-action .post-comment-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:11px;font-weight:400}.post-actions.without-attendance .post-reaction-group{flex:0 0 auto}@container post-actions (max-width:380px){.post-actions.without-attendance .reaction-people-preview{--person-size:20px;--badge-size:10px;--person-spacing:0px;gap:3px}}@container post-actions (max-width:300px){.post-actions.without-attendance .reaction-people-preview{--person-size:18px;--person-spacing:-2px;font-size:9px;gap:2px}.post-actions.without-attendance .post-comment-action{gap:2px}.post-actions.without-attendance .post-comment-preview{font-size:10px}}.profile-avatar-button{display:block;width:80px;height:80px;padding:0;border:0;border-radius:50%;background:none;flex-shrink:0;cursor:zoom-in}.feed-order-control{margin:0 0 12px;padding:0;border:0;min-width:0}.feed-order-control legend{font-size:13px;font-weight:600;padding:0;margin-bottom:6px}.feed-order-control>div{display:flex;gap:6px}.feed-order-control button{flex:1 1;min-width:0;min-height:44px;padding:6px;font-size:13px}.feed-order-control button[aria-pressed=true]{color:var(--primary);background:var(--primary-light);border-color:var(--primary)}.feed-order-control small{display:block;color:var(--text-secondary);font-size:11px;margin-top:6px}.feed-order-divider{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:12px;margin:18px 0}.feed-order-divider:after,.feed-order-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.profile-avatar-button:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.home-order-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent;cursor:pointer}.home-order-toggle:disabled{cursor:wait}.home-order-spinner{width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:home-order-spin .8s linear infinite}@keyframes home-order-spin{to{transform:rotate(1turn)}}@media(max-width:1024px){.mobile-topbar{padding-inline:8px;gap:4px}}@media(max-width:379px){.mobile-topbar.has-home-order.is-admin .mobile-topbar-brand>span{display:none}}@media(max-width:335px){.mobile-topbar.has-home-order .mobile-topbar-brand>span{display:none}}.feed-new-posts{width:max-content;min-height:44px;white-space:nowrap;pointer-events:auto;border:0;padding:8px 16px}.post-actions .post-reaction-trigger{min-width:44px;width:44px;flex:0 0 44px}.reaction-trigger-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.reaction-prompt .reaction-trigger-icon{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary)}.reaction-prompt-plus{position:absolute;right:-1px;bottom:-1px;font-size:12px;line-height:14px;font-weight:700;border-radius:50%;background:var(--surface);color:var(--primary)}.post-actions .post-reaction-trigger.reaction-prompt-label{width:auto;flex-basis:auto;gap:3px;padding-right:4px}.post-reaction-action .reaction-prompt-text{font-size:11px;white-space:nowrap;color:var(--primary)}@container post-actions (max-width:300px){.post-reaction-action .reaction-prompt-text{font-size:10px}}.user-directory{overflow:auto;height:100%;padding:16px}.user-directory header{display:flex;align-items:center;justify-content:space-between}.user-directory h2{font-size:18px}.user-directory input{width:100%;padding:12px;margin:12px 0;border:1px solid var(--border);border-radius:12px;font:inherit}.directory-list{background:var(--surface);border-radius:14px;overflow:hidden}.directory-person{width:100%;display:flex;align-items:center;gap:12px;min-height:68px;text-align:left;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px}.directory-person>span:first-of-type{flex:1 1;min-width:0;overflow-wrap:anywhere}.directory-person small{display:block;color:var(--text-secondary);margin-top:4px}.directory-list p{padding:16px}.user-directory button{min-height:44px}.header-more{display:none;position:relative;order:10}.header-more summary{list-style:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}.header-more summary::-webkit-details-marker{display:none}.header-more>div{position:absolute;right:0;top:46px;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 12px #0002}.header-more button{width:100%;min-height:44px;border:0;text-align:left;background:none}@media(max-width:420px){.mobile-topbar-brand>span{display:none}}@media(max-width:520px){.mobile-topbar-brand>span{display:none}}.post-related-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;color:var(--text-secondary);text-decoration:none}.post-related-link:focus-visible{outline:2px solid var(--primary);outline-offset:-2px;border-radius:6px}@media(max-width:353px){.mobile-topbar.is-admin .header-secondary{display:none!important}.mobile-topbar.is-admin .header-more{display:block}}@media(max-width:309px){.mobile-topbar .header-secondary{display:none!important}.mobile-topbar .header-more{display:block}}.required-profile{width:100%;max-width:480px;margin:auto;background:var(--bg);color:var(--text-primary);padding-bottom:env(safe-area-inset-bottom)}.required-profile header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.required-profile-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px}.required-profile button{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary);padding:8px 14px;cursor:pointer}.required-profile button:disabled{opacity:.5;cursor:default}.required-profile fieldset{border:0;margin:0;padding:20px;min-width:0}.required-profile h1{font-size:22px;margin:0 0 10px}.required-profile h2{font-size:15px;margin:20px 0 10px}.required-profile p,.required-profile small{color:var(--text-secondary)}.required-profile label{display:block;margin:10px 0 0;font-weight:600}.required-profile input,.required-profile textarea{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);border-radius:10px;padding:12px;margin-top:8px}.required-profile input[hidden]{display:none}.required-profile textarea{resize:vertical}.required-profile-notice{background:var(--primary-light);color:var(--primary);padding:12px;border-radius:10px;margin:20px 0}.required-profile-photo{display:flex;align-items:center;gap:16px;margin-bottom:20px}.required-profile-count{display:block;text-align:right;margin:4px 0 18px}.required-profile footer{position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);padding:12px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--border);text-align:center;color:var(--text-secondary);font-size:12px}.required-profile footer button{width:100%;background:var(--primary);color:#fff;border:0;margin-top:8px;font-weight:600;font-size:15px}.required-profile [role=alert]{color:var(--danger,#c43b35);padding:0 20px}.bug-report-dialog{margin:auto;padding:0;border:0;border-radius:20px;width:min(600px,calc(100vw - 24px));max-height:90dvh;color:var(--text-primary);background:var(--surface)}.bug-report-dialog::-webkit-backdrop{background:#0006}.bug-report-dialog::backdrop{background:#0006}.bug-report-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;background:var(--surface);z-index:1}.bug-reports{padding:16px;max-width:680px;margin:auto;overflow-wrap:anywhere}.bug-reports nav{display:flex;gap:8px;margin-bottom:16px}.bug-report-dialog>header button,.bug-reports button{min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface);color:var(--text-primary)}.bug-reports button:disabled{opacity:.5;cursor:default}.bug-reports .bug-primary,.bug-reports button[aria-pressed=true]{background:var(--primary);color:#fff}.bug-reports fieldset{border:0;padding:0;min-width:0}.bug-reports label{display:block;margin:16px 0 8px}.bug-reports textarea{display:block;box-sizing:border-box;width:100%;border:1px solid var(--border);border-radius:10px;padding:12px;margin-top:8px;font:inherit}.bug-reports input{max-width:100%}.bug-reports select{min-height:44px;margin-left:8px;max-width:100%}.bug-reports pre{overflow-wrap:anywhere;font-size:12px}.bug-reports .bug-body,.bug-reports pre{white-space:pre-wrap}.bug-reports .bug-photos{display:flex;gap:8px;overflow-x:auto;margin:16px 0}.bug-photos>div{flex:0 0 auto}.bug-photos img{width:130px;height:130px;object-fit:contain}.bug-list-entry{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;margin:8px 0}.bug-list-entry span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.circle-event-card{display:block;width:100%;text-align:left;color:var(--text-primary);border:1px solid #f5c6b7;border-left:4px solid var(--primary);border-radius:18px;padding:16px;margin:12px 0;background:var(--surface);cursor:pointer;overflow-wrap:anywhere}.circle-event-heading{display:flex;align-items:center;gap:8px}.circle-event-heading strong{flex:1 1}.circle-event-heading small{color:var(--primary);flex-shrink:0}.circle-event-card h3{font-size:18px;margin:8px 0}.circle-event-card p{margin:8px 0;font-size:14px}.circle-event-dialog{margin:auto;border:0;border-radius:20px;padding:0;width:min(600px,calc(100vw - 20px));max-height:90dvh;color:var(--text-primary);background:var(--surface)}.circle-event-dialog::-webkit-backdrop{background:#0007}.circle-event-dialog::backdrop{background:#0007}.circle-event-dialog header{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface)}.circle-event-dialog header strong{flex:1 1}.circle-event-content{padding:16px}.circle-event-dialog button,.circle-events-list button{min-height:44px;cursor:pointer}.circle-event-content fieldset{border:0;padding:0;min-width:0}.circle-event-content label{display:block;margin:12px 0}.circle-event-content input,.circle-event-content select,.circle-event-content textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:44px;font:inherit;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:inherit}.circle-event-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.circle-event-actions button{min-height:44px;padding:8px 12px}.circle-events-list{padding:8px}.catch-up-shelf{margin:12px 0;padding:16px 0;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-width:0}.catch-up-heading{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:0 16px 12px}.catch-up-heading h2{font-size:15px;margin:0 0 4px;color:var(--text-primary)}.catch-up-heading p{font-size:11px;margin:0;color:var(--text-secondary)}.catch-up-arrows{display:flex;flex-shrink:0}.catch-up-arrows button{min-width:44px;min-height:44px;background:transparent;border:0;font-size:24px;color:var(--text-secondary);cursor:pointer}.catch-up-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:0 16px 2px;scrollbar-width:thin}.catch-up-card{flex:0 0 152px;width:152px;padding:0;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);color:var(--text-primary);text-align:left;cursor:pointer;font-family:inherit}.catch-up-cover{width:100%;height:150px;position:relative;background:var(--bg);overflow:hidden}.catch-up-cover video{width:100%;height:100%;object-fit:cover;pointer-events:none}.catch-up-text-cover{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin:20px 12px;font-size:14px;line-height:1.6}.catch-up-media-badge{position:absolute;top:6px;right:6px;color:#fff;text-shadow:0 1px 4px #000}.catch-up-copy{padding:10px}.catch-up-author,.catch-up-circle{display:flex;align-items:center;gap:4px;min-width:0}.catch-up-author>span,.catch-up-circle>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.catch-up-circle{font-size:11px}.catch-up-title{font-size:13px;line-height:1.5;font-weight:600;margin:8px 0;height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.catch-up-author{font-size:10px;color:var(--text-secondary)}.catch-up-author time{margin-left:auto;white-space:nowrap}.catch-up-error{padding:0 16px;color:var(--text-secondary);font-size:12px}.catch-up-error button{min-height:44px;min-width:44px;margin-left:8px}@media (max-width:360px){.catch-up-heading{padding-inline:12px}.catch-up-heading h2{font-size:14px}.catch-up-arrows{display:none}}.post-carousel-controls{display:none}@media (hover:hover) and (pointer:fine){.post-carousel-controls{display:block}.post-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;font-size:32px;line-height:1;cursor:pointer}.post-carousel-prev{left:8px}.post-carousel-next{right:8px}.post-carousel-arrow:hover:not(:disabled){background:rgba(0,0,0,.7)}.post-carousel-arrow:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.post-carousel-arrow:disabled{opacity:.3;cursor:default}}.search-map-entry-wrap{padding:12px 28px}.search-map-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:13px;font-weight:500;text-align:left;cursor:pointer}.search-map-entry-wrap+.feed-scroll{padding-top:0!important}.search-map-icon{display:flex;color:var(--primary);flex-shrink:0}.search-map-chevron{margin-left:auto}@media (max-width:768px){.search-map-entry-wrap{padding-inline:16px}}.video-loading-indicator{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 16px;border-radius:10px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.video-loading-indicator progress{width:96px;height:5px;accent-color:#fff}.video-loading-spinner{width:20px;height:20px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:video-buffer-spin 1s linear infinite}@keyframes video-buffer-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.video-loading-spinner{animation:none}}