#activities { --act-ink:#393342; --act-muted:#756e7d; --act-accent:#7464a8; --act-accent-dark:#5d4d96; --act-soft:#f2eef9; --act-line:rgba(82,68,105,.14); }
.activities-shell { width:min(100%,860px); margin:auto; padding:12px 16px 112px; color:var(--act-ink); display:grid; gap:18px; overflow:hidden; }
.activities-hero { padding:4px 2px 0; }
.activities-hero h1 { margin:3px 0 0; font-size:clamp(1.65rem,6vw,2.35rem); line-height:1.08; letter-spacing:-.035em; }
.activities-eyebrow { color:var(--act-accent); font-size:.75rem; font-weight:850; letter-spacing:.035em; }
.activities-shell button,.activities-shell select { min-height:44px; border:1px solid var(--act-line); border-radius:14px; background:#fff; color:var(--act-ink); font:inherit; font-weight:760; cursor:pointer; }
.activities-shell button:focus-visible,.activities-shell select:focus-visible,.activities-shell summary:focus-visible { outline:3px solid rgba(116,100,168,.28); outline-offset:3px; }
.activities-corrected { padding:10px 14px; border:1px solid var(--act-line); border-radius:14px; background:rgba(255,255,255,.72); font-size:.8rem; color:var(--act-muted); }
.activities-corrected summary { cursor:pointer; color:var(--act-accent-dark); font-weight:800; }
.activities-corrected p { margin:9px 0 2px; line-height:1.45; }
.activities-today { overflow:hidden; border:1px solid var(--act-line); border-radius:28px; background:rgba(255,255,255,.96); box-shadow:0 18px 46px rgba(61,49,77,.1); }
.activities-visual { position:relative; height:clamp(205px,43vw,290px); display:grid; place-items:center; overflow:hidden; background:linear-gradient(145deg,#f2edf9,#fbeee8); }
.activities-visual::after { content:""; position:absolute; inset:auto -8% -50% 25%; height:80%; border-radius:50%; background:rgba(255,255,255,.36); transform:rotate(-8deg); }
.activities-visual svg { position:relative; z-index:1; width:min(88%,430px); height:100%; }
.activities-visual>span { position:absolute; z-index:2; right:16px; top:15px; padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.82); color:var(--act-accent-dark); font-size:.76rem; font-weight:850; box-shadow:0 4px 18px rgba(65,51,81,.08); }
.act-halo { fill:rgba(255,255,255,.48); } .act-mat { fill:#c9bde5; } .act-skin { fill:#efc4b7; } .act-skin-two { fill:#dba99d; } .act-body { fill:#8a79bb; } .act-body-two { fill:#d28f9d; } .act-dot { fill:#4f4659; }
.act-line { fill:none; stroke:#63566c; stroke-width:7; stroke-linecap:round; } .act-block-one { fill:#deb1bd; } .act-block-two { fill:#aaa0d4; } .act-sun { fill:#f4ce83; } .act-tree { fill:none; stroke:#759b86; stroke-width:12; stroke-linecap:round; } .act-leaf { fill:#a9cdbb; } .act-spark { fill:#f2c87d; }
.activities-focus-content { padding:20px; }
.activities-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.activities-title-row h2 { margin:3px 0 0; font-size:clamp(1.65rem,6vw,2.25rem); line-height:1.06; letter-spacing:-.035em; }
.activities-favorite-button { flex:0 0 48px; width:48px; padding:0; font-size:1.65rem; color:var(--act-accent)!important; }
.activities-favorite-button[aria-pressed="true"] { background:#f3e7ee; border-color:#d6a2b0; }
.activities-essentials { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0 18px; }
.activities-essentials span { padding:6px 10px; border-radius:999px; background:var(--act-soft); color:var(--act-muted); font-size:.78rem; font-weight:760; }
.activities-steps { display:grid; gap:11px; margin:0; padding:0; list-style:none; }
.activities-steps li { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:11px; min-width:0; }
.activities-steps li>span { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:var(--act-accent); color:#fff; font-weight:900; }
.activities-steps p { margin:0; font-size:.98rem; line-height:1.38; }
.activities-safety-details { margin-top:15px; color:var(--act-muted); font-size:.8rem; }
.activities-safety-details summary { width:max-content; cursor:pointer; font-weight:800; color:var(--act-muted); }
.activities-safety-details p { margin:8px 0 0; padding:10px 12px; border-radius:12px; background:#fff8e9; color:#685c4c; line-height:1.45; }
.activities-actions { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:9px; margin-top:18px; }
.activities-actions button { padding:10px 12px; } .activities-actions .activities-done { border-color:transparent; background:var(--act-accent); color:#fff; } .activities-actions .activities-done[aria-pressed="true"] { background:#638c75; } .activities-actions .activities-next { background:var(--act-soft); color:var(--act-accent-dark); }
.activities-picker { display:grid; gap:11px; }
.activities-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 2px; }
.activities-section-head h2 { margin:0; font-size:1.12rem; }
.activities-section-head button { min-height:36px; padding:5px 10px; border:0; background:transparent; color:var(--act-accent-dark); font-size:.8rem; }
.activities-more,.activities-favorites { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.activities-mini-card { min-width:0; overflow:hidden; padding:0!important; text-align:left; border-radius:18px!important; box-shadow:0 8px 24px rgba(61,49,77,.06); }
.activities-mini-card .activities-visual { height:112px; border-radius:0; } .activities-mini-card .activities-visual svg { width:96%; }
.activities-mini-copy { display:grid; gap:3px; padding:11px 12px 13px; } .activities-mini-copy strong { overflow-wrap:anywhere; font-size:.88rem; line-height:1.2; } .activities-mini-copy small { color:var(--act-muted); font-size:.72rem; }
.activities-parent-details { border-top:1px solid var(--act-line); color:var(--act-muted); }
.activities-parent-details>summary { cursor:pointer; padding:15px 2px; font-size:.84rem; font-weight:800; color:var(--act-muted); }
.activities-parent-content { padding:4px 0 16px; } .activities-parent-content h2 { margin:0; color:var(--act-ink); font-size:1.15rem; } .activities-parent-content>p { margin:5px 0 14px; font-size:.82rem; }
.activities-observations { display:grid; gap:8px; margin-bottom:12px; }
.activities-observations label { display:grid; grid-template-columns:minmax(0,1fr) 140px; align-items:center; gap:10px; padding:10px 11px; border:1px solid var(--act-line); border-radius:14px; background:rgba(255,255,255,.76); }
.activities-observations label>span { color:var(--act-ink); font-size:.83rem; line-height:1.3; } .activities-observations select { width:100%; padding:7px; font-size:.78rem; } .activities-parent-content>button { padding:8px 12px; color:#a55358; }
.activities-empty { min-height:55vh; place-content:center; place-items:center; text-align:center; max-width:580px; } .activities-empty>span { font-size:2.3rem; } .activities-empty h1 { margin:0; } .activities-empty p { color:var(--act-muted); max-width:50ch; }
body.night #activities { --act-ink:#f7eef8; --act-muted:#c9becb; --act-soft:rgba(135,112,157,.21); --act-line:rgba(235,218,240,.16); }
body.night .activities-today,body.night .activities-shell button,body.night .activities-shell select,body.night .activities-corrected,body.night .activities-observations label { background:#302a32; color:var(--act-ink); }
body.night .activities-visual { background:linear-gradient(145deg,#403750,#49343e); } body.night .activities-safety-details p { background:#423a2b; color:#eadfc8; }
@media(max-width:600px) { .activities-shell { padding-inline:12px; gap:15px; } .activities-focus-content { padding:17px; } .activities-more,.activities-favorites { grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; } .activities-mini-card .activities-visual { height:86px; } .activities-mini-copy { padding:9px; } .activities-mini-copy strong { font-size:.76rem; } .activities-observations label { grid-template-columns:1fr; } }
@media(max-width:350px) { .activities-actions { grid-template-columns:1fr; } .activities-mini-copy strong { font-size:.72rem; } }