.planning-path,.planning-mission-wrap{--planning-green:#327541;--planning-green-bg:#eff8e7;--planning-green-border:#cbe3b5;--planning-progress-fill:#58a935;--planning-gold:#87651f;--planning-gold-bg:#fff7df}.dark .planning-path,.dark .planning-mission-wrap{--planning-green:#a1d886;--planning-green-bg:#293627;--planning-green-border:#4a5d3f;--planning-progress-fill:#a1d886;--planning-gold:#e9c967;--planning-gold-bg:#393322}.planning-page,.planning-home{width:100%;min-width:0;margin-inline:auto}.planning-page{padding:8px 20px 24px}.planning-page-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.planning-page-header h1{letter-spacing:-.7px;color:var(--navy);font-size:22px;font-weight:850}.planning-page-tools{align-items:center;gap:6px;min-width:0;display:flex}.planning-page-tools>*{min-width:0}.planning-path{z-index:2;margin:0;padding:0;list-style:none;position:relative}.planning-week-heading{z-index:1;letter-spacing:.8px;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:10px;padding:12px 0 5px;font-size:10px;font-weight:850;display:flex;position:relative}.planning-week-heading:after{content:"";background:var(--border);flex:1;height:1px}.planning-week-heading:first-child{padding-top:4px}.planning-path-row{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--card);border-radius:16px;margin-bottom:7px;scroll-margin-top:105px;position:relative;overflow:hidden;box-shadow:0 5px 16px #0f172a0f}.planning-path-row:before,.planning-path-row:last-child:before{display:none}.planning-path-row:has(+.planning-week-heading):before{display:none}.planning-path-row:has(+.planning-birthday):before{display:none}.planning-row-open{text-align:left;cursor:pointer;border-radius:0;grid-template-columns:68px minmax(0,1fr);align-items:stretch;gap:0;width:100%;min-height:96px;padding:0;display:grid;position:relative}.planning-row-open:hover{background:color-mix(in srgb, var(--primary) 3%, transparent)}.planning-node{color:#fff;background-position:50%;background-size:cover;border:0;border-radius:0;flex-direction:column;align-items:flex-start;width:68px;min-height:100%;padding:10px 8px;transition:transform .12s;display:flex;position:relative;overflow:hidden}.planning-node:before{content:"";background-image:var(--planning-image);background-position:var(--planning-position-x,center) var(--planning-position-y,center);background-size:var(--planning-background-size,cover);animation:14s ease-in-out infinite alternate planning-photo-drift;position:absolute;inset:-8%}.planning-node:after{content:"";background:linear-gradient(165deg,#050a182e,#050a18e6);position:absolute;inset:0}.planning-node>*{z-index:1;position:relative}.planning-node>svg{stroke-width:2.2px;width:15px;height:15px}.planning-node>strong{text-transform:uppercase;margin-top:auto;font-size:12px;font-weight:900;line-height:1}.planning-node>small{color:#fffc;margin-top:3px;font-size:11px;font-weight:800}.planning-row-open:active .planning-node{transform:translateY(2px)}.planning-node-training{background-color:#193d35}.planning-node-match{background-color:#12172b}.planning-node-other{background-color:#394456}.planning-node-current{box-shadow:inset 4px 0 0 var(--primary)}.planning-row-copy{flex-direction:column;flex:1;min-width:0;padding:8px 10px 7px;display:flex}.planning-when{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:10px;font-weight:800;display:flex}.planning-when em{color:var(--primary);text-transform:uppercase;font-size:11px;font-style:normal}.planning-row-title{min-width:0;color:var(--navy);align-items:center;gap:5px;margin:3px 0;font-size:13px;font-weight:850;display:flex}.planning-row-title>[data-i18n-authored]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.planning-row-title>[data-testid=wedstrijd-matchup]{flex:1;min-width:0}.planning-row-title>[data-testid=wedstrijd-matchup]>span{gap:4px}.planning-row-title>[data-testid=wedstrijd-matchup]>span>[aria-hidden]{min-width:24px;max-width:24px}.planning-row-title>[data-testid=wedstrijd-matchup]>span:nth-child(2){text-align:center;letter-spacing:-.04em;min-width:34px;font-size:15px}.planning-row-chevron{width:13px;height:13px;color:var(--muted-foreground);position:absolute;bottom:8px;right:9px}.planning-presence{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:10px;font-weight:650;display:flex}.planning-presence>span{align-items:center;gap:2px;display:inline-flex}.planning-presence svg{flex-shrink:0;width:12px;height:12px}.planning-present{color:var(--planning-green)}.planning-tasks{color:var(--planning-gold)}.planning-guest{color:var(--muted-foreground);font-size:10px;display:block}.planning-row-details{color:var(--muted-foreground);align-items:center;gap:4px;margin-top:auto;padding-top:5px;font-size:10px;font-weight:700;display:inline-flex}.planning-row-details svg{width:12px;height:12px}.planning-match-duties{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-top:4px;font-size:10px;display:flex}.planning-match-duties>strong{color:#a72d34;white-space:nowrap;order:1;font-size:10px}.planning-match-duties>b{color:var(--primary);order:2;margin-left:auto;font-size:10px}.planning-duty-list{flex-wrap:wrap;flex:100%;order:3;justify-content:flex-end;align-items:center;gap:2px 6px;min-width:0;display:flex}.planning-duty-list>span{white-space:nowrap;align-items:center;gap:2px;min-width:0;display:inline-flex}.planning-duty-list svg{width:12px;height:12px}.planning-duty-list>.is-filled{opacity:.42;text-decoration:line-through}.planning-duty-list>.is-open{color:var(--foreground);font-weight:800}.planning-row-secondary{border-top:1px solid var(--border);flex-direction:column;gap:3px;margin-left:68px;padding:6px 28px 7px 10px;display:flex;position:relative}.planning-location{color:var(--muted-foreground);font-size:10px}.planning-progress{background:color-mix(in srgb, var(--muted-foreground) 14%, transparent);border-radius:8px;height:5px;display:block;overflow:hidden}.planning-progress>span{background:var(--planning-progress-fill);border-radius:inherit;height:100%;transition:width .18s;display:block}.planning-share{z-index:3;position:absolute;bottom:3px;right:25px}.planning-path-cancelled .planning-node{background:var(--muted);border-color:var(--border);color:var(--muted-foreground)}.planning-birthday{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--card);border-radius:16px;margin:5px 0 7px;scroll-margin-top:105px;position:relative;overflow:hidden;box-shadow:0 5px 16px #0f172a0f}.planning-birthday button{text-align:left;width:100%;min-height:82px;color:inherit;cursor:pointer;background:0 0;border-radius:0;grid-template-columns:68px minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;font-size:11px;display:grid}.planning-birthday button:disabled{cursor:default}.planning-birthday-date{color:#fff;background:linear-gradient(145deg,#f05267,#8144b3);flex-direction:column;align-items:flex-start;padding:10px 8px;display:flex;position:relative;overflow:hidden}.planning-birthday-date:before,.planning-birthday-date:after{content:"";position:absolute;inset:-8%}.planning-birthday-date:before{background-image:var(--planning-image);background-position:var(--planning-position-x,center) var(--planning-position-y,center);background-size:var(--planning-background-size,cover);animation:14s ease-in-out infinite alternate planning-photo-drift}.planning-birthday-date:after{background:linear-gradient(165deg,#050a181f,#050a18db);inset:0}.planning-birthday-date>*{z-index:1;position:relative}.planning-birthday-date svg{width:15px;height:15px}.planning-birthday-date strong{text-transform:uppercase;margin-top:auto;font-size:12px;line-height:1}.planning-birthday-date small{color:#fffc;margin-top:3px;font-size:11px;font-weight:800}.planning-birthday-person{align-items:center;gap:8px;min-width:0;padding:10px;display:flex}.planning-birthday-person>span{min-width:0}.planning-birthday-person small,.planning-birthday-person strong{display:block}.planning-birthday-person small{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.planning-birthday-person strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.planning-birthday button>svg{width:13px;height:13px;color:var(--muted-foreground);align-self:center;margin-right:9px}.planning-mission-wrap{margin-bottom:12px}.planning-mission{text-align:left;background:linear-gradient(135deg, color-mix(in srgb, var(--planning-green-bg) 78%, var(--card)), var(--card) 76%);border:1px solid color-mix(in srgb, var(--planning-green-border) 72%, var(--border));border-radius:16px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:9px;width:100%;padding:11px;display:grid;position:relative;overflow:hidden;box-shadow:0 5px 16px #0f172a0f}.planning-mission:before{content:"";background:var(--planning-progress-fill);width:4px;position:absolute;inset:0 auto 0 0}.planning-mission-icon{width:40px;height:40px;color:var(--planning-green);background:color-mix(in srgb, var(--planning-green-bg) 82%, var(--card));border:1px solid var(--planning-green-border);border-radius:13px;place-items:center;display:grid}.planning-mission-icon svg{width:21px;height:21px}.planning-mission-body{min-width:0}.planning-mission-heading{padding-right:92px}.planning-mission-heading>span{color:var(--planning-green);letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:8px;font-weight:900;display:block;overflow:hidden}.planning-mission-heading>strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:900;line-height:1.25;display:block;overflow:hidden}.planning-mission-status{max-width:88px;color:var(--planning-green);background:color-mix(in srgb, var(--planning-green-bg) 78%, var(--card));border:1px solid var(--planning-green-border);text-align:center;border-radius:999px;align-items:center;gap:3px;padding:4px 6px;font-size:8px;font-weight:900;line-height:1.1;display:inline-flex;position:absolute;top:11px;right:11px}.planning-mission-status svg{flex:none;width:11px;height:11px}.planning-mission-description{overflow-wrap:anywhere;color:var(--foreground);white-space:pre-wrap;margin:8px 0 0;font-size:11px;line-height:1.4}.planning-mission-description[data-collapsed=true]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.planning-mission-more{color:var(--planning-green);align-items:center;gap:2px;margin-top:2px;font-size:9px;font-weight:850;display:inline-flex}.planning-mission-more svg{width:11px;height:11px;transition:transform .16s}.planning-mission-more[aria-expanded=true] svg{transform:rotate(180deg)}.planning-mission-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px;display:grid}.planning-mission-footer .planning-progress{height:5px}.planning-mission-edit{min-height:28px;color:var(--foreground);border:1px solid color-mix(in srgb, var(--planning-green-border) 70%, var(--border));background:var(--card);border-radius:9px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;font-weight:850;display:inline-flex}.planning-mission-edit svg{width:11px;height:11px}.planning-mission-create{min-height:40px;box-shadow:none;border-style:dashed}.planning-quick-types{scrollbar-width:none;gap:5px;margin-bottom:12px;padding-bottom:3px;display:flex;overflow-x:auto}.planning-quick-types button{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--muted-foreground);cursor:pointer;border-bottom-width:3px;border-radius:10px;flex:1 0 auto;padding:6px 9px;font-size:11px;font-weight:800}.planning-quick-types [aria-pressed=true]{color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, var(--card));border-color:color-mix(in srgb, var(--primary) 25%, var(--card))}@media (pointer:coarse){.planning-quick-types button,.planning-birthday button{min-height:44px}}@media (width<=340px){.planning-row-open,.planning-birthday button{grid-template-columns:61px minmax(0,1fr)}.planning-node{width:61px}.planning-row-secondary{margin-left:61px}.planning-birthday button>svg{display:none}.planning-duty-list{gap:2px}.planning-duty-list>span>span{display:none}}@media (prefers-reduced-motion:reduce){.planning-node:before,.planning-birthday-date:before{animation:none}.planning-node,.planning-progress>span{transition:none}}@keyframes planning-photo-drift{0%{transform:scale(1.04)translate(-2%)}to{transform:scale(1.12)translate(2%)}}