:root,[data-theme=light]{--bg:#f4f6f8;--bg-elevated:#ffffff;--ink:#1a1c1e;--muted:#6b7280;--line:#e6e8eb;--accent:#00a86b;--accent-hover:#00945f;--accent-soft:#e8f8f1;--sidebar:#ffffff;--sidebar-ink:#1a1c1e;--sidebar-muted:#6b7280;--danger:#e11d48;--danger-bg:#fff1f2;--warn:#b45309;--warn-bg:#fff7ed;--ok:#007a4d;--ok-bg:#e8f8f1;--shadow:0 8px 24px rgba(16,24,40,0.06);--radius:12px}[data-theme=dark]{--bg:#121416;--bg-elevated:#1a1c1e;--ink:#f4f6f8;--muted:#9ca3af;--line:#2a2e32;--accent:#12c48a;--accent-hover:#2dd4a0;--accent-soft:#16352b;--sidebar:#1a1c1e;--sidebar-ink:#f4f6f8;--sidebar-muted:#9ca3af;--danger:#fb7185;--danger-bg:#3f1219;--warn:#fbbf24;--warn-bg:#3b2a10;--ok:#6ee7b7;--ok-bg:#16352b;--shadow:0 12px 32px rgba(0,0,0,0.28)}[data-theme=dark][data-accent=green],[data-theme=light][data-accent=green]{--accent:#00a86b;--accent-hover:#00945f;--accent-soft:#e8f8f1}[data-theme=dark][data-accent=green]{--accent:#12c48a;--accent-hover:#2dd4a0;--accent-soft:#16352b}[data-theme=light][data-accent=blue]{--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#dbeafe}[data-theme=dark][data-accent=blue]{--accent:#60a5fa;--accent-hover:#93c5fd;--accent-soft:#1e3a5f}[data-theme=light][data-accent=orange]{--accent:#ea580c;--accent-hover:#c2410c;--accent-soft:#ffedd5}[data-theme=dark][data-accent=orange]{--accent:#fb923c;--accent-hover:#fdba74;--accent-soft:#3d2416}[data-theme=light][data-accent=violet]{--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#ede9fe}[data-theme=dark][data-accent=violet]{--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-soft:#2e2150}[data-theme=dark][data-surface=charcoal]{--bg:#121416;--bg-elevated:#1a1c1e;--sidebar:#1a1c1e;--line:#2a2e32}[data-theme=dark][data-surface=zinc]{--bg:#0f0f10;--bg-elevated:#18181b;--sidebar:#18181b;--line:#27272a}[data-theme=dark][data-surface=navy]{--bg:#0b1220;--bg-elevated:#121a2b;--sidebar:#121a2b;--line:#1e2a44}[data-theme=dark][data-surface=olive]{--bg:#10140c;--bg-elevated:#171d14;--sidebar:#171d14;--line:#2a3224}[data-theme=light][data-surface=snow]{--bg:#f4f6f8;--bg-elevated:#ffffff;--sidebar:#ffffff;--line:#e6e8eb}[data-theme=light][data-surface=cream]{--bg:#f7f3ea;--bg-elevated:#fffcf6;--sidebar:#fffcf6;--line:#ebe3d4}[data-theme=light][data-surface=mist]{--bg:#eef2f7;--bg-elevated:#ffffff;--sidebar:#ffffff;--line:#dce3ee}[data-theme=light][data-surface=linen]{--bg:#f3eee6;--bg-elevated:#faf7f2;--sidebar:#faf7f2;--line:#e6ddd0}html{--font-size:15px;--font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--radius:8px;--radius-box:10px}html[data-fontsize=sm]{--font-size:14px}html[data-fontsize=md]{--font-size:15px}html[data-fontsize=lg]{--font-size:16px}html[data-fontsize=xl]{--font-size:18px}html[data-font=sans]{--font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}html[data-font=humanist]{--font-family:"Trebuchet MS","Segoe UI",sans-serif}html[data-font=serif]{--font-family:Georgia,"Times New Roman",serif}html[data-font=mono]{--font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-family);font-size:var(--font-size)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.pitch-mark{width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-lockup strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.03em;color:var(--accent)}.brand-lockup p{margin:0;font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.brand-btn{border:0;background:transparent;padding:0;cursor:pointer;color:inherit;text-align:left}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;color:var(--muted);font-weight:500}.field input{height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:var(--ink)}.field input[type=number].is-coord{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.field input[type=number].is-coord::-webkit-inner-spin-button,.field input[type=number].is-coord::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.field input:focus{outline:2px solid color-mix(in srgb,var(--accent) 28%,transparent);border-color:var(--accent)}.error{background:var(--danger-bg);color:var(--danger);padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:14px}.btn{height:44px;width:100%;padding:0 16px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap;box-sizing:border-box}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.7;cursor:wait}.btn-inline{width:auto;padding:0 18px}.btn-ghost,.field select{background:var(--bg-elevated);color:var(--ink);border:1px solid var(--line)}.field select{height:44px;padding:0 14px;border-radius:10px}.hint{margin-top:8px;color:var(--muted);font-weight:400}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.admin-form .form-actions{margin-top:auto}.form-actions-end{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-left:auto}.notice-ok{background:var(--ok-bg);color:var(--ok);padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:14px}.muted{margin:10px 0 0;color:var(--muted);font-size:13px}.admin-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.admin-card{border:1px solid var(--line);border-radius:12px;padding:14px}.admin-card,.admin-card-main{display:flex;gap:14px;align-items:center}.admin-card-main{flex:1 1;min-width:0}.admin-card-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto}.admin-card-actions .icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center}.admin-card-actions .icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.admin-card-actions .icon-btn.is-danger{color:var(--danger)}.admin-card-actions .icon-btn.is-danger:hover{background:var(--danger-bg)}.admin-card:hover{background:var(--accent-soft)}.admin-card h3{margin:0;font-size:16px;font-weight:700;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.user-filters{display:flex;flex-direction:column;gap:12px;margin:16px 0}.user-search{display:flex;flex-wrap:wrap;gap:8px}.user-search input[type=search]{flex:1 1;min-width:180px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.role-chips{display:flex;flex-wrap:wrap;gap:8px}.role-chip{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center}.role-chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.role-fieldset{border:0;padding:0;margin:0 0 14px}.role-fieldset legend{margin-bottom:8px;font-weight:600}.role-checks{display:flex;flex-wrap:wrap;gap:8px}.role-check{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:13px;font-weight:600}.admin-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;flex-shrink:0}.admin-avatar.is-sm{width:32px;height:32px;font-size:11px}.people-browser{margin-top:16px}.people-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:flex-end}.people-search{flex:1 1;min-width:220px;position:relative}.people-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted,#6b7280);pointer-events:none}.people-search input{width:100%;height:42px;padding:0 12px 0 40px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.multi-select{min-width:220px}.multi-select-label{display:block;margin-bottom:6px;font-size:12px;font-weight:600;color:var(--muted,#6b7280)}.multi-select-trigger{min-height:42px;height:auto;padding:8px 12px;border-radius:10px;font-weight:600}.multi-select-chip{font-size:11px}.multi-select-menu{z-index:8;box-shadow:0 12px 32px rgb(0 0 0/12%)}.multi-select-option{font-weight:600}.people-table-wrap{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-elevated)}.people-table-wrap.is-loading{opacity:.65;pointer-events:none}.people-table-scroll{overflow-x:auto}.people-table{width:100%;border-collapse:collapse;font-size:13px}.people-table td,.people-table th{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;vertical-align:middle}.people-table th{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#6b7280);background:color-mix(in srgb,var(--bg) 70%,transparent)}.people-table tbody tr:hover{background:var(--accent-soft)}.people-table tbody tr.is-clickable{position:relative;cursor:pointer;transform:translateZ(0)}.people-table .row-stretched{color:inherit;text-decoration:none;font:inherit}.people-table .row-stretched:after{content:"";position:absolute;inset:0;z-index:1}.people-table .is-muted{color:var(--muted,#6b7280)}.people-table .is-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis}.people-table .is-actions{position:relative;z-index:2;text-align:right;width:96px}.people-table .badge{margin-left:0}.people-table .is-actions .icon-btn{width:30px;height:30px;display:inline-grid;place-items:center;margin-left:4px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.people-table .is-actions .icon-btn:hover{background:var(--accent-soft);color:var(--accent)}.people-table .is-actions .icon-btn.is-danger{color:var(--danger)}.people-name{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:inherit}.people-roles{display:flex;flex-wrap:wrap;gap:4px}.people-roles .badge{font-size:10px;padding:2px 7px}.people-empty{text-align:center;color:var(--muted,#6b7280);padding:28px 12px!important}.people-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.people-pager-info{margin:0;font-size:12px;color:var(--muted,#6b7280)}.people-pager-btns{display:flex;align-items:center;gap:8px}.pager-btn{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700}.pager-btn:disabled{opacity:.4}.pager-page{font-size:12px;font-weight:700}.admin-avatar.is-fallback{font-size:14px}.admin-edit{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);grid-gap:16px;gap:16px;align-items:stretch}.admin-edit:has(>:only-child){grid-template-columns:1fr}.admin-edit>.panel{display:flex;flex-direction:column;align-self:stretch;min-height:0}.admin-edit>.panel+.panel{margin-top:0}.admin-form{display:flex;flex-direction:column;min-height:0;align-self:stretch}.pitch-layout{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(380px,1.2fr);grid-template-rows:1fr 1fr;grid-gap:12px;gap:12px;align-items:stretch}.pitch-layout>.panel+.panel{margin-top:0}.pitch-layout>.photo-panel{grid-column:1;grid-row:1}.pitch-layout>.map-panel{grid-column:1;grid-row:2}.pitch-layout>.admin-form{grid-column:2;grid-row:1/span 2;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-content:start;grid-gap:8px 12px;gap:8px 12px;overflow:auto;min-height:0;padding:14px 16px}.pitch-layout:not(:has(>.photo-panel)){grid-template-rows:1fr}.pitch-layout:not(:has(>.photo-panel))>.map-panel{grid-column:1;grid-row:1}.pitch-layout:not(:has(>.photo-panel))>.admin-form{grid-column:2;grid-row:1}.pitch-layout>.map-panel,.pitch-layout>.photo-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px 14px}.pitch-layout>.map-panel{overflow:visible}.pitch-layout .map-copy,.pitch-layout .map-toolbar .map-hint,.pitch-layout>.map-panel>p,.pitch-layout>.photo-panel>p{display:none}.pitch-layout>.map-panel h2,.pitch-layout>.photo-panel h2{font-size:14px;margin:0}.pitch-layout .map-picker,.pitch-layout .photo-gallery{flex:1 1;min-height:0;margin-top:8px;gap:8px}.pitch-layout .map-canvas,.pitch-layout .photo-stage{flex:1 1;height:auto;min-height:0;max-height:none}.pitch-layout .photo-add,.pitch-layout .photo-thumb{width:40px;height:40px}.pitch-layout .map-toolbar{gap:8px}.pitch-layout .map-toolbar button{height:32px;padding:0 10px;font-size:12px}.pitch-layout .field{margin-bottom:0;gap:4px;font-size:12px}.pitch-layout .field input,.pitch-layout .field select,.pitch-layout .field textarea{height:36px;min-height:36px;padding:6px 10px}.pitch-layout .field textarea{height:auto;min-height:56px}.pitch-layout .field-span-2{grid-column:1/-1}.pitch-layout .role-fieldset{margin:0}.pitch-layout .form-actions{margin-top:8px;padding-top:10px}.pitch-layout .check-field{align-self:end;min-height:36px}.photo-panel{max-width:none}.photo-gallery{margin-top:16px;display:flex;flex-direction:column;gap:12px;max-width:none;flex:1 1;container-type:inline-size}.photo-stage{width:100%;max-width:100%;height:min(240px,36vw);min-height:140px;max-height:260px;flex:0 0 auto;border-radius:18px;overflow:hidden;background:var(--bg);border:1px solid var(--line);display:flex;position:relative}.photo-stage img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.photo-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:14px}.photo-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.photo-add,.photo-thumb{width:56px;height:56px;border-radius:12px;border:2px solid var(--line);overflow:hidden;padding:0;background:var(--bg);cursor:pointer;flex-shrink:0}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb.is-active{border-color:var(--accent)}.photo-add{display:grid;place-items:center;color:var(--muted);text-align:center}.photo-add span{font-size:22px;line-height:1}.photo-add small{font-size:9px;font-weight:700;text-transform:uppercase}.photo-delete{position:absolute;top:8px;right:8px;z-index:2;width:auto;margin:0;height:28px;padding:0 10px;font-size:11px}.photo-stage.is-square{aspect-ratio:1;height:auto;min-height:0;max-height:none}.photo-stage.is-square img{object-fit:cover;touch-action:pan-y}.photo-stage-tools{position:absolute;top:8px;right:8px;z-index:3}.photo-stage-tools .social-icon-btn{width:36px;height:36px;background:rgba(0,0,0,.45);color:#fff}.photo-main-badge{position:absolute;left:10px;top:10px;z-index:2;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:11px;font-weight:700}.photo-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:5px;pointer-events:none}.photo-dots span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.4)}.photo-dots span.is-on{background:#fff}.photo-thumb{position:relative}.photo-thumb-main{position:absolute;right:4px;bottom:4px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.photo-crop{display:grid;grid-gap:12px;gap:12px}.photo-crop-box{position:relative;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#111;touch-action:none;cursor:-webkit-grab;cursor:grab}.photo-crop-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;-webkit-user-drag:none}.photo-crop-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.photo-crop input[type=range]{width:100%}.btn-sm{width:auto;height:34px;background:transparent;color:var(--ink);border:1px solid var(--line);padding:0 12px;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;white-space:nowrap}.btn-sm:hover{background:var(--accent-soft)}.btn-danger{color:var(--danger)}.btn-ok{color:var(--ok)}.app-shell{min-height:100vh;display:grid;grid-template-columns:264px 1fr}.app-shell.is-collapsed{grid-template-columns:80px 1fr}.sidebar{background:var(--sidebar);color:var(--sidebar-ink);padding:16px 12px 18px;display:flex;flex-direction:column;gap:18px;border-right:1px solid var(--line)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 4px 8px}.is-collapsed .sidebar-head{flex-direction:column}.avatar-btn,.chip-btn,.collapse-btn,.icon-btn{border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);cursor:pointer;display:grid;place-items:center}.collapse-btn,.icon-btn{width:32px;height:32px;border-radius:999px}.is-collapsed .collapse-btn{transform:rotate(180deg)}.chip-btn{height:36px;padding:0 10px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.chip-btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1 1}.nav-block{position:relative}.nav-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:var(--sidebar-ink);font-weight:600;font-size:14px;text-align:left;cursor:pointer}.nav-item.is-active{background:var(--accent);color:#fff}.nav-item.is-parent:hover,.nav-item:hover:not(.is-active):not(.is-soon){background:var(--accent-soft)}.nav-item.is-soon{opacity:.55;cursor:default}.nav-label{flex:1 1;min-width:0}.nav-ico{display:grid;place-items:center;width:20px;flex-shrink:0}.nav-caret{display:grid;opacity:.6;transition:transform .15s ease}.nav-caret.is-open{transform:rotate(90deg)}.nav-tree{margin:2px 0 6px 22px;padding-left:12px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}.nav-sub{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:13px;color:var(--muted);position:relative}.nav-sub:before{content:"";position:absolute;left:-13px;top:50%;width:12px;height:1px;background:var(--line)}.nav-sub.is-soon{opacity:.7}.nav-flyout{position:absolute;left:calc(100% + 10px);top:0;z-index:40;min-width:220px}.nav-tooltip{display:inline-block;background:#111;color:#fff;font-size:12px;font-weight:600;padding:6px 10px;border-radius:8px;margin-bottom:6px}.nav-flyout-card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column}.nav-flyout-card span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--muted)}.help-card{margin-top:auto;background:var(--bg);border-radius:16px;padding:16px}.help-icon{width:32px;height:32px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:10px}.help-card strong{display:block;font-size:14px}.help-card p{margin:4px 0 10px;color:var(--muted);font-size:12px;line-height:1.4}.help-link{display:inline-block;margin-top:12px;color:var(--accent);font-size:13px;font-weight:700}.workspace{min-width:0;display:flex;flex-direction:column}.workspace:has(.pitch-layout){height:100vh;overflow:hidden}.topbar{justify-content:space-between;gap:16px;padding:14px 24px;background:var(--bg-elevated);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.search-box,.topbar{display:flex;align-items:center}.search-box{gap:8px;width:min(420px,100%);height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--muted)}.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--ink)}.topbar-actions{display:flex;align-items:center;gap:8px}.menu-anchor{position:relative}.avatar-btn{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;border:0;font-weight:700;font-size:13px}.popover,.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:30}.popover-wide{min-width:240px}.menu-item,.popover-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.menu-item:hover,.popover-item:hover{background:var(--bg)}.menu-item.is-strong,.popover-item.is-active{font-weight:700}.menu-item.is-danger{color:var(--danger);font-weight:600}.menu-rule{height:1px;background:var(--line);margin:6px 8px}.popover-empty{margin:0;padding:16px 12px;color:var(--muted);font-size:13px}.main{padding:24px 28px 40px}.main:has(.pitch-layout){padding:16px 20px;display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.main:has(.pitch-layout) .page-head{margin-bottom:12px;flex:0 0 auto}.main:has(.pitch-layout) .page-head h1{font-size:22px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.page-kicker{margin:0 0 4px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.main>h1,.page-head h1{margin:0;font-size:28px;font-weight:700;letter-spacing:-.04em}.page-user{margin:0;color:var(--muted);font-size:14px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.panel{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:20px}.panel+.panel{margin-top:16px}.panel h2{margin:0 0 6px;font-size:16px;font-weight:700}.panel p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:16px}.stat{background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:16px 18px}.stat span{color:var(--muted);font-size:13px;font-weight:600}.stat b{display:block;font-size:26px;margin-top:6px;letter-spacing:-.04em}.dash-grid{display:grid;grid-template-columns:1.6fr .8fr;grid-gap:14px;gap:14px}.chart-card .spark{width:100%;height:180px;margin-top:16px;color:var(--accent)}.profile-panel{display:flex;flex-direction:column}.profile-grid{display:grid;grid-template-columns:minmax(120px,180px) 1fr;grid-gap:0;gap:0;margin-top:16px;flex:1 1;align-content:start}.profile-grid dd,.profile-grid dt{padding:12px 0;border-bottom:1px solid var(--line)}.profile-grid dt{color:var(--muted);font-size:13px}.profile-grid dd{margin:0;font-weight:600}.profile-grid dd:last-of-type,.profile-grid dt:last-of-type{border-bottom:0}.device-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.device-card{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;align-items:center}.device-card h3{margin:0 0 4px;font-size:15px}.device-meta{color:var(--muted);font-size:13px;line-height:1.45}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;margin-left:6px;text-transform:uppercase}.badge-active,.badge-main{background:var(--ok-bg);color:var(--ok)}.badge-pending{background:var(--warn-bg);color:var(--warn)}.badge-blocked{background:var(--danger-bg);color:var(--danger)}.device-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.hint{margin-top:10px!important;font-size:13px}.waiting-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:8px;animation:pulse 1.2s ease-in-out infinite}.auth-screen{min-height:100dvh;background:var(--bg);display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,520px)}.auth-hero{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:48px 56px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 46%),var(--bg-elevated);border-right:1px solid var(--line)}.auth-hero h1{margin:8px 0 0;font-size:42px;letter-spacing:-.05em}.auth-hero p{margin:10px 0 0;max-width:420px;color:var(--muted);line-height:1.6;font-size:16px}.auth-main{display:grid;align-content:center;justify-items:center;padding:72px 40px 40px;position:relative}.auth-top{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:flex-end}.auth-brand-mobile{display:none}.auth-prefs{display:flex;gap:8px}.pref-row{display:flex;flex-direction:column;gap:10px;margin-top:18px}.pref-row:first-of-type{margin-top:12px}.pref-label{font-size:13px;font-weight:600;color:var(--muted)}.lang-switch,.theme-switch{display:flex;flex-wrap:wrap;gap:8px}.lang-switch button,.theme-switch button{height:36px;padding:0 14px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:1}.lang-switch button.is-active,.theme-switch button.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.settings-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:4px 0 14px;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--line);font-weight:650}.pref-row .lang-switch,.settings-lang .lang-switch{display:inline-flex;flex-wrap:nowrap;gap:0;padding:3px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}.pref-row .lang-switch form,.settings-lang .lang-switch form{display:inline-flex;margin:0}.pref-row .lang-switch button,.settings-lang .lang-switch button{height:32px;min-width:44px;padding:0 12px;border:0;background:transparent;border-radius:9px}.pref-row .lang-switch button.is-active,.settings-lang .lang-switch button.is-active{background:var(--accent);color:#fff}.accent-picker{display:flex;flex-wrap:wrap;gap:14px}.accent-option{display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:transparent;padding:0;cursor:pointer;color:var(--muted);font-size:12px;font-weight:600}.accent-option.is-active{color:var(--ink)}.accent-swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--bg-elevated);box-shadow:0 0 0 1px var(--line);padding:0;cursor:pointer}.accent-option.is-active .accent-swatch{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--accent)}.surface-swatch{width:56px;height:40px;border-radius:10px;border:2px solid var(--bg-elevated);box-shadow:0 0 0 1px var(--line)}.accent-option.is-active .surface-swatch{box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 4px var(--accent)}.font-preview{font-size:14px;letter-spacing:-.02em}.auth-card{width:min(440px,100%);justify-self:center;background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow)}.auth-card .field input,.auth-card .field select,.auth-card .seg{background:var(--bg)}.auth-card .seg{margin-bottom:14px}.auth-card .btn{margin-top:4px;margin-bottom:4px}.auth-card h1{margin:0 0 6px;font-size:26px;letter-spacing:-.04em}.auth-lead{margin:0 0 22px;color:var(--muted);line-height:1.5}.auth-card form+.auth-lead{margin-top:18px;margin-bottom:0}.pitch-edit{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:stretch}.pitch-edit>.panel{display:flex;flex-direction:column;min-height:0}.map-panel,.map-picker{min-height:0}.map-picker{margin-top:12px;display:flex;flex-direction:column;gap:10px;flex:1 1}.map-search{position:relative}.map-search input{width:100%;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.map-hits{position:absolute;z-index:12;left:0;right:0;top:46px;margin:0;padding:6px;list-style:none;background:var(--bg-elevated);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);max-height:220px;overflow:auto}.map-hits button{width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:8px 10px;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.map-hits button:hover{background:var(--accent-soft)}.map-hits span{color:var(--muted);font-size:12px}.map-canvas{position:relative;flex:none;height:280px;min-height:240px;overflow:hidden;border-radius:14px;border:1px solid var(--line);background:#c5d0d6;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:none}.map-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.map-tile{width:256px;height:256px}.map-pin,.map-tile{position:absolute;pointer-events:none}.map-pin{width:18px;height:18px;margin-left:-9px;margin-top:-18px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);border:2px solid #fff;box-shadow:0 4px 10px rgba(0,0,0,.35);z-index:2}.map-zoom{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px;z-index:2}.map-zoom button{width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--bg-elevated);color:var(--ink);font-size:18px;cursor:pointer}.phone-field{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:start}.phone-field input{min-width:0;width:100%}.app-select{position:relative;min-width:0}.app-select-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;font:inherit;font-weight:650;text-align:left;cursor:pointer}.app-select.is-compact .app-select-btn{min-width:108px;padding:0 10px}.app-select-btn svg{flex-shrink:0;color:var(--muted);transition:transform .15s ease}.app-select-btn svg.is-open{transform:rotate(90deg)}.app-select-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:24;min-width:220px;max-height:280px;overflow:auto;display:grid;grid-gap:4px;gap:4px;padding:6px;border-radius:var(--radius-box);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:0 12px 32px rgb(0 0 0/22%)}.app-select-menu button{width:100%;min-height:42px;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer;text-align:left;padding:8px 12px}.app-select-menu button.is-active{background:var(--accent);color:#fff}.phone-cc-value{white-space:nowrap;font-weight:750}.phone-cc-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.phone-cc-option small{color:var(--muted);font-weight:600}.app-select-menu button.is-active .phone-cc-option small{color:inherit;opacity:.8}.field-status{display:block;margin-top:6px;font-size:12px;font-weight:700}.field-status.is-ok{color:var(--ok)}.field-status.is-bad{color:var(--danger)}.field-status.is-wait{color:var(--muted)}.map-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:35;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--ink);color:var(--bg);font:inherit;font-weight:750;box-shadow:0 10px 24px rgb(0 0 0/28%);cursor:pointer}.pitch-map{position:fixed;inset:0;z-index:70;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.pitch-map-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-elevated);border-bottom:1px solid var(--line)}.pitch-map-bar button{width:40px;height:40px;border:0;border-radius:999px;background:var(--bg);color:var(--ink);cursor:pointer}.pitch-map-canvas{position:relative;overflow:hidden;background:#c5d0d6;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.map-me,.map-pitch{position:absolute;z-index:3;border:2px solid #fff;transform:translate(-50%,-100%)}.map-pitch{width:18px;height:18px;border-radius:50% 50% 50% 0;transform:translate(-50%,-100%) rotate(-45deg);background:var(--accent);padding:0;cursor:pointer}.map-pitch.is-on{background:var(--ink);width:22px;height:22px}.map-me{width:16px;height:16px;border-radius:50%;background:#3b82f6;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgb(59 130 246/28%)}.pitch-map-card,.pitch-map-hint{margin:0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--line)}.pitch-map-card{display:grid;grid-gap:4px;gap:4px;text-decoration:none;color:inherit}.pitch-map-card small,.pitch-map-hint{color:var(--muted)}.map-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.map-toolbar button{height:40px;padding:0 14px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.map-toolbar button:disabled{opacity:.55;cursor:not-allowed}.map-toolbar .map-hint{flex:1 1;min-width:160px}.map-copy,.map-hint{margin:0;color:var(--muted);font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field select,.field textarea{width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elevated);color:var(--ink);font:inherit}.check-field{flex-direction:row;align-items:center;gap:10px}.check-field input{width:18px;height:18px}.people-status{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.page-head-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nav-sub.is-active{color:var(--ink);background:var(--accent-soft)}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (max-width:980px){.sidebar{border-right:0;border-bottom:1px solid var(--line)}.auth-screen{grid-template-columns:1fr}.auth-hero{display:none}.auth-brand-mobile{display:flex}.auth-top{justify-content:space-between}.auth-main{padding:96px 20px 32px;align-content:start;justify-items:stretch;max-width:480px;margin:0 auto;width:100%}.topbar-brand{display:flex}.admin-edit,.dash-grid,.device-card,.page-head,.pitch-layout,.profile-form,.profile-grid,.stats{grid-template-columns:1fr;grid-template-rows:none;height:auto;overflow:auto}.pitch-layout>.admin-form,.pitch-layout>.map-panel,.pitch-layout>.photo-panel{grid-column:1/-1;grid-row:auto}.main:has(.pitch-layout){overflow:auto}.workspace:has(.pitch-layout){height:auto;overflow:visible}.search-box,.sidebar{display:none}.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.app-tabs.is-mobile-only{display:grid}.main{padding-bottom:88px}}.sidebar-foot{margin-top:auto}.topbar-brand{display:none;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.topbar-name{font-weight:600}.profile-form{display:grid;grid-template-columns:1fr;grid-gap:0 16px;gap:0 16px;margin-top:16px;min-width:0}.profile-form .field,.profile-form .field input,.profile-form .field select,.profile-form .role-select{min-width:0;max-width:100%;width:100%}.profile-form-wide{grid-column:1/-1}.app-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.app-tabs.is-mobile-only{display:none;position:-webkit-sticky;position:sticky;bottom:0;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--line);z-index:30}.app-tabs a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:12px;color:var(--muted);text-decoration:none;font-size:12px;font-weight:600}.app-tabs a.is-active{color:var(--accent);background:var(--accent-soft)}.settings-nav{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.settings-nav a{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);text-decoration:none;font-weight:600}.settings-nav a.is-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.role-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin-top:16px}@media (min-width:720px){.role-modal .role-grid{grid-template-columns:1fr 1fr}}.role-option{width:100%;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;display:grid;grid-gap:4px;gap:4px}.role-option span{color:var(--muted);font-size:12px}.role-option.is-active{border-color:var(--accent);background:var(--accent-soft)}.role-modal{width:min(460px,100%)}.role-select{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-weight:600;min-width:220px;width:100%}.role-select.is-compact{min-width:0;max-width:104px;width:auto;height:36px;font-size:13px}.btn-danger-outline{background:transparent;color:var(--danger);border:1px solid var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-item{text-decoration:none}.avatar-btn{display:grid;place-items:center;padding:0;width:40px;height:40px;overflow:hidden}.profile-edit{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;align-items:start;container-name:profile-edit}.profile-edit,.profile-edit>.panel{min-width:0;container-type:inline-size}.profile-edit>.panel{width:100%;overflow:hidden;container-name:profile-panel}.profile-photos-edit{padding:14px}.profile-photos-edit .photo-gallery{margin-top:10px;gap:10px}.profile-photos-edit .photo-stage{height:auto;min-height:0;max-height:none;border-radius:16px}.profile-photos-edit .photo-add,.profile-photos-edit .photo-thumb{width:44px;height:44px}.profile-photos-edit .photo-add small{display:none}.profile-account .field{margin-bottom:12px}.profile-account .role-select{min-width:0;width:100%}@container profile-panel (min-width: 560px){.profile-form{grid-template-columns:1fr 1fr}}.balance-card{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:12px 14px;border-radius:14px;background:var(--accent-soft,color-mix(in srgb,var(--accent) 12%,transparent));border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));min-width:0;flex-wrap:wrap}.balance-card span{color:var(--muted);font-size:13px;font-weight:600}.balance-card strong{font-size:18px;letter-spacing:-.03em;overflow-wrap:anywhere;text-align:right}.profile-settings{margin-top:24px}.profile-settings h2{margin:0 0 4px;font-size:18px}.calendar-panel p{margin-bottom:12px}.calendar-durations{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.calendar-durations .chip-btn.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.calendar-legend{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 12px;color:var(--muted);font-size:13px}.cal-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}.cal-dot.is-open{background:var(--ok)}.cal-dot.is-booked{background:var(--warn)}.cal-dot.is-request{background:var(--accent)}.request-actions,.request-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.request-list{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.match-row{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:12px 14px;gap:12px 14px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--bg-elevated)}.match-when{display:grid;justify-items:center;grid-gap:2px;gap:2px;min-width:0}.match-when b{font-size:12px;font-weight:700;color:var(--muted)}.match-when span{font-size:18px;font-weight:800;letter-spacing:-.03em;line-height:1.1}.match-main,.match-row .venue-body a{display:grid;grid-gap:4px;gap:4px;min-width:0;color:inherit;text-decoration:none}.match-main strong,.match-row .venue-body strong{font-size:15px}.match-main p,.match-row .venue-body p{margin:0;color:var(--muted);font-size:13px}.match-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:750;background:var(--bg);color:var(--ink)}.match-row.is-request .match-chip{background:var(--accent-soft);color:var(--accent)}.match-row.is-gathering .match-chip{background:var(--warn-bg);color:var(--warn)}.match-row.is-booked .match-chip{background:var(--ok-bg);color:var(--ok)}.match-actions{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.match-row.is-request{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.match-row.is-booked{border-color:color-mix(in srgb,var(--ok) 35%,var(--line))}.day-board{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));grid-gap:10px;gap:10px;margin-top:12px}.day-col{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg);min-height:280px;display:flex;flex-direction:column;gap:8px}.day-col.is-today{border-color:var(--accent)}.day-col header{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.day-col header small{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.day-col header strong{font-size:18px;letter-spacing:-.03em}.offer-list{display:flex;flex-direction:column;gap:6px;margin-top:auto}.offer-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:10px;padding:8px 10px;background:var(--ok-bg);color:var(--ok);font-size:13px;font-weight:700;text-align:center;cursor:pointer;width:100%;font-family:inherit}.offer-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.calendar-empty,.day-empty{margin:auto 0 0;font-size:13px;color:var(--muted)}.book-bar{position:-webkit-sticky;position:sticky;bottom:12px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--accent);border-radius:14px;background:var(--bg-elevated);box-shadow:var(--shadow)}.book-bar p{margin:4px 0 0;color:var(--muted);font-size:13px}.pitch-cards{display:grid;grid-gap:12px;gap:12px}.pitch-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.pitch-card p{margin:4px 0 0;color:var(--muted);font-size:13px}@media (max-width:1100px){.day-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.day-board{grid-template-columns:1fr}.book-bar,.pitch-card{flex-direction:column;align-items:stretch}}.phone-app{--top-h:56px;--tabs-h:72px;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);overflow-x:clip;overflow-wrap:break-word;word-break:normal}.phone-top{position:fixed;top:0;left:0;right:0;z-index:40;justify-content:space-between;min-height:var(--top-h);padding:10px 12px;background:var(--bg);border-bottom:1px solid var(--line)}.phone-brand,.phone-top{display:flex;align-items:center;gap:8px}.phone-brand{min-width:0;text-decoration:none;color:var(--ink)}.phone-brand strong{font-size:17px;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.phone-desk-nav{display:none;align-items:center;gap:4px}.phone-desk-nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:650;font-size:14px}.phone-desk-nav a.is-active{color:var(--accent);background:var(--accent-soft)}.phone-top-end{display:flex;align-items:center;gap:6px;flex-shrink:0}@media (max-width:420px){.phone-brand strong{display:none}}.phone-main{flex:1 1;display:flex;flex-direction:column;width:100%;max-width:760px;margin:0 auto;padding:calc(var(--top-h) + 12px) 16px calc(var(--tabs-h) + 12px);min-width:0;min-height:0}.tab-pager,.tab-swipe{flex:1 1;min-width:0;width:100%;max-width:100%;touch-action:pan-y}.tab-pager.is-idle,.tab-pager.is-off{overflow:visible;min-height:0}.tab-pager.is-dragging,.tab-pager.is-snapping{overflow:hidden;overscroll-behavior-x:none;min-height:50vh}.tab-pager.is-dragging{touch-action:none}.tab-strip{display:flex;align-items:flex-start;will-change:transform}.tab-pager.is-idle .tab-strip,.tab-pager.is-off .tab-strip{will-change:auto;width:100%;gap:0;transform:none}.tab-pager.is-dragging .tab-strip,.tab-pager.is-snapping .tab-strip{width:var(--strip-w,100%);gap:20px}.tab-pager.is-idle .tab-pane:not(.is-live),.tab-pager.is-off .tab-pane:not(.is-live){display:none}.tab-pager.is-snapping .tab-strip{transition:transform .22s cubic-bezier(.22,1,.36,1)}.tab-pane{flex:0 0 auto;min-width:0;overflow:hidden;background:var(--bg)}.tab-pager.is-dragging .tab-pane,.tab-pager.is-snapping .tab-pane{width:var(--pane-w,100%)}.tab-pager.is-idle .tab-pane.is-live,.tab-pager.is-off .tab-pane.is-live{overflow:visible;background:transparent;width:100%}.tab-pane-live{display:block;width:100%;max-width:100%}.tab-pane-shot{pointer-events:none;overflow:hidden}.tab-pane-empty{min-height:40vh}.phone-block{display:block;min-width:0;width:100%;max-width:100%}.phone-tabs{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--bg-elevated);border-top:1px solid var(--line)}.phone-tabs-pill{position:absolute;top:0;left:0;z-index:0;border-radius:14px;background:var(--accent-soft);pointer-events:none;transition:transform .22s cubic-bezier(.22,1,.36,1),width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1)}.phone-tabs-pill.is-drag{transition:none}.phone-tabs a{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 2px;border-radius:14px;color:var(--muted);text-decoration:none;font-size:10px;font-weight:700;line-height:1.15;text-align:center;white-space:nowrap;overflow:hidden;background:transparent}.phone-tabs a.is-active{color:var(--accent);background:transparent}.phone-tabs.is-user{grid-template-columns:repeat(3,1fr)}.role-story{position:fixed;inset:0;z-index:80;background:#0b0d10;color:#fff;display:grid;align-content:space-between;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.role-story-bars{display:flex;gap:4px}.role-story-bars span{flex:1 1;height:3px;border-radius:99px;background:rgb(255 255 255/22%)}.role-story-bars span.is-done,.role-story-bars span.is-on{background:#fff}.role-story-close{position:absolute;top:28px;right:14px;width:40px;height:40px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}.role-story-taps{position:absolute;inset:56px 0 140px;display:grid;grid-template-columns:1fr 1fr}.role-story-taps button{border:0;background:transparent;cursor:pointer}.role-story-copy,.role-story-done,.role-story-pick{position:relative;z-index:2;display:grid;grid-gap:12px;gap:12px;padding:12px 4px 0}.role-story-copy small,.role-story-done p,.role-story-pick p{color:rgb(255 255 255/72%)}.role-story-copy p,.role-story-done strong,.role-story-pick strong{margin:0;font-size:26px;line-height:1.25;letter-spacing:-.04em}.role-story-choices{display:grid;grid-gap:8px;gap:8px}.role-story-choices button{height:48px;border:1px solid rgb(255 255 255/16%);border-radius:14px;background:rgb(255 255 255/8%);color:#fff;font:inherit;font-weight:700;cursor:pointer}.phone-block h1,.venue-hero h1{margin:0 0 6px;font-size:26px;letter-spacing:-.04em;line-height:1.15}.phone-empty,.phone-lead,.venue-hero p{margin:0 0 14px;color:var(--muted);line-height:1.45}.phone-back{display:inline-flex;margin-bottom:12px;color:var(--accent);text-decoration:none;font-weight:700;font-size:14px}.venue-list{display:grid;grid-gap:12px;gap:12px}.game-tile,.venue-card{display:grid;grid-template-columns:1fr;grid-template-rows:148px minmax(0,1fr);grid-gap:0;gap:0;padding:0;overflow:hidden;height:100%;border-radius:var(--radius-box);background:var(--bg-elevated);text-decoration:none;color:inherit;border:1px solid var(--line);min-width:0}.game-tile.has-photo,.venue-card.has-photo{grid-template-columns:1fr;align-items:stretch}.game-tile.is-open{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.game-tile.is-ask{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.game-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.game-tile-top a,.game-tile-top>div{display:grid;grid-gap:4px;gap:4px;min-width:0;color:inherit;text-decoration:none}.game-joined,.game-tile-top p{margin:0;color:var(--muted);font-size:13px}.game-faces{gap:6px;flex-shrink:0}.face-stack,.game-faces{display:inline-flex;align-items:center}.face-stack img,.face-stack span{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-elevated);margin-left:-8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:9px;font-weight:800;box-shadow:0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.face-stack>:first-child{margin-left:0}.game-count{flex-shrink:0;display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:800}.game-tile.is-ask .game-count{background:var(--warn-bg);color:var(--warn)}.game-when{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:750}.game-when svg{flex-shrink:0;color:var(--accent)}.game-tile.is-ask .game-when svg{color:var(--warn)}.game-tile .match-actions{display:grid;margin-top:auto;padding-top:10px}.game-tile .match-actions .btn-sm{width:100%;height:44px;padding:0 14px;border-radius:12px;background:var(--accent);border:0;color:#fff;font-weight:750}.game-tile.is-ask .match-actions .btn-sm{background:var(--bg);border:1px solid var(--line);color:var(--ink)}.game-tile.is-compact .venue-photo{height:132px}.game-plain,.my-game,a.game-tile,a.venue-card{color:inherit;text-decoration:none}.game-plain,.my-game{display:grid;grid-gap:8px;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated);min-width:0}.game-plain.is-open,.my-game.is-open{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.game-plain.is-ask,.my-game.is-ask{border-color:color-mix(in srgb,var(--warn) 40%,var(--line))}.game-plain-top,.my-game-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.game-plain strong,.my-game strong{display:block;font-size:15px}.game-plain p,.my-game p{margin:0;color:var(--muted);font-size:13px}.my-game-main{display:grid;grid-gap:6px;gap:6px;color:inherit;text-decoration:none;min-width:0}.my-game .match-actions{grid-column:auto;padding-top:2px}.venue-list.is-my-games,.venue-list.is-pitch-games{grid-template-columns:1fr}.venue-photo{position:relative;width:100%;height:148px;border-radius:0;overflow:hidden;background:#24512c;flex-shrink:0}.venue-initials{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:42px;font-weight:800;letter-spacing:.04em}.venue-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;height:26px;padding:0 8px;border-radius:999px;background:rgba(17,24,20,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.venue-badge .rating-stars{color:#fbbf24}.venue-slots{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.venue-photo img,.venue-photo.is-hero img{width:100%;height:100%;object-fit:cover}.venue-photo.is-hero{width:100%;height:120px;margin-bottom:12px}.venue-body strong{display:block;font-size:16px}.venue-body p{margin:4px 0 0;color:var(--muted);font-size:13px}.game-tile .venue-body,.venue-card .venue-body{display:flex;flex-direction:column;min-height:148px;padding:12px 14px 14px}.venue-perks{display:flex;flex-wrap:wrap;gap:8px 12px;margin:10px 0 0;padding:0;min-height:20px;list-style:none;color:var(--muted);font-size:12px}.venue-perks li{display:inline-flex;align-items:center;gap:5px}.venue-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px}.venue-foot b{font-size:14px}.venue-foot span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;font-weight:750}.venue-hero{margin-bottom:18px}.booker{display:grid;grid-gap:14px;gap:14px}.booker-hint,.booker-lead{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.booker-h{margin:0 0 6px;font-size:16px;letter-spacing:-.03em}.seg{display:flex;gap:6px;padding:4px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--line)}.seg button{flex:1 1;border:0;background:transparent;color:var(--muted);border-radius:10px;padding:10px 8px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.seg button.is-on{background:var(--accent);color:#fff}.day-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.day-pill{flex:0 0 68px;display:grid;grid-gap:2px;gap:2px;padding:8px 6px;border-radius:16px;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);cursor:pointer;font:inherit}.day-pill small{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-pill strong{font-size:20px}.day-pill.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.time-blocks{display:grid;grid-gap:14px;gap:14px}.time-block-h{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:6px;gap:6px}@media (min-width:420px){.time-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.time-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:56px;height:100%;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:10px;padding:8px 6px;font:inherit;font-size:13px;font-weight:750;cursor:pointer;box-sizing:border-box;line-height:1.15;gap:2px}.time-chip.is-on{border-color:var(--accent);background:var(--accent);color:#fff}.time-chip span{max-width:100%;text-align:center}.time-chip small{display:block;margin-top:0;min-height:1.15em;max-width:100%;font-size:11px;font-weight:650;line-height:1.15;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time-chip.is-gathering{border-color:var(--accent)}.time-chip.is-gathering,.time-chip.is-request{background:var(--accent-soft);color:var(--accent)}.time-chip.is-request{cursor:default}.time-chip.is-booked{background:var(--warn-bg);color:var(--warn);cursor:default}.spot-step{display:flex;align-items:center;gap:12px;margin-bottom:12px}.pitch-games{display:grid;grid-gap:10px;gap:10px}.pitch-games .game-card{grid-template-columns:1fr}.busy-list{display:grid;grid-gap:6px;gap:6px}.busy{margin:0;padding:8px 10px;border-radius:12px;font-size:13px;font-weight:650}.busy.is-request{background:var(--accent-soft);color:var(--accent)}.busy.is-booked{background:var(--warn-bg);color:var(--warn)}.book-next{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated)}.book-dock{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:4px}.book-dock p{margin:4px 0 0;color:var(--muted);font-size:13px}.settings-list{display:grid;grid-gap:8px;gap:8px}.settings-stack{display:grid;grid-gap:16px;gap:16px;margin-top:8px}.settings-stack .role-select{min-width:0;width:100%}button.settings-row{-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:14px 12px;border-radius:var(--radius-box);background:var(--bg-elevated);border:1px solid var(--line);text-decoration:none;color:inherit;font:inherit;font-weight:650;width:100%;cursor:pointer}.settings-row.is-danger{grid-template-columns:1fr;color:var(--danger);background:var(--danger-bg);border-color:transparent}.settings-row-ico{color:var(--accent);display:grid;place-items:center}.phone-app .request-list{display:grid}.phone-app .profile-edit,.phone-app .request-list{grid-template-columns:1fr}.phone-app .profile-photos-edit .photo-stage{height:auto;min-height:0;max-height:none}.discover{grid-template-columns:minmax(0,1fr)}.discover,.discover-col{display:grid;grid-gap:14px;gap:14px}.discover-col{min-width:0}.discover-pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 2px}.discover-search{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.chat-composer input,.discover-search input{width:100%;border:1px solid var(--line);background:var(--bg-elevated);color:var(--ink);border-radius:14px;padding:12px 14px;font:inherit}.discover-h{margin:8px 0 10px;font-size:16px}.game-card{display:grid;grid-template-columns:92px 1fr;grid-gap:12px;gap:12px;align-items:start;padding:10px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--line)}.game-card.is-plain{grid-template-columns:1fr}.game-card .venue-body a,.game-card.is-plain{text-decoration:none;color:inherit}.game-meta,.game-when{margin:4px 0 0;color:var(--muted);font-size:13px}.game-card .btn-inline{margin-top:10px}.seg label{position:relative;flex:1 1;display:flex;align-items:center;justify-content:center;padding:10px 8px;border-radius:10px;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer}.seg label:has(input:checked){background:var(--accent);color:#fff}.seg label input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}fieldset.field{border:0;padding:0;margin:0}fieldset.field legend{margin-bottom:8px}.game-actions{margin-top:10px}.people-list{display:grid;grid-gap:8px;gap:8px;min-width:0;max-width:100%}.people-row{justify-content:space-between;padding:10px 12px;border-radius:var(--radius-box);background:var(--bg-elevated);border:1px solid var(--line);max-width:100%;box-sizing:border-box}.people-main,.people-row{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0}.people-main{flex:1 1}.people-main span strong,.people-row span strong{display:block}.people-main small,.people-row small{color:var(--muted)}.owner-pitch-row{align-items:flex-start}.owner-pitch-row .people-main span small{display:block}.owner-pitch-row .people-actions{margin-top:4px}.owner-pitch-form{display:flex;flex-direction:column;gap:12px}.owner-pitch-form .map-panel{margin:0}.owner-pitch-form .map-canvas{height:240px}.owner-pitch-fields{gap:12px}.hours-box .hint{margin:0 0 10px}.hours-same{margin-bottom:12px}.hours-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.hours-week{display:grid;grid-gap:8px;gap:8px}.hours-day{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;align-items:center}.hours-day strong{grid-column:1}.hours-day .role-check{grid-column:2;justify-self:end}.hours-day input[type=time]{grid-column:span 1;height:36px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.people-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;flex-shrink:0}.people-row .post-menu{margin:-4px -6px -4px 0}.people-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800}.people-avatar.is-lg{width:88px;height:88px;font-size:28px}.people-avatar.is-search{width:44px;height:44px;font-size:14px}.social-search{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:0 12px;border:1px solid var(--line);background:var(--bg-elevated);border-radius:14px;color:var(--muted)}.social-search input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--ink);padding:12px 0;font:inherit;outline:none}.social-search-clear{display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:999px;background:var(--muted);color:var(--bg-elevated);padding:0;cursor:pointer}.search-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 4px 10px}.search-history-head strong{font-size:15px}.search-history-head button{border:0;background:none;color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:0}.search-hits{display:grid}.search-hit{gap:4px}.search-hit,.search-hit-main{display:flex;align-items:center}.search-hit-main{gap:12px;flex:1 1;min-width:0;padding:8px 4px;text-decoration:none;color:inherit}.search-hit-main strong{display:block;font-size:15px}.search-hit-main small{display:block;color:var(--muted)}.search-hit-remove{display:grid;place-items:center;width:36px;height:36px;border:0;background:none;color:var(--muted);cursor:pointer;flex-shrink:0}.posts-card,.profile-card,.social-profile{display:grid;grid-gap:14px;gap:14px;margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated)}.profile-card .profile-hero{margin:0}.posts-card{gap:10px}.profile-about{display:grid;grid-gap:10px;gap:10px;padding:16px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated)}.profile-about h1{margin:0 0 4px;font-size:20px;letter-spacing:-.04em}.profile-about-block,.profile-about-row{display:grid;grid-gap:2px;gap:2px;padding:10px 0;border-bottom:1px solid var(--line)}.profile-about-block:last-child,.profile-about-row:last-child{border-bottom:0;padding-bottom:0}.profile-about-block span,.profile-about-row span{color:var(--muted);font-size:12px;font-weight:700}.profile-about-row strong{font-size:15px;font-weight:700;overflow-wrap:anywhere}.profile-about-block small{color:var(--ink);font-size:14px;font-weight:650}.social-profile-top{display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:16px;gap:16px}.social-profile-left{display:grid;justify-items:center;grid-gap:6px;gap:6px}.social-profile-left p{margin:0;color:var(--muted);font-size:13px;font-weight:650}.social-profile-meta{min-width:0;display:grid;grid-gap:6px;gap:6px;align-content:start}.social-profile-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.social-profile-name{flex:1 1;min-width:0;font-size:18px;line-height:1.25;font-weight:800;overflow-wrap:break-word;word-break:normal}.profile-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 0 auto;flex-shrink:0}.social-profile-name-row .profile-actions:has(.profile-request-row){flex-basis:100%;margin-left:0}.profile-icon-row,.profile-request-row{display:flex;align-items:center;gap:8px}.profile-icon-row .social-icon-btn{width:32px;height:32px}.profile-request-row{flex-basis:100%;width:100%;margin:8px 0 0}.profile-request-row .btn-sm{flex:1 1;padding:10px 12px;border-radius:12px}.people-copy{flex:1 1;min-width:0}.people-copy small,.people-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;display:inline-grid;place-items:center;line-height:18px}.tab-ico{position:relative;display:inline-flex}.tab-ico .unread-badge{position:absolute;top:-7px;right:-11px}.nav-with-badge,.seg-label{display:inline-flex;align-items:center;gap:6px}.seg-label{justify-content:center}.friends-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 12px}.friends-toolbar .seg,.friends-toolbar .social-search{flex:1 1;min-width:0}.social-search.is-tight{margin-bottom:0}.choice-page{display:grid;grid-gap:14px;gap:14px;padding-bottom:88px}.choice-card{display:grid;grid-gap:8px;gap:8px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg-elevated)}.choice-title{margin:0 2px 2px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.choice-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px;border:1px solid transparent;border-radius:14px;background:var(--bg);color:inherit;font:inherit;text-align:left;cursor:pointer}.choice-row span{display:grid;grid-gap:3px;gap:3px;min-width:0}.choice-row strong{font-size:15px;font-weight:750}.choice-row small{color:var(--muted);font-size:12px;font-weight:550}.choice-row.is-on{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.choice-mark{width:20px;height:20px;flex-shrink:0;border:2px solid var(--line);border-radius:50%;background:transparent}.choice-row.is-on .choice-mark{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 4px var(--accent-soft)}.prefs-save{position:fixed;left:0;right:0;bottom:var(--tabs-h);z-index:30;display:flex;gap:12px;padding:14px 16px 16px;background:linear-gradient(180deg,transparent,var(--bg) 28%)}.prefs-form{display:grid;grid-gap:14px;gap:14px}.prefs-label{margin:0;color:var(--muted);font-size:13px;font-weight:700}button.people-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.chats-page{padding-bottom:72px}.chat-compose-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:35;width:56px;height:56px;border:0;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 10px 24px rgb(0 0 0/28%);cursor:pointer}.chat-compose-card{max-height:min(80dvh,640px);overflow:auto}button.people-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;font:inherit;cursor:pointer}.seg.is-sub{background:var(--bg)}.seg.is-sub button{font-size:12px;padding:8px 6px}.count-pill{min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:var(--line);color:var(--ink);font-size:11px;font-weight:800;display:inline-grid;place-items:center;line-height:18px}.chat-locked{margin:0;padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);text-align:center;font-size:13px}.profile-actions .people-actions{justify-content:center;flex-wrap:wrap}.discover-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.discover-tools .seg{flex:1 1;min-width:220px}.discover-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.discover-filters .multi-select,.discover-tools .multi-select{flex:1 1 220px;min-width:180px}.venue-more{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.chip-btn.is-compact{height:34px;min-width:44px;padding:0 10px;font-weight:750}.phone-app.is-chat{height:100dvh;max-height:100dvh;overflow:hidden}.phone-app.is-chat .phone-tabs,.phone-app.is-chat .phone-top{display:none}.phone-app.is-chat .phone-main{padding:0;max-width:none}.chat-screen,.phone-app.is-chat .phone-main{min-height:0;flex:1 1;display:flex;flex-direction:column}.chat-screen{height:100dvh;width:100%;max-width:760px;margin:0 auto;background:var(--bg)}.chat-head{position:-webkit-sticky;position:sticky;top:0;z-index:20;flex-shrink:0;display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:8px;gap:8px;min-height:56px;padding:8px 10px;background:var(--bg);border-bottom:1px solid var(--line)}.chat-back{display:grid;place-items:center;width:40px;height:40px;color:inherit;border-radius:var(--radius)}.chat-head .phone-back{margin-bottom:4px}.chat-head h1{margin:0;font-size:20px}.chat-error{margin:8px 16px 0}.chat-log{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:16px 16px 12px}.chat-log:before{content:"";flex:1 1 auto;min-height:0}.chat-msg{position:relative;width:100%;touch-action:pan-y}.chat-swipe-reply{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#7dd3fc;pointer-events:none}.chat-msg-shift{transition:transform .18s ease}.chat-msg.is-swiping .chat-msg-shift{transition:none}.chat-msg.is-sys .chat-msg-shift{display:grid;justify-items:center}.chat-msg.is-sys .chat-sys{margin:6px 0 2px}.chat-msg-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}.chat-msg.is-me .chat-msg-row{justify-content:flex-end}.chat-msg .chat-bubble.is-me{margin-left:0}.chat-msg.is-group .chat-bubble{max-width:calc(82% - 40px)}.chat-msg-ava,.chat-msg-ava .presence-wrap{flex-shrink:0;text-decoration:none;color:inherit}.chat-msg-ava .people-avatar,.chat-msg-ava .people-avatar.is-search{width:32px;height:32px;font-size:11px}.chat-msg-ava .presence-dot{display:none}.chat-bubble{margin:0;max-width:82%;padding:7px 10px 5px;border-radius:16px 16px 16px 4px;background:var(--bg-elevated);border:1px solid var(--line);line-height:1.35}.chat-bubble.is-me{margin-left:auto;background:color-mix(in srgb,var(--bg-elevated) 82%,#fff 18%);color:var(--ink);border-color:var(--line);border-radius:16px 16px 4px 16px}.chat-composer{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.chat-composer-row{display:grid;grid-template-columns:40px 1fr 44px;align-items:center;grid-gap:8px;gap:8px}.chat-composer input{height:42px;border-radius:21px;padding:0 16px}.chat-send{border:0;background:var(--accent);color:#fff;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;font:inherit;font-weight:750;cursor:pointer}.chat-send:disabled{opacity:.45}@media (min-width:640px){.venue-list.is-games,.venue-list.is-pitches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.game-tile,.venue-card{grid-template-rows:168px minmax(0,1fr)}.venue-photo{height:168px}.game-tile .venue-body,.venue-card .venue-body{padding:14px 16px 16px}.venue-card .venue-foot span{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:var(--accent);color:#fff;font-size:13px;font-weight:750}}@media (min-width:900px){.phone-desk-nav{display:flex}.phone-tabs{display:none}.phone-top{padding:10px max(28px,calc((100% - 1240px) / 2 + 28px))}.phone-main{max-width:1240px;padding:calc(var(--top-h) + 24px) 28px 48px}.venue-list.is-games,.venue-list:not(.is-pitches):not(.is-pitch-games):not(.is-my-games){max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.venue-list.is-my-games,.venue-list.is-pitch-games{max-width:840px;grid-template-columns:1fr}.discover-tools .seg{flex:0 1 360px}.match-row{grid-template-columns:88px minmax(0,1fr) auto}.match-row .match-actions{grid-column:auto;justify-content:end}.game-room,.request-list{max-width:840px}.map-fab{bottom:24px}.phone-app.is-chat .phone-main{padding:0}.book-dock,.game-dock{bottom:16px}.time-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.day-pills{overflow:visible}.day-pill{flex:1 1;min-width:0}.discover-search{grid-template-columns:1fr auto;max-width:none}}@media (min-width:1180px){.venue-list.is-pitches{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.time-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (hover:hover){.game-card:hover,.game-plain:hover,.game-tile:hover,.match-row:hover,.my-game:hover,.venue-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}}.presence-wrap{position:relative;display:inline-grid;flex-shrink:0}.presence-dot{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#22c55e;border:2px solid var(--bg)}.presence-wrap.is-lg .presence-dot{width:16px;height:16px;border-width:3px}.presence-line{display:block;margin:2px 0 0;color:var(--muted);font-size:13px;line-height:1.35;overflow-wrap:break-word;word-break:normal}.presence-line.is-online{color:#22c55e;font-weight:650}.profile-photos{display:flex;gap:8px;overflow-x:auto;width:100%;padding:4px 0}.profile-photos img{width:56px;height:56px;border-radius:12px;object-fit:cover;flex-shrink:0}.chat-head-user{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.chat-head-user strong{display:block;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-head-user h1{margin:0;font-size:16px}.chat-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgb(0 0 0/45%);padding:24px}.chat-modal-card{width:min(100%,320px);display:grid;grid-gap:16px;gap:16px;padding:20px 18px;border-radius:var(--radius-box);background:var(--bg-elevated);border:1px solid var(--line);text-align:center}.chat-modal-card p{margin:0;font-size:16px;font-weight:650}.app-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgb(0 0 0/52%);animation:app-fade-in .16s ease}.app-dialog-card{width:min(100%,340px);display:grid;grid-gap:14px;gap:14px;padding:20px 18px 16px;border-radius:var(--radius-box);background:var(--bg-elevated);border:1px solid var(--line);box-shadow:0 16px 40px rgb(0 0 0/28%);animation:app-pop-in .18s cubic-bezier(.22,1,.36,1)}.app-dialog-card strong{font-size:17px;letter-spacing:-.03em}.app-dialog-card p{margin:0;color:var(--ink);font-size:15px;font-weight:650;line-height:1.4}.app-dialog-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:4px}.app-dialog-actions.is-single{grid-template-columns:1fr}.app-dialog-btn{height:44px;border:0;border-radius:var(--radius);font:inherit;font-weight:750;cursor:pointer;transition:transform .14s ease,background-color .14s ease,opacity .14s ease}.app-dialog-btn:active{transform:scale(.97)}.app-dialog-btn.is-ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.app-dialog-btn.is-ok{background:var(--accent);color:#fff}.app-dialog-btn.is-danger{background:var(--danger);color:#fff}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-pop-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes app-sheet-in{0%{transform:translateY(16px)}to{transform:none}}.chat-head-user .presence-line{margin-top:2px}.chat-bubble{display:block}.chat-day,.chat-sys{align-self:center;margin:6px 0 2px;padding:0;max-width:88%;background:none;border:none;letter-spacing:.02em;line-height:1.35;opacity:.85;text-align:center;overflow-wrap:break-word}.chat-bubble-meta,.chat-day,.chat-sys{color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chat-bubble-meta{float:right;margin:5px 0 0 10px;display:inline-flex;align-items:baseline;gap:4px;letter-spacing:0;line-height:1;opacity:.95}.chat-bubble.is-me .chat-bubble-meta{color:#7dd3fc}.chat-ticks{font-size:11px;opacity:.7;letter-spacing:-1px;flex-shrink:0}.chat-ticks.is-read{opacity:1}.chat-typing{color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;letter-spacing:.02em}.chat-bubble.is-focus,.chat-sys.is-focus{border-radius:8px;animation:chat-focus 1.4s ease}@keyframes chat-focus{0%,35%{box-shadow:0 0 0 3px color-mix(in srgb,#7dd3fc 60%,transparent)}to{box-shadow:none}}.chat-quote{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0 0 6px;padding:6px 8px;border:0;border-left:2px solid #7dd3fc;border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--bg) 70%,transparent);color:inherit;text-align:left;cursor:pointer}.chat-quote span,.chat-quote strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.chat-quote strong{color:#7dd3fc;font-weight:650}.chat-quote span{opacity:.75}.chat-photo-btn{display:block;margin:0 0 6px;padding:0;border:0;background:none;cursor:pointer}.chat-photo{display:block;max-width:min(220px,70vw);max-height:240px;border-radius:12px;object-fit:cover}.chat-reply-btn{display:inline-flex;align-items:center;margin:0;padding:0;border:0;background:none;color:inherit;opacity:.55;cursor:pointer}.chat-attach-preview,.chat-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-left:2px solid #7dd3fc;background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)}.chat-reply-bar span{display:flex;flex-direction:column;min-width:0}.chat-reply-bar small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.chat-reply-bar small:first-child{color:#7dd3fc}.chat-attach-preview img{height:48px;width:48px;border-radius:8px;object-fit:cover}.chat-attach,.chat-attach-preview button,.chat-reply-bar button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:none;color:var(--muted);cursor:pointer}.chat-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;margin:0;padding:24px;border:0;background:rgba(0,0,0,.86);cursor:zoom-out}.chat-lightbox img{max-width:100%;max-height:100%;object-fit:contain}.notice-bell{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:12px;border:1px solid var(--line);background:var(--bg-elevated);color:inherit}.notice-bell .unread-badge{position:absolute;top:-6px;right:-8px}.settings-row-end{display:inline-flex;align-items:center;gap:6px}.settings-row.is-active{border-color:var(--accent)}.profile-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:16px;gap:16px;text-align:left;margin:4px 0 20px}.profile-hero-left,.profile-hero-right{display:grid;grid-gap:6px;gap:6px;min-width:0}.profile-hero-left{justify-items:center}.profile-hero-avatar{width:84px;height:84px;border-radius:50%;overflow:hidden;border:0;padding:0;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;margin-bottom:0;font:inherit;font-size:26px;font-weight:800}.profile-hero-avatar img{width:100%;height:100%;object-fit:cover}.profile-hero-avatar.is-empty,.profile-hero-avatar:disabled{cursor:default}.profile-hero-right>strong{font-size:18px;letter-spacing:-.04em;line-height:1.2;overflow-wrap:break-word}.profile-hero-role,.profile-hero-user{color:var(--muted);font-size:13px;font-weight:600}.photo-carousel{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.92);display:grid;place-items:center}.photo-carousel img{max-width:min(100vw,720px);max-height:78vh;width:auto;height:auto;object-fit:contain;border-radius:8px}.photo-carousel-close{top:14px;right:14px;width:40px;height:40px;font-size:28px;line-height:1;cursor:pointer}.photo-carousel-close,.photo-carousel-nav{position:absolute;border:0;border-radius:999px;background:rgb(255 255 255/12%);color:#fff}.photo-carousel-nav{top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.photo-carousel-nav.is-prev{left:10px}.photo-carousel-nav.is-next{right:10px}.photo-carousel-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:6px}.photo-carousel-dots span{width:7px;height:7px;border-radius:999px;background:rgb(255 255 255/35%)}.photo-carousel-dots span.is-on{background:#fff}.notice-row{width:100%;max-width:100%;min-width:0;text-align:left;font:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:flex-start}.notice-row .people-copy small,.notice-row .people-copy strong{white-space:normal;overflow:visible;text-overflow:unset;overflow-wrap:anywhere}.notice-row .notice-time{margin-top:4px;font-size:12px}.notice-row.is-unread{border-color:var(--accent)}.notice-inbox{display:grid;grid-gap:12px;gap:12px}.venue-gallery{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.venue-gallery .venue-photo.is-hero{margin-bottom:0}.venue-gallery-rest{display:flex;gap:8px;overflow-x:auto}.venue-gallery-rest .venue-photo{width:88px;height:88px;flex-shrink:0}.venue-amenities,.venue-facts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.venue-amenities span,.venue-facts span{padding:6px 10px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--line);font-size:12px;font-weight:700}.venue-desc{color:var(--muted);font-size:14px;line-height:1.45}.venue-map-block{position:relative;margin-top:12px}.venue-map{width:100%;height:180px;border:1px solid var(--line);border-radius:16px;margin-top:0;display:block}.venue-map-links{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:6px}.venue-map-btn{width:40px;height:40px;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.16);display:grid;place-items:center;cursor:pointer}.venue-map-btn.is-copied{outline:2px solid var(--accent);outline-offset:1px}.venue-map-mark{display:block}.venue-map-copied{padding:6px 8px;border-radius:10px;background:#111827;color:#fff;font-size:11px;font-weight:700;line-height:1;box-shadow:0 6px 16px rgba(15,23,42,.16)}.discover-formats{display:flex;flex-wrap:wrap;gap:8px}.multi-select{position:relative;min-width:180px}.multi-select-trigger{width:100%;min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:8px;font:inherit;font-weight:650;text-align:left;cursor:pointer}.multi-select-summary{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.multi-select-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:700}.multi-select.is-open .multi-select-trigger{border-color:var(--accent)}.multi-select-menu{position:absolute;z-index:12;top:calc(100% + 6px);left:0;right:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}.multi-select-option{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:650;text-align:left;cursor:pointer}.multi-select-option.is-active,.multi-select-option:hover{background:var(--accent-soft)}.app-loader{display:grid;justify-items:center;align-content:center;grid-gap:12px;gap:12px;padding:24px;color:var(--accent)}.app-loader.is-cover{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-loader-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent);animation:app-loader-pulse 1.1s ease-in-out infinite}.app-loader-mark .pitch-mark svg{width:28px;height:28px}.app-loader-text{color:var(--ink);font-size:14px;font-weight:700}@keyframes app-loader-pulse{0%,to{transform:scale(.94);opacity:.72}50%{transform:scale(1);opacity:1}}.game-room{display:grid;grid-gap:14px;gap:14px}.game-head{display:grid;grid-template-columns:40px 1fr auto;align-items:center;grid-gap:8px;gap:8px;padding:4px 0 10px;border-bottom:1px solid var(--line)}.game-head-copy{min-width:0;display:grid;grid-gap:2px;gap:2px}.game-head-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-.03em}.game-head-copy small,.game-status{color:var(--muted);font-size:12px}.game-status{display:block}.game-panel{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated)}.owner-decide{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--accent);border-radius:var(--radius-box);background:var(--accent-soft)}.owner-decide p{margin:0;font-size:13px}.game-room .people-list{gap:0}.game-room .people-row{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:10px 4px}.game-dock{display:grid;grid-gap:8px;gap:8px;padding:8px 0 4px}.game-head-actions{display:flex;align-items:center;gap:4px}.game-meta{margin:0;color:var(--muted);font-size:13px}.game-actions{display:flex;flex-wrap:wrap;gap:8px}.team-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px}.team-col{padding:10px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--line);display:grid;grid-gap:6px;gap:6px}.team-col strong{font-size:13px}.event-card>a,.request-card>a{display:grid;grid-gap:4px;gap:4px;color:inherit;text-decoration:none}.social-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:6px;margin-bottom:12px;min-width:0;max-width:100%}.social-bar.is-sticky{position:-webkit-sticky;position:sticky;top:var(--top-h);z-index:18;background:var(--bg);padding:0 0 10px;margin:0 0 12px;border-bottom:1px solid var(--line)}.social-bar strong{font-size:18px;letter-spacing:-.04em}.social-bar-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0}.social-tool{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-elevated);color:inherit;font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;flex-shrink:0}.social-tool .unread-badge{position:static}.social-tool.is-icon{position:relative;width:34px;min-width:34px;overflow:visible}.social-tool.is-icon .unread-badge{position:absolute;top:-6px;right:-8px}.social-tool.is-search{flex:1 1;min-width:0;padding-right:10px}.social-tool.is-search input{flex:1 1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:650;outline:none}.social-icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;color:inherit;border:0;background:transparent;border-radius:12px;padding:0;cursor:pointer}.social-icon-btn.is-add{background:var(--accent);color:#fff}.social-icon-btn .unread-badge{position:absolute;top:4px;right:2px}.profile-stat{display:inline-flex;align-items:baseline;gap:6px;margin:4px 0 0;color:inherit;text-decoration:none;font-weight:650;font-size:14px;line-height:1.3}.profile-stat strong{font-size:14px;font-weight:750}.profile-stat span,.profile-stat-word{color:var(--muted);font-size:14px;font-weight:650;text-decoration:none}.profile-stat-word:hover{color:var(--accent)}.rating-stars{color:#d97706;font-weight:800;font-size:12px}.rating-stars.is-empty{color:var(--muted);font-weight:650}.discover,.post-feed,.post-grid-wrap,.post-list{min-width:0;width:100%;max-width:100%}.post-feed{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:14px;gap:14px}.post-sheet{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.55);display:grid;align-items:end;animation:app-fade-in .16s ease}.post-sheet-card{display:grid;grid-gap:10px;gap:10px;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--bg-elevated);animation:app-sheet-in .22s cubic-bezier(.22,1,.36,1)}.post-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-sheet-card textarea{width:100%;min-height:96px;border:1px solid var(--line);border-radius:14px;padding:12px;resize:none;background:var(--bg);color:inherit;font:inherit}.post-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-file-btn{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:60%;border:0;padding:8px 0;background:none;color:inherit;font:inherit;font-weight:650;cursor:pointer}.my-post-copy strong,.post-caption,.post-file-btn span,.post-file-name,.post-head-copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-post-copy strong,.post-caption,.post-file-btn span{white-space:normal;overflow-wrap:break-word}.post-head-copy{min-width:0}.post-head-copy small,.post-head-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-post-list{display:grid;grid-gap:10px;gap:10px}.my-post-row{display:grid;grid-template-columns:56px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:8px;border:1px solid var(--line);border-radius:16px;background:var(--bg-elevated)}.my-post-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--bg)}.my-post-thumb.is-empty{display:block}.my-post-copy{min-width:0}.my-post-copy small{display:block;color:var(--muted)}.my-post-actions{display:flex;align-items:center}.post-list{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:12px;gap:12px}.post-card{display:block;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated);overflow:hidden;width:100%;max-width:100%;min-width:0}.post-card.is-text .post-caption{padding:16px 14px 8px;font-size:16px;min-height:64px}.post-head{justify-content:space-between;gap:8px;padding:12px}.post-head,.post-head-main{display:flex;align-items:center;color:inherit;text-decoration:none}.post-head-main{gap:10px;min-width:0;flex:1 1}.post-menu{position:relative;flex-shrink:0}.post-menu-pop{position:absolute;top:36px;right:0;z-index:30;display:grid;min-width:148px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);box-shadow:var(--shadow);transform-origin:top right;animation:app-pop-in .16s cubic-bezier(.22,1,.36,1)}.post-menu-pop button{display:flex;align-items:center;gap:10px;border:0;background:none;color:inherit;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;font-weight:650;transition:background-color .14s ease;cursor:pointer}.post-menu-pop button svg{flex-shrink:0}.post-menu-pop button:hover{background:var(--accent-soft)}.post-menu-pop button.is-danger{color:var(--danger)}.chat-msg-menu{position:fixed;top:auto;right:auto;z-index:50;min-width:188px}.chat-msg-menu-back{position:fixed;inset:0;z-index:49;border:0;background:transparent;padding:0}.post-head small{display:block;color:var(--muted)}.post-photo{display:block;width:100%;max-width:100%;height:auto;max-height:420px;object-fit:cover;background:#111}.post-caption{margin:0;padding:10px 12px 0;line-height:1.4}.post-like{display:inline-flex;align-items:center;gap:6px;margin:8px 12px 12px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;cursor:pointer}.post-like.is-on{color:#e11d48}.post-card-actions{display:flex;align-items:center;gap:4px}.post-comments{padding:0 12px 12px}.comment-list,.post-comments{display:grid;grid-gap:10px;gap:10px}.comment-row{display:flex;align-items:flex-start;gap:8px}.comment-author{flex-shrink:0;color:inherit}.comment-copy{position:relative;flex:1 1;min-width:0;padding:8px 10px;border-radius:12px;background:var(--bg)}.comment-copy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-copy-head a{min-width:0;color:inherit;text-decoration:none}.comment-copy-head .social-icon-btn{width:28px;height:28px;margin:-4px -6px 0 0}.comment-copy-head .post-menu-pop{top:28px}.comment-copy p,.comment-copy small,.comment-copy strong{display:block}.comment-copy p{margin:2px 0 4px}.comment-copy small{color:var(--muted)}.comment-compose{display:flex;gap:8px}.comment-compose input{flex:1 1;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:inherit;padding:10px 12px;font:inherit}.chats-page{padding:0 0 72px;min-width:0}.chat-inbox-tabs{margin:0 0 14px}.chat-inbox-tabs button{position:relative;padding-right:28px}.chat-inbox-tabs .unread-badge{position:absolute;top:2px;right:6px}.chat-inbox-tabs button.is-on .unread-badge{background:#fff;color:var(--accent)}.group-info{display:grid;grid-gap:16px;gap:16px}.group-info-hero{position:relative;display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:28px 16px 22px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated)}.group-info-tools{position:absolute;top:6px;right:6px}.group-info-hero strong{font-size:20px;line-height:1.2;overflow-wrap:break-word}.group-info-hero small{color:var(--muted);font-size:13px;font-weight:650}.group-info-members{display:grid;grid-gap:10px;gap:10px}.group-info-members>p{margin:0;font-size:13px;font-weight:700}.you-pill{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-style:normal;font-weight:750;vertical-align:middle}.group-photo-btn{position:relative;border:0;padding:0;background:none;color:inherit;cursor:pointer}.group-photo-btn .people-avatar{width:88px;height:88px;font-size:28px}.group-photo-edit{position:absolute;right:2px;bottom:2px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#fff}.group-name-btn,.group-name-static{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;padding:0;background:none;color:inherit;font:inherit;text-align:center}.group-name-btn{cursor:pointer}.group-name-static{margin:0;cursor:default}.group-name-edit{width:min(100%,320px);margin:0}.group-add-row{margin-top:2px}.chats-title{margin:0 0 16px;font-size:22px;letter-spacing:0}.post-card-actions .post-like{margin:8px 12px 12px}.post-viewer{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;background:var(--bg)}.post-viewer-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.post-viewer-scroller{flex:1 1;min-height:0;overflow-y:auto;padding:12px 12px 28px;display:flex;flex-direction:column;align-items:stretch;gap:14px;-webkit-overflow-scrolling:touch}.post-viewer-slide{flex:0 0 auto;width:100%;min-height:auto}.post-viewer-slide .post-photo{max-height:min(62dvh,520px)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:3px;gap:3px;width:100%;max-width:100%}.post-tile{aspect-ratio:1;min-width:0;max-width:100%;padding:0;border:0;background:var(--bg-elevated);overflow:hidden;cursor:pointer}.post-tile img{width:100%;height:100%;object-fit:cover;display:block}.post-tile-text{display:grid;place-items:center;height:100%;padding:8px;color:var(--muted);font-size:12px;font-weight:650;text-align:center;overflow:hidden}.post-lightbox{position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.72);display:grid;align-items:end}.post-lightbox-card{background:var(--bg);border-radius:20px 20px 0 0;padding:12px 12px calc(16px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto}.post-lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted)}.post-lightbox-photo{width:100%;max-height:58dvh;object-fit:contain;border-radius:12px;background:#111;margin:10px 0}.post-lightbox-actions{display:flex;align-items:center;justify-content:space-between}.post-lightbox-actions .post-like{margin:0}.chat-list{display:grid;grid-gap:8px;gap:8px}.chat-row{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 12px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated);min-width:0}.support-avatar{width:44px;height:44px;border-radius:14px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.support-avatar.is-sm{width:36px;height:36px;border-radius:12px}.chat-row.is-support{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.chat-row-main{flex:1 1;display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}.chat-row .post-menu{flex-shrink:0}.chat-row-copy{flex:1 1;min-width:0;display:grid;grid-template-columns:1fr auto;align-items:start;grid-column-gap:8px;column-gap:8px;grid-row-gap:2px;row-gap:2px}.chat-row-main{min-width:0;display:grid;grid-gap:2px;gap:2px}.chat-row-side{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0}.chat-row-bottom,.chat-row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.chat-row-time{flex-shrink:0;margin:0;color:#7dd3fc;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.35;opacity:.85}.chat-row-side .chat-ticks{display:block;width:100%;line-height:1;text-align:center;letter-spacing:0}.chat-row-copy small,.chat-row-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-bottom small{flex:1 1;min-width:0}.chat-row-copy small.chat-row-preview{display:flex;align-items:baseline;gap:10px;overflow:hidden}.chat-row-copy .chat-row-preview>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-weight:400}.chat-row-copy .chat-row-preview>.chat-row-from{flex:0 1 auto;max-width:58%;color:var(--ink);font-weight:700}.chat-row .people-avatar,.chat-row .presence-wrap{flex-shrink:0}.chat-row .presence-dot{border-color:var(--bg-elevated)}.chat-row .people-avatar{width:52px;height:52px}.chat-row-who{min-width:0}.chat-row-who .presence-line{margin:1px 0 0;font-size:12px}.chat-empty{display:grid;justify-items:center;grid-gap:10px;gap:10px;margin-top:12px;padding:36px 20px;text-align:center;color:var(--muted);border:1px solid var(--line);border-radius:20px;background:var(--bg-elevated)}.chat-empty,.chat-empty p{overflow-wrap:break-word;word-break:normal}.chat-empty p{margin:4px 0 0;color:var(--ink);font-size:17px;font-weight:750;letter-spacing:0}.chat-empty small{max-width:220px;line-height:1.5;overflow-wrap:break-word;word-break:normal}.chat-empty .btn{margin-top:6px;letter-spacing:0;padding:10px 16px}.chat-from{display:block;margin:0 0 3px;color:var(--accent);font-size:12px;font-weight:750;line-height:1.2}.chat-head-user small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.chat-head-user .chat-typing{color:#7dd3fc;font-size:10px}.group-create{display:grid;grid-gap:14px;gap:14px;padding-bottom:24px}.group-create-pick{display:grid;grid-gap:10px;gap:10px}.group-create-pick .friends-toolbar{margin:0}.pick-chips{display:flex;flex-wrap:wrap;gap:8px}.pick-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 6px 3px 3px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elevated);color:inherit}.pick-chip .people-avatar,.pick-chip .people-avatar.is-search{width:28px;height:28px;font-size:10px}.pick-chip em{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:700;font-size:13px}.pick-chip .presence-dot{display:none}.pick-chip button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:var(--line);color:inherit;cursor:pointer}.group-create-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:13px;font-weight:700}.group-create-label span{color:var(--muted);font-weight:650}.people-row.is-on{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.people-row.is-locked,.people-row:disabled{opacity:.62;cursor:default}.group-create-actions{display:flex;gap:12px;align-items:stretch;width:100%;margin-top:4px}.group-create-actions .btn,.group-create-actions .btn-inline{flex:1 1;width:auto;min-width:0;height:44px;padding:0 16px;margin:0}.group-info-hero .group-create-actions{width:min(100%,320px);justify-self:center}.prefs-save .btn{flex:1 1}.pick-dot{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:2px solid var(--line);background:transparent}.pick-dot.is-on{border-color:var(--accent);background:var(--accent);box-shadow:inset 0 0 0 3px var(--bg-elevated)}.post-create{display:grid;grid-gap:14px;gap:14px}.post-create textarea{min-height:140px;resize:vertical;border:1px solid var(--line);color:inherit;padding:14px 16px;font:inherit;outline:none}.post-create textarea,.post-create-preview{width:100%;border-radius:16px;background:var(--bg-elevated)}.post-create-preview{aspect-ratio:1;object-fit:cover}.post-done{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:48px 20px 28px;text-align:center}.post-done-mark{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#16a34a;color:#fff;font-size:32px;font-weight:800;line-height:1;margin-bottom:8px}.post-done h1{margin:0;font-size:24px}.post-done p{margin:0 0 12px;color:var(--muted);font-size:14px}.post-done .btn{width:100%}.post-grid-wrap{margin-top:0}.app-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0 0 14px;font-size:14px;font-weight:650;line-height:1.4}.app-crumbs-sep{margin:0 8px;color:var(--muted)}.app-crumbs a{color:var(--accent);text-decoration:none}.app-crumbs .is-current{color:var(--ink)}.chat-head .app-crumbs{margin-bottom:8px}.role-switch{position:relative}.role-switch-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:var(--radius-box);border:1px solid var(--line);background:var(--bg-elevated);color:inherit;font:inherit;text-align:left;cursor:pointer}.role-switch-btn small{display:block;color:var(--muted);font-size:12px;font-weight:600}.role-switch-btn strong{display:block;margin-top:2px;font-size:15px;font-weight:750}.role-switch-btn svg{flex-shrink:0;color:var(--muted);transition:transform .15s ease}.role-switch-btn svg.is-open{transform:rotate(90deg)}.role-switch-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:24;display:grid;grid-gap:4px;gap:4px;padding:6px;border-radius:var(--radius-box);border:1px solid var(--line);background:var(--bg-elevated);box-shadow:0 12px 32px rgb(0 0 0/22%)}.role-switch-menu button{width:100%;height:42px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;font-weight:650;cursor:pointer;text-align:left;padding:0 12px}.role-switch-menu button.is-active{background:var(--accent);color:#fff}.pref-stack{display:grid;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--bg-elevated);overflow:hidden}.pref-stack .pref-row{margin:0;padding:16px 14px;border-top:1px solid var(--line)}.pref-stack .pref-row:first-child{border-top:0;margin-top:0}.post-empty{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:4px;gap:4px;min-height:112px}.post-empty span{aspect-ratio:1;border-radius:10px;background:color-mix(in srgb,var(--line) 70%,var(--bg))}.post-empty svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted)}.post-empty-mine{display:grid;justify-items:center;grid-gap:10px;gap:10px;padding:28px 16px;text-align:center;color:var(--muted)}.post-empty-mine p,.post-empty-quiet p{margin:0;font-size:14px;line-height:1.45}.post-empty-quiet{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:28px 16px 12px;text-align:center;color:var(--muted);pointer-events:none}.social-tool.is-icon,.social-tool.is-toggle{width:34px;min-width:34px;padding:0;justify-content:center;overflow:visible}.friends-sort{display:flex;align-items:center;gap:8px;margin:0 0 10px}.friends-sort .seg{flex:1 1;min-width:0}.friends-sort-dir{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--bg-elevated);color:inherit;font:inherit;font-size:16px;font-weight:800;cursor:pointer}.app-dialog-btn,.chat-row,.social-icon-btn,.social-tool{transition:transform .12s ease,background-color .12s ease}.chat-row:active,.social-icon-btn:active,.social-tool:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}