:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6fa;--surface:#fff;--surface-2:#eef1f6;--border:#d5dbe5;--text:#111827;--text-2:#374151;--muted:#5b6474;--primary:#1d4ed8;--primary-text:#fff;--primary-soft:#dbe6ff;--danger:#b91c1c;--focus:#f59e0b;--good-bg:#dcfce7;--good-fg:#14532d;--great-bg:#15803d;--great-fg:#fff;--bad-bg:#fee2e2;--bad-fg:#7f1d1d;--awful-bg:#b91c1c;--awful-fg:#fff;--neutral-bg:#e5e7eb;--neutral-fg:#1f2937;--muted-bg:#f3f4f6;--muted-fg:#4b5563;--warn-bg:#fef3c7;--warn-fg:#713f12;--pos:#15803d;--neg:#b91c1c;--chart-line:#1d4ed8;--chart-grid:#9ca3af;--radius:12px;--radius-sm:8px;--gap:12px;--tap:44px;--nav-h:64px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1220;--surface:#131c2e;--surface-2:#1b263b;--border:#2b3a55;--text:#e8edf6;--text-2:#cbd5e1;--muted:#9aa8bd;--primary:#6b9bff;--primary-text:#0b1220;--primary-soft:#1e3360;--danger:#f87171;--good-bg:#14361f;--good-fg:#a7f3c0;--great-bg:#22c55e;--great-fg:#052e14;--bad-bg:#3b1515;--bad-fg:#fecaca;--awful-bg:#ef4444;--awful-fg:#1c0505;--neutral-bg:#273449;--neutral-fg:#e2e8f0;--muted-bg:#1e293b;--muted-fg:#a7b3c6;--warn-bg:#3a2c0a;--warn-fg:#fde68a;--pos:#4ade80;--neg:#f87171;--chart-line:#7aa7ff;--chart-grid:#64748b}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.45}img{max-width:100%}a{color:var(--primary)}h1{margin:0;font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1.05rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--surface);z-index:100;padding:8px;position:absolute;top:0;left:-999px}.skip-link:focus{left:8px}.muted{color:var(--muted)}.small{font-size:.875rem}.tabular,.num{font-variant-numeric:tabular-nums}.num{text-align:right;white-space:nowrap}.pos{color:var(--pos)}.neg{color:var(--neg)}.app{min-height:100vh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.topbar{z-index:20;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0}.brand{color:var(--text);min-height:var(--tap);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.topbar-right{align-items:center;gap:8px;min-width:0;display:flex}.topbar-user{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;min-height:var(--tap);align-items:center;text-decoration:none;display:inline-flex;overflow:hidden}.main{max-width:1100px;margin:0 auto;padding:16px}.main:focus{outline:none}.nav{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.nav ul{margin:0;padding:0;list-style:none}.nav-primary{height:var(--nav-h);grid-template-columns:repeat(5,1fr);display:grid}.nav-secondary{display:none}.nav-link{height:100%;min-height:var(--tap);color:var(--muted);font-size:.75rem;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;text-decoration:none;display:flex;position:relative}.nav-link.active{color:var(--primary);font-weight:700}.nav-icon{font-size:1.3rem;line-height:1}.nav-badge{background:var(--awful-bg);min-width:20px;height:20px;color:var(--awful-fg);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.nav-more-mobile .nav-badge{position:absolute;top:6px;right:calc(50% - 24px)}@media (width>=900px){.app{padding-bottom:0;padding-left:220px}.nav{border-top:0;border-right:1px solid var(--border);z-index:10;width:220px;padding:72px 8px 16px;top:0;right:auto;overflow-y:auto}.nav-primary{height:auto;display:block}.nav-secondary{border-top:1px solid var(--border);margin-top:8px;padding-top:8px;display:block}.nav-more-mobile{display:none}.nav-link{border-radius:var(--radius-sm);text-align:left;flex-direction:row;justify-content:flex-start;gap:10px;padding:0 12px;font-size:.95rem}.nav-link.active{background:var(--primary-soft)}.nav-link:hover{background:var(--surface-2)}.main{padding:24px}}.page{flex-direction:column;gap:16px;display:flex}.narrow{flex-direction:column;gap:16px;max-width:480px;margin:0 auto;display:flex}.page-head{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.page-head h1{margin-right:auto}.section-title{margin:0 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:14px}.card+.card{margin-top:0}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-title{margin:0 0 8px;font-size:1.05rem}.card-header .card-title{margin:0}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover{border-color:var(--primary)}.card-link-plain{color:inherit;text-decoration:none;display:block}.subhead{margin:14px 0 6px;font-size:.95rem}.empty{text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:32px 16px}.loading{color:var(--muted);align-items:center;gap:8px;padding:16px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:var(--radius-sm);background:var(--neutral-bg);color:var(--neutral-fg);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:10px 12px;display:flex}.alert ul{width:100%;margin:4px 0 0;padding-left:20px}.alert-error{background:var(--bad-bg);color:var(--bad-fg)}.alert-warn{background:var(--warn-bg);color:var(--warn-fg)}.form-error{color:var(--danger);margin:4px 0;font-weight:600;display:block}.form-ok{color:var(--pos);font-weight:600}.simple-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.btn,.icon-btn{min-height:var(--tap);min-width:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--primary)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn-danger{background:var(--awful-bg);color:var(--awful-fg);border-color:var(--awful-bg)}.btn-danger-outline{color:var(--danger);border-color:var(--danger);background:0 0}.btn-small{min-height:36px;padding:0 12px;font-size:.9rem}@media (pointer:coarse){.btn-small{min-height:var(--tap)}}.btn-large{min-height:52px;font-size:1.05rem}.btn-block{width:100%}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-btn{background:0 0;padding:0;font-size:1.2rem}.form{flex-direction:column;gap:12px;display:flex}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>label,.field-label,.autocomplete>label{color:var(--text-2);font-size:.875rem;font-weight:600}input,select,textarea{font:inherit;min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);width:100%;min-width:0;padding:8px 10px;font-size:16px}input[type=checkbox],input[type=radio]{width:22px;height:22px;min-height:0;accent-color:var(--primary)}input[aria-invalid=true]{border-color:var(--danger)}.hint{color:var(--muted)}.checkbox,.radio-group label{min-height:var(--tap);align-items:center;gap:8px;display:flex}.radio-group{border:0;margin:0;padding:0}.radio-group legend{font-size:.875rem;font-weight:600}.input-suffix{align-items:center;gap:6px;display:flex}.inline-form{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.inline-form .field{flex:200px}.segmented{border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.segmented button{min-height:var(--tap);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border:0;font-weight:600}.segmented button+button{border-left:1px solid var(--border)}.segmented button.is-on{background:var(--primary);color:var(--primary-text)}.filter-grid,.mapping-grid,.ticket-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=560px){.filter-grid,.mapping-grid,.ticket-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.filter-grid,.mapping-grid,.ticket-grid{grid-template-columns:repeat(3,1fr)}}.field-wide{grid-column:1/-1}.stats-filter{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.8rem;font-weight:700;line-height:1.6;display:inline-flex}.tone-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.tone-good{background:var(--good-bg);color:var(--good-fg)}.tone-great{background:var(--great-bg);color:var(--great-fg)}.tone-bad{background:var(--bad-bg);color:var(--bad-fg)}.tone-awful{background:var(--awful-bg);color:var(--awful-fg)}.tone-muted{background:var(--muted-bg);color:var(--muted-fg)}.result-icon{border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:inline-flex}.flags{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.flag{background:var(--muted-bg);color:var(--muted-fg);border-radius:999px;padding:1px 8px;font-size:.8rem}.flag-warn{background:var(--warn-bg);color:var(--warn-fg)}.flag-bad{background:var(--bad-bg);color:var(--bad-fg)}.status-icon{margin-left:3px}.member-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;margin:2px 4px 2px 0;padding:2px 10px;display:inline-flex}.conn-badge{font-size:.75rem}.save-indicator{color:var(--muted);text-align:right;min-width:100px;font-size:.85rem}.save-saved{color:var(--pos)}.save-error{color:var(--danger)}.kv-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;margin:0 0 12px;display:grid}.kv-list dt,.kv-label{color:var(--muted);font-size:.8rem;display:block}.kv-list dd{margin:0;font-weight:600}.kv-inline{flex-wrap:wrap;gap:4px 16px;margin:8px 0 0;display:flex}.kv-inline div{gap:4px;display:flex}.kv-inline dt{color:var(--muted)}.kv-inline dd{margin:0}.kv-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}.kv-value{font-variant-numeric:tabular-nums;font-weight:700}.stat-tiles{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=700px){.stat-tiles{grid-template-columns:repeat(4,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;min-width:0;padding:10px;display:flex}.card .stat-tile{background:var(--surface-2)}.stat-value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.member-status-list{grid-template-columns:1fr 1fr;gap:6px 12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.member-status-list li{justify-content:space-between;align-items:center;gap:8px;min-height:32px;display:flex}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none}.avatar-initials{color:var(--text-2);border:1px solid var(--border);justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.player-info{align-items:center;gap:10px;min-width:0;display:flex}.player-info-text{flex-direction:column;min-width:0;display:flex}.player-info-text strong{overflow-wrap:anywhere}.game-line{color:var(--text-2);font-size:.85rem}.selected-player{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.autocomplete{flex-direction:column;gap:4px;scroll-margin-top:72px;display:flex;position:relative}.autocomplete input{scroll-margin-top:72px}.autocomplete-list{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-height:min(50vh,420px);margin:0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000002e}.autocomplete-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex}.autocomplete-item.is-active,.autocomplete-item:hover:not(.is-disabled){background:var(--primary-soft)}.autocomplete-item.is-disabled{opacity:.55;cursor:not-allowed}.autocomplete-text{flex-direction:column;min-width:0;display:flex}.autocomplete-text .note{color:var(--muted);font-style:italic}.autocomplete-msg{color:var(--muted);padding:10px}.pick-cards{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=900px){.pick-cards{grid-template-columns:1fr 1fr}}.pick-card{flex-direction:column;gap:10px;display:flex}.team-card{border-style:dashed}.pick-form,.proposal-form{flex-direction:column;gap:10px;display:flex}.pick-form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pick-form-row>.field:nth-child(2){grid-column:span 1}@media (width<=380px){.pick-form-row{grid-template-columns:1fr}}.pick-line{margin:6px 0 0}.proposal{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:8px;padding:10px;display:flex}.proposal.accepted{border-color:var(--pos)}.proposal-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.proposal-comment{margin:0;font-style:italic}.vote-btn.is-on{background:var(--primary-soft);border-color:var(--primary)}.potential{font-size:1.05rem}.lock-section{flex-direction:column;gap:10px;display:flex}.lock-section ul{margin:4px 0;padding-left:20px}.lock-summary{padding-left:18px}.day-list{border:0;flex-direction:column;gap:8px;margin:0 0 12px;padding:0;display:flex}.day-list legend{margin-bottom:6px;font-weight:600}.day-option{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:10px;display:flex}.day-option.is-on{border-color:var(--primary);background:var(--primary-soft)}.game-list{margin:4px 0 0;padding:0;list-style:none}.live-view{flex-direction:column;gap:12px;display:flex}.live-header{flex-direction:column;gap:8px;display:flex}.ticket-indicator{border-radius:var(--radius-sm);align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-weight:700;display:inline-flex}.live-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (width>=900px){.live-grid{grid-template-columns:1fr 1fr}}.live-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left-width:6px;flex-direction:column;gap:8px;min-height:150px;padding:12px;display:flex}.live-card.compact{min-height:0;padding:8px 10px}.live-card.status-passing{border-left-color:var(--good-fg)}.live-card.status-failing{border-left-color:var(--bad-fg)}.live-card.status-sure_hit,.live-card.status-final_hit{border-left-color:var(--great-bg)}.live-card.status-sure_miss,.live-card.status-final_miss{border-left-color:var(--awful-bg)}.live-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pick-owner{font-weight:700}.live-card-body{justify-content:space-between;align-items:center;gap:10px;display:flex}.live-points{flex-direction:column;flex:none;align-items:flex-end;min-width:92px;display:flex}.points-big{font-size:2.2rem;font-weight:800;line-height:1;animation:.8s ease-out flash}.compact .points-big{font-size:1.5rem}.points-line{color:var(--text-2);white-space:nowrap;font-size:.85rem}@keyframes flash{0%{color:var(--primary);transform:scale(1.15)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.points-big,.spinner{animation:none}}.live-card-foot{color:var(--text-2);flex-wrap:wrap;gap:4px 14px;min-height:1.4em;display:flex}.live-updated{flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.round-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.round-card-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.round-card-stats{color:var(--text-2);flex-wrap:wrap;gap:2px 12px;margin-top:6px;display:flex}.outcome{color:var(--text);font-weight:800}.pick-mini-list{flex-direction:column;gap:4px;margin:6px 0 0;padding:0;font-size:.875rem;list-style:none;display:flex}.pick-mini-list li{grid-template-columns:24px minmax(70px,.8fr) 1.4fr auto;align-items:center;gap:6px;display:grid}.pick-mini-player{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-mini-inline{margin:0;padding:0;font-size:.85rem;list-style:none}.desktop-only{display:none}@media (width>=900px){.desktop-only{display:block}.mobile-only{display:none}}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--primary-soft);color:var(--text);border-radius:999px;align-items:center;gap:2px;padding-left:12px;font-size:.875rem;display:inline-flex}.chip button{min-width:var(--tap);min-height:36px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:.9rem}.pagination{justify-content:space-between;align-items:center;gap:8px;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);overflow-x:auto}.table{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:8px 10px}.table thead th{background:var(--surface-2);white-space:nowrap}.table td.num{text-align:right}.th-btn{font:inherit;color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:36px;padding:0;font-weight:700}.sticky-first th:first-child,.sticky-first td:first-child{background:var(--surface);z-index:1;box-shadow:1px 0 0 var(--border);position:sticky;left:0}.sticky-first thead th:first-child{background:var(--surface-2)}.bars{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.bar-row{grid-template-columns:96px 1fr auto;align-items:center;gap:8px;display:grid}.bar-label{font-size:.9rem;font-weight:600}.bar-track{background:var(--surface-2);border-radius:4px;height:16px;overflow:hidden}.bar-fill{background:var(--chart-line);border-radius:0 4px 4px 0;height:100%;display:block}.bar-fill.bar-win{background:var(--great-bg)}.bar-value{white-space:nowrap;font-size:.85rem}.chart{margin:0}.line-chart{touch-action:pan-y;width:100%;height:auto;display:block}.chart-line{fill:none;stroke:var(--chart-line);stroke-width:2px;vector-effect:non-scaling-stroke}.chart-zero{stroke:var(--chart-grid);stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.chart-crosshair{stroke:var(--chart-grid);vector-effect:non-scaling-stroke}.chart-dot{fill:var(--chart-line);stroke:var(--surface);stroke-width:2px}.chart-readout{min-height:1.5em}.menu-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.menu-list li+li{border-top:1px solid var(--border)}.menu-item{min-height:52px;color:var(--text);align-items:center;gap:10px;padding:0 16px;text-decoration:none;display:flex}.menu-item>span:nth-child(2),.menu-item>span:first-child{flex:1}.menu-footer{flex-direction:column;gap:8px;display:flex}.blame-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.blame-row{padding:0}.blame-head{width:100%;min-height:56px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:36px 1fr auto;grid-template-areas:"rank name num""rank lost lost";align-items:center;gap:2px 8px;padding:10px 14px;display:grid}.blame-rank{grid-area:rank;font-size:1.2rem;font-weight:800}.blame-name{flex-wrap:wrap;grid-area:name;align-items:center;gap:6px;display:flex}.blame-num{grid-area:num}.blame-lost{grid-area:lost}.blame-king{background:var(--warn-bg);border:2px solid #ca8a04}.king-badge{color:var(--warn-fg);font-size:.8rem;font-weight:700}.blame-team{border-style:dashed}.blame-rounds{padding:0 14px 12px 58px}.last10{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.audit-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.audit-list li{border-left:3px solid var(--border);padding-left:10px}.old-value{color:var(--muted);text-decoration:line-through}.member-admin{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px;display:flex}.temp-password code{background:var(--surface-2);-webkit-user-select:all;user-select:all;word-break:break-all;border-radius:6px;padding:6px 10px;font-size:1.3rem}.menu-wrap{position:relative}.dropdown{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000002e}.dropdown button{width:100%;min-height:var(--tap);text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}.dropdown button:hover{background:var(--surface-2)}.import-wizard{flex-direction:column;gap:10px;display:flex}.new-round{margin-top:10px}.modal-backdrop{z-index:100;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);color:var(--text);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:560px;max-height:92vh;padding:0 16px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto}@media (width>=600px){.modal-backdrop{align-items:center}.modal{border-radius:var(--radius)}}.modal-header{background:var(--surface);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex;position:sticky;top:0}.modal-header h2{margin:0}.modal-body{flex-direction:column;gap:12px;display:flex}.modal-footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:16px;display:flex}