:root{color-scheme:dark;--bg:#0d141c;--panel:#151f2b;--paper:#151f2b;--line:#2c3846;--ink:#f2f3e9;--muted:#a6b4c2;--mint:#9de6c5;--green:#9de6c5;--coral:#ffac91;--lavender:#c1b2fa}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,select,summary{cursor:pointer}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}a{color:var(--mint)}[hidden]{display:none!important}.friends-main{max-width:1160px;margin:auto;padding:32px 36px 44px}.friends-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 0 20px}.eyebrow{font-size:15px;letter-spacing:2px;color:var(--mint);text-transform:uppercase;margin:0 0 12px}.friends-heading h1{font-size:clamp(32px,5vw,59px);letter-spacing:-2.7px;line-height:1.08;font-weight:750;margin:0}.friends-heading h1 span{color:var(--mint)}.tagline{color:var(--muted);margin:14px 0 0;font-size:17px}.palm{width:135px;height:135px;flex-shrink:0}.sync-status{font-size:13px;color:var(--muted);margin:0 0 27px;line-height:1.7}.event-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.date-shortcuts{display:flex;gap:7px;flex-wrap:wrap}.date-shortcuts button{border:1px solid var(--line);border-radius:24px;background:transparent;padding:9px 15px;font-size:15px;white-space:nowrap}.date-shortcuts button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#11261e;font-weight:650}#friends-search{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 14px;color:var(--ink);width:270px;min-width:0;font-size:15px}#friends-search::placeholder{color:#99a9b8}.filter-panel{border-block:1px solid var(--line)}.filter-panel summary{list-style:none;display:flex;align-items:center;gap:10px;padding:15px 0;font-size:15px}.filter-panel summary::-webkit-details-marker{display:none}.filter-summary{color:var(--muted);font-size:15px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-count{background:#243e33;color:var(--mint);padding:2px 7px;border-radius:12px;font-size:15px;white-space:nowrap}.filter-chevron{margin-left:auto;font-size:18px;color:var(--muted)}.filter-panel[open] .filter-chevron{transform:rotate(180deg)}.filter-body{padding:3px 0 17px}.filter-fields{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.filter-fields label{display:grid;gap:6px;font-size:15px;color:var(--muted);flex:1;min-width:150px}.filter-fields select{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:10px;font-size:15px;width:100%}.text-button{background:none;border:0;color:var(--mint);font-size:15px;padding:10px 0}.filter-help{font-size:15px;color:var(--muted);margin:12px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:28px 0 18px}.section-heading h2{font-size:21px;letter-spacing:-.4px;margin:0}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:15px}.view-switch{background:none;border-color:var(--line);flex-shrink:0}.view-switch button{color:var(--ink);padding:7px 12px}.view-switch button[aria-pressed=true]{background:#304436;color:var(--mint)}.friends-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.event-card{--accent:var(--mint);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:13px;background:var(--panel);padding:20px;display:flex;flex-direction:column;min-height:230px;overflow:hidden;min-width:0}.event-card.tone-games{--accent:var(--lavender)}.event-card.tone-social{--accent:var(--coral)}.event-card.cancelled h3{text-decoration:line-through}.card-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;align-items:start;font-size:15px;color:var(--accent);line-height:1.6}.card-date{margin-left:auto;color:var(--muted);font-size:15px;text-align:right}.event-card h3{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:16px 0 9px;overflow-wrap:anywhere}.event-open{text-align:left;padding:0;border:0;background:none;font:inherit;color:inherit;line-height:inherit}.event-open:hover{text-decoration:underline;text-underline-offset:3px}.event-place{font-size:16px;color:var(--muted);margin:0;overflow-wrap:anywhere}.event-when{color:#d3dedb;font-size:16px;margin:14px 0 8px}.status-tag{font-size:15px;color:var(--coral);margin-bottom:9px}.card-source{border-top:1px solid var(--line);padding-top:12px;font-size:15px;margin-top:auto;color:var(--muted);display:flex;justify-content:space-between;gap:12px}.card-source strong{color:#d1ded8;font-weight:500}.card-arrow{color:var(--mint);font-size:16px}.card-spacer{min-height:14px}.friends-empty{border:1px dashed var(--line);border-radius:12px;padding:27px;color:var(--muted);font-size:15px}.friends-empty h3{color:var(--ink);font-size:18px;margin:0 0 10px}.secondary-button{border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:8px 12px;border-radius:7px;font-size:15px}.secondary-button:hover{border-color:var(--mint)}.calendar-toolbar{margin:0 0 15px;flex-wrap:wrap}.calendar-toolbar h2{font:500 19px system-ui,sans-serif;letter-spacing:-.3px}.calendar-weekday{background:var(--panel);color:var(--muted)}.calendar-day{background:var(--bg);color:var(--ink);min-height:134px}.calendar-day.outside{background:#111a24;color:#8998a5}.calendar-day.today{background:#172b25}.today .calendar-date{color:var(--bg);background:var(--mint)}.calendar-event{background:#243a31;color:#b6f1d7;border-color:var(--mint)}.calendar-event:hover{background:#30493d}.calendar-event.tentative{background:#382e21;color:#f2d5a0;border-color:#d5b572}.calendar-event.cancelled{opacity:1;background:#352825;color:#cbb9b5;border-color:#b58a7e}.calendar-mobile-count{background:#294333;color:var(--mint)}.calendar-help{font-size:15px}.calendar-undated{margin:28px 0 0}.calendar-undated summary{font-size:15px;padding:12px 0;color:var(--mint)}.calendar-undated[open] summary{margin-bottom:8px}.event-dialog{color:var(--ink);background:var(--panel);border-color:var(--line);max-width:650px}.event-dialog::backdrop{background:#03070dc9}.event-dialog-header{background:var(--panel);padding:14px 19px}.event-dialog-body{padding:23px}.event-dialog-body h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:0 0 14px}.detail-when{font-size:16px;color:var(--mint)}.detail-location{font-size:16px;color:#d1ded8}.detail-description{font-size:16px;line-height:1.7;margin-top:20px}.detail-note{font-size:15px;color:var(--muted);border-left:2px solid var(--coral);padding-left:12px;margin-top:19px}.detail-groups{border-top:1px solid var(--line);margin-top:23px;padding-top:17px;color:var(--muted);font-size:15px}.group-label{display:inline-block;border:1px solid var(--line);border-radius:16px;padding:5px 9px;margin:5px 5px 0 0;color:#d1ded8;font-size:15px}.event-link{display:inline-block;color:var(--mint);font-size:15px;margin-top:18px;padding:6px 0}.detail-disclaimer{font-size:13px;color:var(--muted);margin:20px 0 0}footer{border-top:1px solid var(--line);margin-top:32px;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}
@media(max-width:1000px){.friends-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.event-controls{flex-wrap:wrap}#friends-search{flex:1;min-width:220px}}
@media(max-width:750px){.friends-main{padding:18px 18px 30px}.friends-heading{padding:15px 0 20px;gap:12px}.palm{width:68px;height:90px}.friends-heading h1{letter-spacing:-1.5px;font-size:34px}.eyebrow{font-size:9px;letter-spacing:1.4px;max-width:250px}.tagline{font-size:16px}.event-controls{gap:13px}.date-shortcuts{gap:6px}.date-shortcuts button{font-size:15px;padding:8px 11px}#friends-search{width:100%;min-width:0;flex:auto}.sync-status{font-size:13px;margin-bottom:20px}.friends-cards{grid-template-columns:1fr}.filter-fields{align-items:stretch;gap:12px}.filter-fields label{min-width:100%}.filter-fields .text-button{text-align:left}.filter-summary{font-size:15px}.section-heading{align-items:start}.section-heading h2{font-size:19px}.section-heading p{font-size:15px}.view-switch button{padding:7px 9px;font-size:15px}.event-card{min-height:216px}.calendar-toolbar h2{font-size:19px}.calendar-day{min-height:70px}.calendar-nav button{padding:7px 9px}.event-dialog-body{padding:19px}.event-dialog-body h3{font-size:22px}footer{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Readable labels and touch-friendly controls; update/share notices stay small. */
.date-shortcuts button,#friends-search,.filter-fields select{font-size:16px}.date-shortcuts button{min-height:42px}.filter-panel summary{font-size:16px}.filter-summary,.filter-help,.filter-fields label,.section-heading p{font-size:15px}.text-button,.secondary-button{font-size:16px}.view-switch{padding:4px;gap:5px;background:#111a24;border:1px solid #425264;border-radius:11px}.view-switch button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;font-size:16px;font-weight:650;color:#d5e0e8;border-radius:7px}.view-switch button svg{width:19px;height:19px;flex-shrink:0}.view-switch button[aria-pressed=true]{background:var(--mint);color:#11261e}.view-switch button:hover{outline:1px solid var(--mint)}.calendar-event{font-size:15px;padding:7px}.calendar-event-time{font-size:15px;opacity:1}.calendar-weekday,.calendar-date,.calendar-more{font-size:15px}.calendar-mobile-count{font-size:15px}.detail-note,.detail-groups,.group-label{font-size:15px}.event-link{font-size:16px}.sync-status,footer{font-size:13px}.event-dialog-header h2{font-size:16px}
@media(max-width:750px){.date-shortcuts{gap:7px}.date-shortcuts button{font-size:15px;padding:9px 11px}.section-heading{flex-direction:column;gap:15px}.view-switch{width:100%}.view-switch button{flex:1;font-size:16px;padding:11px 12px}.sync-status{font-size:13px;line-height:1.6}.filter-summary{font-size:15px}.card-topline,.card-date,.card-source,.status-tag{font-size:15px}.calendar-toolbar h2{font-size:20px}.calendar-nav button{min-height:40px;min-width:40px}.event-place,.event-when{font-size:16px}.calendar-help{font-size:15px}footer{font-size:13px}}

.search-control{display:flex;align-items:center;gap:9px;flex:1;max-width:430px;min-width:280px}.search-control #friends-search{width:100%;min-width:0;flex:1}.search-count{flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:94px;padding:9px 12px;border:1px solid #3c6151;background:#213e31;color:var(--mint);border-radius:9px;font-size:16px;font-weight:700;white-space:nowrap}.section-heading>p{margin:0}.section-heading{flex-wrap:wrap}.section-heading .view-switch{margin-left:auto}
@media(max-width:1000px){.search-control{max-width:none}}@media(max-width:750px){.search-control{width:100%;min-width:0;flex:auto}.search-control #friends-search{width:0;font-size:16px}.search-count{min-width:96px;font-size:16px}.section-heading .view-switch{margin-left:0}.section-heading{gap:12px}}

.past-toggle{display:flex;align-items:center;gap:9px;min-height:44px;margin-top:12px;width:fit-content;color:var(--ink);font-size:16px;cursor:pointer}.past-toggle input{width:18px;height:18px;margin:0;accent-color:var(--mint)}