:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #0b0f14;--panel: #111827;--surface: #0f1724;--surface-raised: #151f2e;--line: #263244;--line-soft: rgba(148, 163, 184, .16);--text: #f8fafc;--muted: #a8b3c3;--dim: #6b7788;--accent: #94c973;--accent-soft: rgba(148, 201, 115, .13);--yes: #94c973;--maybe: #d5a954;--no: #d1796f;--shadow: 0 18px 56px rgba(0, 0, 0, .26);--radius: 10px}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{min-width:320px;margin:0;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.app-shell{width:min(1360px,100%);margin:0 auto;padding:20px}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0 18px;background:#0b0f14f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand,.top-actions,.section-title,.live-pill,.ghost-button,.primary-button,.header-select,.chart-card-title,.chart-key{display:flex;align-items:center}.brand{gap:11px;min-width:0}.brand-mark{display:grid;width:36px;height:36px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--accent);background:linear-gradient(180deg,#121c2b,#0d1420)}.brand h1{overflow:hidden;max-width:58vw;font-size:clamp(1rem,2.1vw,1.24rem);line-height:1.08;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0}.brand p,.section-title p,.panel-heading p,.member-card span,.save-card span,.stat span,.rank-main span,.rank-score span,.updated,.weekend-meta small,.weekend-meta span,.select-label,.mix-label span{color:var(--muted)}.brand p{margin-top:4px;font-size:.78rem}.top-actions{gap:8px}.header-select{position:relative;min-height:36px;min-width:96px;justify-content:center;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);font-size:.78rem;font-weight:650}.header-select select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.live-pill,.ghost-button,.primary-button{min-height:36px;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface)}.live-pill,.ghost-button,.primary-button{gap:8px;padding:0 11px;font-size:.78rem;font-weight:650}.live-pill{color:var(--accent)}.ghost-button:hover,.compact-segmented button:hover{border-color:#40505f;background:var(--surface-raised)}.hero-grid{display:grid;grid-template-columns:minmax(620px,1.6fr) minmax(320px,.85fr);gap:12px}.availability-panel,.ranking-panel,.analytics-section,.chart-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.availability-panel,.ranking-panel{min-height:590px}.ranking-panel,.availability-panel,.analytics-section,.chart-card{padding:16px}.section-title h2{font-size:.93rem;line-height:1.18;letter-spacing:0}.section-title p{margin-top:4px;font-size:.78rem;line-height:1.35}.select-label{display:block;margin:17px 0 7px;font-size:.72rem;font-weight:700}.select-wrap{position:relative}.select-wrap select{width:100%;height:44px;appearance:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);padding:0 40px 0 12px;font-size:.92rem;font-weight:650}.select-wrap svg{position:absolute;top:13px;right:12px;color:var(--muted);pointer-events:none}.avatar{display:inline-grid;width:31px;height:31px;flex:0 0 auto;place-items:center;border-radius:999px;color:#0b1208;background:var(--accent);font-size:.72rem;font-weight:800}.avatar.small{width:24px;height:24px;font-size:.62rem}.section-title{justify-content:space-between;gap:16px;margin-bottom:14px}.section-title.tight{margin-bottom:12px}.updated{flex:0 0 auto;font-size:.75rem;font-weight:650}.weekend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.weekend-card{min-height:112px;padding:11px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);transition:transform .16s ease,border-color .16s ease,background .16s ease}.weekend-card.active{transform:translateY(-1px);border-color:#40505f;background:var(--surface-raised)}.weekend-card.yes{border-color:#94c9738c}.weekend-card.maybe{border-color:#d5a95480}.weekend-card.no{border-color:#d1796f75}.weekend-meta span{display:block;margin-bottom:8px;font-size:.68rem;font-weight:700}.weekend-meta strong{display:block;font-size:clamp(.94rem,1.45vw,1.08rem);line-height:1.08}.weekend-meta small{display:block;margin-top:4px;font-size:.72rem;font-weight:650}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.segmented button,.compact-segmented button{min-width:0;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:#0d131a;font-weight:750}.segmented button{min-height:33px;font-size:clamp(.62rem,1.2vw,.72rem)}.segmented button.selected.yes,.compact-segmented button.selected.yes{border-color:var(--yes);color:#0d160a;background:var(--yes)}.segmented button.selected.maybe,.compact-segmented button.selected.maybe{border-color:var(--maybe);color:#1d1608;background:var(--maybe)}.segmented button.selected.no,.compact-segmented button.selected.no{border-color:var(--no);color:#170807;background:var(--no)}.best-card{display:flex;gap:11px;padding:13px;border:1px solid rgba(148,201,115,.44);border-radius:var(--radius);color:var(--accent);background:var(--accent-soft)}.best-card span{display:block;color:var(--accent);font-size:.68rem;font-weight:750}.best-card strong{display:block;margin-top:5px;color:var(--text);font-size:1.18rem}.best-card p{margin-top:4px;color:var(--text);font-size:.82rem;font-weight:700}.ranking-list{display:grid;gap:8px;margin-top:12px}.ranking-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.rank-number,.top-five-rank{display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--accent);background:#0d1420;font-weight:800}.rank-number{width:30px;height:30px;font-size:.98rem}.rank-main{min-width:0}.rank-main strong{display:block;font-size:.9rem}.rank-main span,.rank-score span{display:block;margin-top:2px;font-size:.72rem}.avatar-stack{display:flex;align-items:center;margin-top:7px}.avatar-stack .avatar,.avatar-stack .more{margin-right:-6px;border:2px solid var(--surface)}.more{display:inline-grid;width:24px;height:24px;place-items:center;border-radius:999px;color:var(--text);background:#29333e;font-size:.64rem;font-weight:750}.rank-score{text-align:right}.rank-score strong{color:var(--accent);font-size:.92rem}.analytics-section,.flex-section{margin-top:12px}.chart-key{gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.76rem;font-weight:650}.key{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:999px}.key.yes,.stacked-bar .yes{background:var(--yes)}.key.maybe,.stacked-bar .maybe{background:var(--maybe)}.key.no,.stacked-bar .no{background:var(--no)}.chart-grid{display:grid;grid-template-columns:1.28fr 1fr 1fr;gap:12px}.chart-grid.compact{grid-template-columns:1.1fr .9fr}.chart-card-title{gap:8px;margin-bottom:13px;color:var(--muted)}.chart-card-title h3{color:var(--text);font-size:.86rem;font-weight:750}.bar-list,.completion-grid{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:78px minmax(0,1fr) 42px;gap:10px;align-items:center;min-height:28px;font-size:.78rem}.bar-row>span,.completion-row>span{color:var(--muted);font-weight:650}.bar-row strong,.completion-row strong{color:var(--text);text-align:right;font-size:.78rem}.bar-track{overflow:hidden;height:10px;border-radius:999px;background:#0b1016;box-shadow:inset 0 0 0 1px var(--line-soft)}.bar-fill{height:100%;border-radius:999px;background:var(--accent)}.completion-row{display:grid;grid-template-columns:62px minmax(0,1fr) 24px;gap:9px;align-items:center;font-size:.78rem}.dots{display:grid;grid-template-columns:repeat(12,minmax(4px,1fr));gap:3px}.dots i{display:block;height:7px;border-radius:999px;background:#27313b}.dots i.yes{background:var(--yes)}.dots i.maybe{background:var(--maybe)}.dots i.no{background:var(--no)}.dots i.blank{opacity:.82}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 24%,rgba(148,201,115,.12),transparent 22rem),#03070cc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.name-modal{width:min(420px,100%);padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 28px 90px #00000080}.modal-mark{display:grid;width:44px;height:44px;place-items:center;margin-bottom:18px;border:1px solid rgba(148,201,115,.42);border-radius:12px;color:var(--accent);background:var(--accent-soft)}.name-modal h2{font-size:1.35rem;line-height:1.1;letter-spacing:0}.name-modal p{margin-top:8px;color:var(--muted);font-size:.92rem}.modal-select{margin-top:20px}.primary-button{justify-content:center;width:100%;margin-top:12px;color:#0b1208;background:var(--accent)}.primary-button:disabled{cursor:not-allowed;color:var(--dim);background:#1b2533}.flex-section{padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.flex-table{display:grid;gap:12px}.flex-tier{overflow:hidden;border:1px solid var(--line-soft);border-radius:var(--radius);background:#0f172485}.flex-tier.triple-flex,.flex-tier.double-flex{border-color:#d1796f52}.flex-tier.single-flex{border-color:#d5a9544d}.flex-tier.baby{border-color:#94c9733d}.flex-tier-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border-bottom:1px solid var(--line-soft);background:#0b1016bd}.flex-tier-header strong,.flex-tier-header span{display:block}.flex-tier-header strong{color:var(--text);font-size:.84rem}.flex-tier-header span{margin-top:2px;color:var(--muted);font-size:.7rem;font-weight:700}.flex-tier-header>span{display:grid;width:26px;height:26px;place-items:center;margin-top:0;border:1px solid var(--line);border-radius:999px;color:var(--text);background:var(--surface)}.flex-tier-list{display:grid;gap:7px;padding:8px}.flex-row{display:grid;grid-template-columns:34px minmax(150px,.85fr) minmax(160px,1fr) minmax(124px,auto);gap:12px;align-items:center;padding:10px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface)}.flex-row.leader{border-color:#94c97366;background:linear-gradient(180deg,#94c9731a,#0f1724f5)}.flex-rank{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--accent);background:#0d1420;font-size:.82rem;font-weight:800}.flex-person{display:flex;align-items:center;gap:9px;min-width:0}.flex-person strong{display:block;font-size:.9rem}.flex-person span,.flex-stats span{display:block;margin-top:2px;color:var(--muted);font-size:.72rem;font-weight:650}.flex-meter{overflow:hidden;height:10px;border-radius:999px;background:#0b1016;box-shadow:inset 0 0 0 1px var(--line-soft)}.flex-meter span{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--maybe),var(--no))}.flex-stats{text-align:right}.flex-stats strong{display:block;color:var(--text);font-size:.88rem}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.ranking-list,.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-chart{grid-column:1 / -1}}@media(max-width:860px){.app-shell{padding:12px}.topbar{position:relative;align-items:flex-start;flex-direction:column;padding-top:8px}.brand h1{max-width:100%}.top-actions{width:100%}.live-pill,.ghost-button{flex:1 1 auto;justify-content:center}.hero-grid,.chart-grid,.chart-grid.compact{grid-template-columns:1fr}.wide-chart{grid-column:auto}.availability-panel,.ranking-panel{min-height:auto}.weekend-grid{grid-template-columns:1fr}.weekend-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(172px,.85fr);gap:12px;align-items:center;min-height:88px}.segmented{margin-top:0}.ranking-list{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column;gap:10px}.updated,.ghost-button.wide{width:100%}}@media(max-width:540px){.app-shell{padding:10px}.top-actions{display:grid;grid-template-columns:1fr 1fr 44px}.ghost-button{min-width:44px;padding:0}.ghost-button .button-label{display:none}.availability-panel,.ranking-panel,.analytics-section,.flex-section,.chart-card{padding:13px}.weekend-card{grid-template-columns:1fr}.segmented button{min-height:40px}.ranking-row{grid-template-columns:30px minmax(0,1fr) auto;padding:9px}.rank-score span{max-width:58px}.bar-row{grid-template-columns:72px minmax(0,1fr) 38px}.flex-row{grid-template-columns:30px minmax(0,1fr);gap:9px}.flex-meter,.flex-stats{grid-column:2}.flex-stats{text-align:left}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}