:root{--font-primary:"Source Sans 3", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"Source Code Pro", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--text-display:clamp(2.5rem, 5vw, 3.5rem);--text-h1:clamp(1.75rem, 3vw, 2.25rem);--text-h2:clamp(1.375rem, 2.5vw, 1.75rem);--text-h3:clamp(1.125rem, 2vw, 1.375rem);--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.8125rem;--text-micro:.75rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.55;--leading-relaxed:1.6;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.02em;--color-cream:#f4f6f4;--color-surface:#fff;--color-ink:#1e2421;--color-ink-secondary:#5a6b63;--color-ink-muted:#8d9b94;--color-border:#dfe6e1;--color-border-strong:#c5cec7;--color-accent:#2d5a45;--color-accent-hover:#1f4232;--color-accent-light:#e7f0ea;--color-accent-border:#c6d8cc;--color-amber:#b8705a;--color-amber-hover:#945a49;--color-amber-light:#f7ebe7;--color-amber-border:#e9d0c6;--color-sage:#3d6b4f;--color-sage-hover:#2f523d;--color-sage-light:#e5efe8;--color-sage-border:#bed3c5;--color-twilight:#1a211d;--color-twilight-light:#2a332d;--color-success:#3d6b4f;--color-success-light:#e5efe8;--color-success-border:#bed3c5;--color-error:#b3523f;--color-error-light:#f9ece9;--color-error-border:#e8c8be;--shadow-xs:0 1px 2px #1e24210d;--shadow-sm:0 2px 8px #1e24210f, 0 1px 2px #1e24210a;--shadow-md:0 4px 16px #1e242114, 0 2px 6px #1e24210a;--shadow-lg:0 12px 32px #1e24211f, 0 4px 12px #1e24210f;--shadow-xl:0 20px 48px #1e242129, 0 8px 20px #1e242114;--shadow-ring-accent:0 0 0 3px var(--color-accent-light);--shadow-ring-amber:0 0 0 3px var(--color-amber-light);--shadow-ring-sage:0 0 0 3px var(--color-sage-light);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--container-max:1100px;--header-height:64px;--transition-instant:.12s ease;--transition-state:.2s ease;--transition-page:.28s ease;--z-header:100;--z-modal:1000}@media (prefers-color-scheme:dark){:root{--color-cream:#151b18;--color-surface:#1b221e;--color-ink:#eef2ef;--color-ink-secondary:#a6b2ab;--color-ink-muted:#75807a;--color-border:#2a332d;--color-border-strong:#3f4a43;--color-accent:#6b9e82;--color-accent-hover:#8fbba3;--color-accent-light:#1c2b22;--color-accent-border:#35503f;--color-amber:#c9927d;--color-amber-hover:#d9a992;--color-amber-light:#2b1e19;--color-amber-border:#4a3530;--color-sage:#7ca68e;--color-sage-hover:#9ac2aa;--color-sage-light:#1a271f;--color-sage-border:#304237;--color-twilight:#eef2ef;--color-twilight-light:#cdd4cf;--color-success:#7ca68e;--color-success-light:#1a271f;--color-success-border:#304237;--color-error:#d98a75;--color-error-light:#2a1813;--color-error-border:#4a2d24;--shadow-xs:0 1px 2px #00000059;--shadow-sm:0 2px 8px #00000059, 0 1px 3px #00000040;--shadow-md:0 4px 16px #00000073, 0 2px 6px #00000059;--shadow-lg:0 12px 32px #0000008c, 0 4px 12px #00000073;--shadow-xl:0 20px 48px #000000a6, 0 8px 20px #0000008c;--shadow-ring-accent:0 0 0 3px var(--color-accent-light);--shadow-ring-amber:0 0 0 3px var(--color-amber-light);--shadow-ring-sage:0 0 0 3px var(--color-sage-light)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--color-ink);background:var(--color-cream);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0}a{color:var(--color-accent);transition:color var(--transition-instant);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;height:auto;display:block}::selection{background:var(--color-accent-border);color:var(--color-accent-hover)}:focus-visible{box-shadow:var(--shadow-ring-accent);border-radius:var(--radius-sm);outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}.app{min-height:100vh;max-width:var(--container-max);flex-direction:column;width:100%;margin:0 auto;padding:0;display:flex}.app.loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--color-ink-muted);text-align:center;padding:var(--space-6);flex-direction:column;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{background:var(--color-error-light);border:1px solid var(--color-error-border);width:60px;height:60px;margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;display:flex}.app-header{z-index:var(--z-header);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-height);display:flex;position:sticky;top:0}.nav-back{width:40px;height:40px;color:var(--color-ink-secondary);transition:all var(--transition-instant);border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-back:hover:not(:disabled){background:var(--color-accent-light);color:var(--color-accent)}.nav-back:disabled{opacity:.35;cursor:not-allowed}.day-picker{gap:var(--space-2);padding:var(--space-1) var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex:1;display:flex;overflow-x:auto}.day-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-instant);scroll-snap-align:start;flex:none;min-width:90px;display:flex}.day-pill:hover{border-color:var(--color-accent-border);background:var(--color-accent-light)}.day-pill.active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.day-pill.has-progress{border-color:var(--color-sage-border);background:var(--color-sage-light)}.pill-day{font-weight:600;font-size:var(--text-body-sm);color:var(--color-ink);transition:color var(--transition-instant)}.pill-date{font-size:var(--text-micro);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em;transition:color var(--transition-instant);font-weight:500}.day-pill.active .pill-day,.day-pill.active .pill-date{color:#fff}.pill-cost{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-accent);background:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-accent-border);font-weight:500}.day-pill.active .pill-cost{color:var(--color-accent);background:#ffffffe6}.header-right{align-items:center;gap:var(--space-3);display:flex}.family-indicator{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:var(--text-body-sm);color:var(--color-ink);font-weight:600;display:inline-flex}.family-name{font-weight:600}.total-cost{align-items:flex-end;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.cost-label{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-secondary);font-weight:600}.cost-value{font-family:var(--font-mono);font-size:var(--text-body-lg);color:var(--color-accent);font-weight:600}.btn-export{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-ink);color:var(--color-surface);font-size:var(--text-body-sm);border-radius:var(--radius-pill);transition:all var(--transition-instant);box-shadow:var(--shadow-xs);font-weight:500;display:inline-flex}.btn-export:hover{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.day-overview{animation:fadeIn var(--transition-state)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.day-header-card{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm);display:flex}.day-badge{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);background:var(--color-accent-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-accent-border);margin-bottom:var(--space-2);font-weight:600;display:inline-block}.day-header-content h1{font-family:var(--font-primary);color:var(--color-ink);letter-spacing:-.02em;margin-bottom:var(--space-2);font-size:clamp(2rem,4vw,2.75rem);font-weight:600;line-height:1.05}.day-label{color:var(--color-ink-secondary);font-size:var(--text-body-lg);line-height:var(--leading-snug);margin-bottom:var(--space-5);font-weight:400}.day-meta{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.day-weather{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-secondary);font-weight:500;display:inline-flex}.day-cost-large{font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-accent);letter-spacing:-.01em;font-weight:600}.day-progress-large{font-size:var(--text-body-sm);color:var(--color-ink-secondary);font-weight:500}.day-progress-ring{flex-shrink:0;width:84px;height:84px;position:relative}.day-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-bg{fill:none;stroke:var(--color-border);stroke-width:4px}.progress-fill{fill:none;stroke:var(--color-accent);stroke-width:5px;stroke-linecap:round;transition:stroke-dasharray var(--transition-page);filter:drop-shadow(0 2px 4px #2d5a4540)}.progress-pct{font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-ink);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-block{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);cursor:pointer;transition:background var(--transition-instant);background:0 0;border:none;min-height:72px;display:flex}.timeline-block:hover{background:var(--color-accent-light)}.timeline-block.completed{background:var(--color-sage-light)}.timeline-block.current{background:var(--color-accent-light)}.block-marker{width:40px;height:40px;transition:all var(--transition-instant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-block:not(.completed):not(.current) .block-marker{background:var(--color-cream);border:1.5px solid var(--color-border-strong);color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-body-sm);font-weight:600}.timeline-block.completed .block-marker{background:var(--color-sage);border:1.5px solid var(--color-sage);color:#fff}.timeline-block.current .block-marker{background:var(--color-accent);border:1.5px solid var(--color-accent);color:#fff}.block-main{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.block-label{font-weight:600;font-size:var(--text-body);color:var(--color-ink);letter-spacing:-.01em}.block-hours{font-family:var(--font-mono);font-size:var(--text-micro);color:var(--color-ink-muted);background:var(--color-cream);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);letter-spacing:.01em}.block-chosen,.block-recommendations{gap:var(--space-2);flex-wrap:wrap;min-height:24px;display:flex}.chosen-chip,.rec-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-caption);transition:all var(--transition-instant);letter-spacing:-.01em;font-weight:600;display:inline-flex}.chosen-chip.activity{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-border)}.chosen-chip.food{background:var(--color-sage-light);color:var(--color-sage);border:1px solid var(--color-sage-border)}.chosen-people{background:var(--color-cream);color:var(--color-ink-secondary);border:1px solid var(--color-border);font-weight:500}.rec-chip{background:var(--color-amber-light);color:var(--color-amber);border:1px solid var(--color-amber-border);font-style:normal}.rec-chip.food{background:var(--color-sage-light);color:var(--color-sage);border:1px solid var(--color-sage-border)}.no-rec{font-size:var(--text-caption);color:var(--color-ink-muted);font-style:italic;font-weight:400}.current-indicator{background:linear-gradient(180deg, var(--color-accent), var(--color-amber));border-radius:var(--radius-pill);opacity:.7;flex-shrink:0;width:3px;height:40px}.overview-actions{gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border);justify-content:center;display:flex}.app-main.block-detail{padding:var(--space-6);animation:fadeIn var(--transition-state);overflow-y:auto}.block-detail-layout{gap:var(--space-6);align-items:flex-start;display:flex}.block-detail-sidebar{top:calc(var(--header-height) + var(--space-6));max-height:calc(100vh - var(--header-height) - var(--space-12));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);flex-direction:column;flex:0 0 280px;display:flex;position:sticky;overflow-y:auto}.sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-cream);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:2;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sidebar-day{font-family:var(--font-primary);font-size:var(--text-body);color:var(--color-ink);font-weight:600}.sidebar-progress{font-size:var(--text-caption);color:var(--color-ink-muted);font-family:var(--font-mono);font-weight:500}.sidebar-timeline{padding:var(--space-3);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-block{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-instant);border:1px solid #0000;display:flex}.sidebar-block:hover{background:var(--color-accent-light);border-color:var(--color-accent-border)}.sidebar-block.active{background:var(--color-accent-light);border-color:var(--color-accent)}.sidebar-block.done{border-color:var(--color-sage-border);background:var(--color-sage-light)}.sidebar-block.done.active{border-color:var(--color-sage)}.sidebar-marker{width:28px;height:28px;font-family:var(--font-mono);font-size:var(--text-micro);background:var(--color-cream);border:1.5px solid var(--color-border);color:var(--color-ink-muted);transition:all var(--transition-instant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.sidebar-block.done .sidebar-marker{background:var(--color-sage);border-color:var(--color-sage);color:#fff}.sidebar-block.active .sidebar-marker{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.sidebar-block-content{flex:1;min-width:0}.sidebar-block-top{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.sidebar-block-label{font-size:var(--text-body-sm);color:var(--color-ink);font-weight:600}.sidebar-block-hours{font-size:var(--text-micro);color:var(--color-ink-muted);font-family:var(--font-mono);white-space:nowrap}.sidebar-block-summary{gap:var(--space-1);flex-direction:column;display:flex}.sidebar-block-cost{margin-top:var(--space-1);justify-content:flex-end;display:flex}.sidebar-block-cost span{color:var(--color-accent);text-align:right;font-size:10px;font-weight:700;line-height:1;font-family:var(--font-mono);white-space:nowrap;background:#0000000a;border-radius:999px;padding:2px 8px}.sidebar-summary-item{font-size:var(--text-caption);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sidebar-summary-item.activity{background:var(--color-accent-light);color:var(--color-accent);border:1px solid var(--color-accent-border)}.sidebar-summary-item.food{background:var(--color-sage-light);color:var(--color-sage);border:1px solid var(--color-sage-border)}.sidebar-summary-empty{font-size:var(--text-caption);color:var(--color-ink-muted);font-style:italic;font-weight:400}.sidebar-participants{margin:0 var(--space-3) var(--space-3) var(--space-3);padding:var(--space-4);background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.sidebar-participants-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sidebar-participants-header h3{font-size:var(--text-body-sm);color:var(--color-ink);margin:0;font-weight:600}.sidebar-participants-header span{font-size:var(--text-caption);color:var(--color-ink-muted);font-family:var(--font-mono);font-weight:500}.sidebar-counters{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-participants-note{margin:var(--space-3) 0 0 0;font-size:var(--text-micro);color:var(--color-ink-muted);font-weight:500}.sidebar-counters .participant-counter{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.sidebar-counters .participant-counter .counter-label{font-size:var(--text-body-sm);color:var(--color-ink-secondary);letter-spacing:-.01em;font-weight:600}.sidebar-counters .participant-counter .counter-controls{align-items:center;gap:var(--space-2);display:flex}.sidebar-counters .participant-counter .counter-btn{border:1.5px solid var(--color-border);background:var(--color-surface);width:30px;height:30px;color:var(--color-ink);cursor:pointer;transition:all var(--transition-instant);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.sidebar-counters .participant-counter .counter-btn:hover:not(:disabled){background:var(--color-accent-light);border-color:var(--color-accent-border);color:var(--color-accent)}.sidebar-counters .participant-counter .counter-btn:disabled{opacity:.35;cursor:not-allowed}.sidebar-counters .participant-counter .counter-value{font-size:var(--text-body-sm);color:var(--color-ink);font-weight:600;font-family:var(--font-mono);text-align:center;min-width:56px}.sidebar-total{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-cream);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);z-index:2;flex-direction:column;margin-top:auto;display:flex;position:sticky;bottom:0}.sidebar-total-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.sidebar-total-row span:first-child{font-size:var(--text-body-sm);color:var(--color-ink-secondary);font-weight:600}.sidebar-total-amount{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-accent);text-align:right;font-weight:700;line-height:1}.block-detail-main{flex:1;min-width:0}@media (width<=900px){.block-detail-layout{flex-direction:column}.block-detail-sidebar{flex:auto;order:2;width:100%;max-height:320px;position:relative;top:auto}.block-detail-main{order:1}}.block-progress-header{margin-bottom:var(--space-6);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs)}.progress-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.progress-step{font-size:var(--text-caption);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:500}.progress-day{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-accent);font-weight:600}.progress-bar-lg{background:var(--color-cream);border-radius:var(--radius-pill);height:8px;margin-bottom:var(--space-3);border:1px solid var(--color-border);overflow:hidden;box-shadow:inset 0 1px 2px #1e24210a}.progress-fill-lg{background:var(--color-accent);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-state);box-shadow:0 2px 6px #2d5a4533}.progress-bottom{justify-content:space-between;align-items:center;display:flex}.progress-bottom span:first-child{color:var(--color-ink);font-weight:600;font-size:var(--text-body)}.progress-bottom span:last-child{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-ink-muted);font-weight:500}.block-content-wrapper{gap:var(--space-5);flex-direction:column;display:flex}.options-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);overflow:hidden}.options-panel.empty{min-height:120px}.panel-header{padding:var(--space-4) var(--space-5);background:var(--color-cream);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.panel-header h2{font-family:var(--font-primary);font-size:var(--text-h3);color:var(--color-ink);letter-spacing:-.02em;font-weight:600}.panel-count{font-size:var(--text-caption);color:var(--color-ink-muted);background:var(--color-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);font-weight:500}.options-list{padding:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.block-option-card{align-items:stretch;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-state);box-shadow:var(--shadow-xs);display:flex;position:relative;overflow:hidden}.block-option-card:hover{border-color:var(--color-accent-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.block-option-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-ring-accent), var(--shadow-sm)}.block-option-card.recommended{border-color:var(--color-amber-border)}.block-option-card.recommended:before{content:"";background:linear-gradient(90deg, var(--color-amber), var(--color-accent));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.recommended-badge,.selected-badge{top:var(--space-2);right:var(--space-2);font-size:var(--text-micro);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);z-index:1;letter-spacing:.02em;font-weight:600;position:absolute;box-shadow:0 2px 6px #0000001a}.recommended-badge{background:linear-gradient(135deg, var(--color-amber), var(--color-accent));color:#fff}.option-thumb{border-radius:var(--radius-xl);border:1px solid var(--color-border);width:120px;height:120px;box-shadow:var(--shadow-xs);background-position:50%;background-size:cover;flex-shrink:0;position:relative;overflow:hidden}.block-option-card:hover .option-thumb{transform:scale(1.02)}.thumb-links,.thumb-link{display:none}.option-info{min-width:0;padding-right:var(--space-2);flex-direction:column;flex:1;justify-content:center;display:flex}.option-title{font-size:var(--text-body);color:var(--color-ink);margin-bottom:var(--space-1);letter-spacing:-.01em;font-weight:600;line-height:var(--leading-snug)}.option-meta{font-size:var(--text-caption);color:var(--color-ink-secondary);margin-bottom:var(--space-1);align-items:center;gap:var(--space-1);font-weight:500;display:flex}.option-audience{font-size:var(--text-caption);color:var(--color-ink-secondary);margin-bottom:var(--space-2);font-weight:500;line-height:var(--leading-snug)}.option-cost{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-accent);margin-bottom:var(--space-2);letter-spacing:-.01em;font-weight:600}.option-tags{gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-micro);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-cream);color:var(--color-ink-secondary);transition:all var(--transition-instant);font-weight:500}.block-option-card:hover .tag,.block-option-card.selected .tag{background:var(--color-surface);border-color:var(--color-border-strong)}.option-notes{font-size:var(--text-micro);color:var(--color-ink-muted);line-height:var(--leading-relaxed);font-weight:400}.website-thumb-link{bottom:var(--space-2);left:var(--space-2);-webkit-backdrop-filter:blur(8px);color:#fff;width:28px;height:28px;transition:all var(--transition-instant);z-index:2;background:#1e2421b3;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute}.website-thumb-link:hover{background:var(--color-accent);border-color:#0000;transform:scale(1.1)}.weather-badge,.weather-icon,.weather-text{display:none}.option-select{width:48px;font-weight:600;font-size:var(--text-body-sm);color:var(--color-ink-muted);border-radius:var(--radius-pill);border:1.5px solid var(--color-border);background:var(--color-cream);transition:all var(--transition-instant);font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;height:48px;display:flex}.block-option-card.selected .option-select{color:#fff;background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 3px 10px #2d5a454d}.block-option-card.selected .option-select:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:26px;height:26px}.participants-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);overflow:hidden}.participants-grid{gap:var(--space-4);padding:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=480px){.participants-grid{grid-template-columns:1fr}}.participant-counter{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.counter-label{font-size:var(--text-body-sm);color:var(--color-ink-secondary);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-weight:600}.counter-controls{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.counter-btn{background:var(--color-surface);border:1.5px solid var(--color-border);width:44px;height:44px;color:var(--color-ink);transition:all var(--transition-instant);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.counter-btn:hover:not(:disabled){border-color:var(--color-accent-border);color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-xs)}.counter-btn:disabled{opacity:.3;cursor:not-allowed}.counter-value{font-family:var(--font-mono);font-size:var(--text-h3);color:var(--color-ink);text-align:center;min-width:80px;font-weight:600}.block-nav{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-2);margin-top:var(--space-2);display:flex}.block-nav .btn{flex:1;max-width:140px}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-body-sm);border-radius:var(--radius-pill);transition:all var(--transition-instant);white-space:nowrap;letter-spacing:-.01em;font-weight:600;display:inline-flex}.btn-large{padding:var(--space-3) var(--space-8);font-size:var(--text-body)}.btn-primary{background:var(--color-ink);color:var(--color-surface);border:1px solid var(--color-ink);border-radius:var(--radius-pill)}.btn-primary:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-pill)}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-xs);transform:translateY(-1px)}.btn-ghost{color:var(--color-ink-secondary);border-radius:var(--radius-pill);background:0 0;border:1.5px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--color-cream);color:var(--color-ink);border-color:var(--color-border)}.btn-ghost:disabled{opacity:.35;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(8px);padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-instant);background:#1e242180;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-page);flex-direction:column;display:flex;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--text-h3);font-weight:600}.modal-close{width:36px;height:36px;color:var(--color-ink-muted);transition:all var(--transition-instant);border-radius:50%;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-accent-light);color:var(--color-accent)}.modal-content{padding:var(--space-6);flex:1;overflow-y:auto}.modal-content p{color:var(--color-ink-secondary);margin-bottom:var(--space-4);line-height:var(--leading-snug)}.export-preview{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);max-height:400px;overflow:auto;box-shadow:inset 0 1px 2px #1e24210a}.export-preview strong{margin-bottom:var(--space-3);color:var(--color-accent);font-size:var(--text-body-sm);letter-spacing:-.01em;font-weight:600;display:block}.export-preview pre{font-family:var(--font-mono);color:var(--color-ink-secondary);white-space:pre-wrap;word-wrap:break-word;font-size:.7rem;line-height:1.6}.modal-footer{gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-cream);justify-content:flex-end;display:flex}@media (width<=768px){.app-header{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-wrap:wrap;min-height:auto}.header-left{order:2;width:100%}.header-right{order:1}.day-picker{order:3;width:100%}.day-pill{min-width:80px;padding:var(--space-2) var(--space-3)}.pill-cost{display:none}.total-cost{padding:var(--space-2) var(--space-3)}.cost-value{font-size:var(--text-body)}.app-main{padding:var(--space-4)}.day-header-card{padding:var(--space-5);align-items:flex-start;gap:var(--space-4);flex-direction:column}.day-progress-ring{align-self:flex-end;width:68px;height:68px}.block-option-card{gap:var(--space-3);flex-direction:column}.option-thumb{border-radius:var(--radius-xl);width:100%;height:160px}.option-info{padding-right:0}.option-select{width:auto;padding:var(--space-1) var(--space-3);background:var(--color-cream);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);justify-self:flex-end}.block-option-card.selected .option-select:after{width:14px;height:14px;margin-left:var(--space-2);display:inline-block}.block-nav{flex-wrap:wrap}.block-nav .btn{flex:100%;max-width:none}.modal{margin:var(--space-2);max-height:calc(100vh - var(--space-4))}}@media (width<=480px){:root{--space-6:1.25rem}.day-pill{min-width:70px}.pill-day{font-size:var(--text-micro)}.btn-export{padding:var(--space-2);border-radius:50%}.day-header-card{padding:var(--space-4)}.day-header-content h1{font-size:1.6rem}.option-thumb{height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-muted{color:var(--color-ink-muted)}.text-secondary{color:var(--color-ink-secondary)}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:600}.family-welcome{background:var(--color-cream);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.welcome-background{z-index:0;position:absolute;inset:0;overflow:hidden}.welcome-gradient{background:radial-gradient(ellipse 80% 60% at 20% 30%, var(--color-accent-light) 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 80% 70%, var(--color-amber-light) 0%, transparent 50%), var(--color-cream);position:absolute;inset:0}.welcome-content{z-index:1;text-align:center;width:100%;max-width:520px;position:relative}.welcome-header{margin-bottom:var(--space-8)}.welcome-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-body-sm);color:var(--color-ink);box-shadow:var(--shadow-xs);font-weight:600;display:inline-flex}.badge-icon{font-size:var(--text-body)}.welcome-body{gap:var(--space-6);flex-direction:column;display:flex}.welcome-title{color:var(--color-ink);letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3rem);font-weight:600;line-height:1.1}.title-accent{color:var(--color-accent)}.welcome-subtitle{font-size:var(--text-body-lg);color:var(--color-ink-secondary);font-weight:400;line-height:1.6}.family-avatars{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.avatar-row{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.avatar-card{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-cream);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-instant);flex-direction:column;min-width:90px;display:flex}.avatar-card:hover{border-color:var(--color-accent-border);background:var(--color-accent-light)}.avatar-card.selected{border-color:var(--color-accent);background:var(--color-accent-light);box-shadow:var(--shadow-ring-accent)}.avatar-card.child{opacity:.7;cursor:default}.avatar-ring{background:var(--color-surface);border:2px solid var(--color-border);width:56px;height:56px;transition:all var(--transition-instant);border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-card.selected .avatar-ring{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.avatar-initial{font-size:var(--text-h3);color:var(--color-ink);font-weight:600}.avatar-name{font-size:var(--text-body-sm);color:var(--color-ink);font-weight:600}.avatar-role{font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);font-weight:500}.divider{align-items:center;gap:var(--space-3);color:var(--color-ink-muted);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.06em;font-weight:500;display:flex}.divider:before,.divider:after{content:"";background:var(--color-border);flex:1;height:1px}.welcome-enter{margin-top:var(--space-2);padding:var(--space-3) var(--space-10);font-size:var(--text-body)}.welcome-enter .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.welcome-note{font-size:var(--text-body-sm);color:var(--color-ink-muted);margin-top:var(--space-2);line-height:1.5}.family-unit{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);max-width:320px;margin:var(--space-4) auto 0;display:flex}.family-avatar{background:var(--color-cream);border-radius:var(--radius-xl);width:64px;height:64px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.family-info{gap:var(--space-1);text-align:left;flex-direction:column;display:flex}.family-unit-name{font-size:var(--text-body-lg);color:var(--color-ink);font-weight:600}.family-unit-meta{font-size:var(--text-body-sm);color:var(--color-ink-secondary);font-weight:400}.welcome-video-placeholder{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);color:var(--color-ink-secondary);font-size:var(--text-body-sm);max-width:280px;margin:var(--space-2) auto 0;transition:all var(--transition-state);flex-direction:column;display:flex}.welcome-video-placeholder:hover{border-color:var(--color-accent);background:var(--color-cream)}.welcome-video-placeholder svg{opacity:.6}.welcome-footer{margin-top:var(--space-10);gap:var(--space-1);font-size:var(--text-caption);color:var(--color-ink-muted);flex-direction:column;font-weight:500;display:flex}@media (width<=480px){.family-welcome{padding:var(--space-4)}.welcome-title{font-size:1.75rem}.avatar-card{min-width:80px;padding:var(--space-2) var(--space-3)}.avatar-ring{width:48px;height:48px}}.cinematic-intro{z-index:100;background:#0a0f0d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.cinematic-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.cinematic-overlay{z-index:10;padding:var(--space-8);text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.cinematic-title{color:var(--color-cream);letter-spacing:-.03em;opacity:0;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.05;animation:1.2s cubic-bezier(.16,1,.3,1) 1.5s forwards cinematicTitleIn;transform:translateY(30px)}.cinematic-title .accent{color:var(--color-accent)}@keyframes cinematicTitleIn{to{opacity:1;transform:translateY(0)}}.cinematic-subtitle{color:var(--color-ink-secondary);letter-spacing:.15em;text-transform:uppercase;opacity:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:400;animation:1s cubic-bezier(.16,1,.3,1) 2.8s forwards cinematicSubtitleIn;transform:translateY(20px)}@keyframes cinematicSubtitleIn{to{opacity:1;transform:translateY(0)}}.cinematic-location{font-size:var(--text-body);color:var(--color-ink-tertiary);letter-spacing:.08em;text-transform:uppercase;opacity:0;font-weight:500;animation:.8s ease-out 3.5s forwards cinematicFadeIn}.cinematic-date{font-size:var(--text-body-lg);color:var(--color-accent);letter-spacing:.05em;opacity:0;font-weight:400;animation:.8s ease-out 4s forwards cinematicFadeIn}@keyframes cinematicFadeIn{0%{opacity:0}to{opacity:1}}.cinematic-progress{bottom:var(--space-12);opacity:0;background:#ffffff1a;border-radius:1px;width:200px;height:2px;animation:.8s ease-out 4.5s forwards cinematicFadeIn;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.cinematic-progress-bar{background:linear-gradient(90deg, var(--color-accent), var(--color-amber));border-radius:1px;width:0%;height:100%;animation:7s cubic-bezier(.4,0,.2,1) 1s forwards cinematicProgress}@keyframes cinematicProgress{to{width:100%}}.cinematic-background{z-index:0;pointer-events:none;position:fixed;inset:0}.planner-panel{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.app-header{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border-bottom:1px solid #0000000f;display:flex}.header-left{align-items:flex-start;gap:var(--space-4);flex:1;min-width:0;display:flex}.header-branding{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.family-indicator{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-weight:600;font-size:var(--text-body-sm);color:var(--color-ink);background:#fff9;border:1px solid #0000000f;align-self:flex-start;display:inline-flex}.family-dot{background:var(--family-color,var(--color-accent));border-radius:50%;width:8px;height:8px}.day-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.day-weather-inline{align-items:center;gap:var(--space-2);font-size:var(--text-body-sm);color:var(--color-ink-secondary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;background:#fff9;border:1px solid #0000000f;display:inline-flex}.app-main{padding:var(--space-6);flex:1;overflow-y:auto}.app-main.day-overview,.app-main.block-detail{width:100%;max-width:1200px;margin:0 auto}.day-header-card{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);margin-bottom:var(--space-6);background:#ffffffd9;border:1px solid #0000000f;display:flex}.day-header-content{gap:var(--space-2);flex-direction:column;display:flex}.day-badge{padding:var(--space-1) var(--space-3);background:var(--color-accent);color:#fff;font-size:var(--text-body-xs);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius-pill);align-self:flex-start;font-weight:700;display:inline-flex}.day-label{font-size:var(--text-body-lg);color:var(--color-ink-secondary);margin:0}.day-meta{gap:var(--space-4);margin-top:var(--space-1);font-size:var(--text-body-sm);color:var(--color-ink-tertiary);flex-wrap:wrap;display:flex}.blocks-timeline{gap:var(--space-3);flex-direction:column;display:flex}.timeline-block{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-instant);background:#fffc;border:1px solid #0000000f;display:flex}.timeline-block:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 10px 25px -5px #00000014}.timeline-block.completed .block-marker{background:var(--color-accent);color:#fff}.block-marker{width:36px;height:36px;color:var(--color-ink-tertiary);font-weight:600;font-size:var(--text-body-sm);background:#0000000a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.block-content{flex:1;min-width:0}.block-main{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.block-label{color:var(--color-ink);font-weight:600}.block-hours{font-size:var(--text-body-sm);color:var(--color-ink-tertiary);font-family:var(--font-mono)}.block-chosen{gap:var(--space-2);flex-wrap:wrap;display:flex}.chosen-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--text-body-sm);align-items:center;font-weight:500;display:inline-flex}.chosen-chip.activity{color:var(--color-accent);background:#2d5a451a}.chosen-chip.food{color:#b8705a;background:#b8705a1a}.chosen-chip.chosen-empty{color:var(--color-ink-tertiary);background:#0000000a}.chosen-chip.recommended-preview{color:var(--color-accent);background:#2d5a4514;font-style:italic;font-weight:400}.sidebar-summary-item.recommended-preview{color:var(--color-accent);font-style:italic;font-weight:400;font-size:var(--text-body-sm);background:#2d5a4514}.timeline-progress{width:100%;padding:var(--space-6) 48px var(--space-4);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);background:#ffffffb3;border:1px solid #0000000f;min-height:120px;display:block;position:relative;overflow:hidden}.timeline-track-line{z-index:0;background:#0000001a;height:2px;position:absolute;top:86px;left:0;right:0}.timeline-scroll{display:none}.timeline-tick{z-index:0;background:#0000001f;width:1px;height:12px;position:absolute;top:80px;left:0;transform:translate(-50%)}.tick-label{display:none}.block-boundary-marker{background:var(--color-accent);z-index:2;border-radius:2px;width:3px;height:26px;position:absolute;top:74px;left:0;transform:translate(-50%)}.block-boundary-marker.day-start,.block-boundary-marker.day-end{background:var(--color-ink);width:4px;height:32px;top:70px}.block-boundary-marker.shared{background:var(--color-accent)}.boundary-label{color:var(--color-accent);font-size:10px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.block-boundary-marker.day-start{transform:translate(0)}.block-boundary-marker.day-end{transform:translate(-100%)}.block-boundary-marker.day-start .boundary-label,.block-boundary-marker.day-end .boundary-label{color:var(--color-ink)}.block-boundary-marker.day-start .boundary-label{left:0;transform:translate(0)}.block-boundary-marker.day-end .boundary-label{left:0;transform:translate(-100%)}.boundary-label{text-overflow:ellipsis;max-width:80px;overflow:hidden}.timeline-node{align-items:center;gap:var(--space-1);z-index:3;flex-direction:column;min-width:60px;display:flex;position:absolute;top:78px;transform:translate(-50%)}.timeline-node-header{text-align:center;white-space:nowrap;flex-direction:row;align-items:center;gap:6px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.timeline-node-label{font-size:var(--text-body-sm);color:var(--color-ink);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-weight:600;overflow:hidden}.timeline-node-weather{font-size:14px;line-height:1}.timeline-node-time{color:var(--color-ink-tertiary);font-size:10px;font-family:var(--font-mono);white-space:nowrap;position:absolute;top:46px;left:50%;transform:translate(-50%)}.timeline-node.active .timeline-node-label{color:var(--color-accent)}.timeline-node.active .timeline-node-time{color:var(--color-accent);font-weight:600}.timeline-node.start{transform:translate(0)}.timeline-node.end{transform:translate(-100%)}.timeline-node.start .timeline-node-header{left:0;transform:translate(0)}.timeline-node.end .timeline-node-header{left:100%;transform:translate(-100%)}.timeline-node.start .timeline-node-time{left:0;transform:translate(0)}.timeline-node.end .timeline-node-time{left:100%;transform:translate(-100%)}.node-marker{border:2px solid var(--color-accent);cursor:pointer;z-index:3;width:16px;height:16px;transition:all var(--transition-instant);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;padding:0;display:none}.timeline-node.start .node-marker,.timeline-node.end .node-marker,.timeline-node.active .node-marker{display:flex}.timeline-node.active .node-marker,.node-marker:hover{border-color:var(--color-accent);box-shadow:0 0 0 4px #2d5a451f}.timeline-node.done .node-marker{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.node-marker.marker-start,.node-marker.marker-end{background:var(--color-accent);border:none;border-radius:2px;width:5px;height:28px}.marker-bracket{display:none}.duration-slider{appearance:none;cursor:pointer;z-index:4;background:0 0;width:70%;max-width:100px;height:3px;position:absolute;top:96px;left:50%;transform:translate(-50%)}.duration-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-accent);cursor:grab;border-radius:50%;width:12px;height:12px;margin-top:-4px}.duration-slider::-webkit-slider-runnable-track{background:#00000014;border-radius:2px;height:3px}.block-main{align-items:center;gap:var(--space-2);display:flex}.block-weather{font-size:16px;line-height:1}.branding-top-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.day-weather-inline{font-size:var(--text-body-sm);color:var(--color-ink-secondary);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #0000000f;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.transport-toggle{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff9;border:1px solid #0000000f;align-items:center;gap:6px;padding:4px;display:inline-flex}.transport-btn{width:32px;height:32px;color:var(--color-ink-muted);cursor:pointer;transition:background var(--transition-instant), color var(--transition-instant);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.transport-btn:hover{color:var(--color-ink);background:#0000000f}.transport-btn.active{background:var(--color-accent);color:#fff}.block-detail-layout{gap:var(--space-6);grid-template-columns:280px 1fr;align-items:start;display:grid}.block-detail-sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-4);gap:var(--space-4);height:fit-content;top:var(--space-4);background:#fffc;border:1px solid #0000000f;flex-direction:column;align-self:start;display:flex;position:sticky}.sidebar-block-summary{gap:var(--space-2);flex-wrap:wrap;display:flex}.sidebar-summary-empty{color:var(--color-ink-tertiary);font-size:var(--text-body-sm)}.chosen-people{display:none}.block-detail-main{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-5);background:#fffc;border:1px solid #0000000f;flex-direction:column;display:flex}.options-list{gap:var(--space-3);flex-direction:column;display:flex}.block-option-card{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-instant);background:#ffffffb3;border:1px solid #0000000f;display:flex;position:relative}.block-option-card:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 10px 25px -5px #00000014}.block-option-card.selected{border-color:var(--color-accent);background:#2d5a450f}.block-option-card.selected .option-select:after{content:"✓";background:var(--color-accent);color:#fff;font-size:var(--text-body);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.option-select{width:32px;height:32px;color:var(--color-ink-secondary);cursor:pointer;background:#fff;border:2px solid #0000001f;border-radius:50%;flex-shrink:0;font-size:0;position:relative}.option-select:hover{border-color:var(--color-accent)}.recommended-badge,.selected-badge,.free-time-badge{top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-body-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:600;position:absolute}.recommended-badge{color:var(--color-accent);background:#2d5a451a}.selected-badge{background:var(--color-amber);color:#fff}.free-time-badge{color:#9a7d32;background:#c9a8571f}.option-thumb{border-radius:var(--radius-md);background-color:#0000000a;background-position:50%;background-size:cover;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}.option-main{gap:var(--space-4);flex:1;min-width:0;display:flex}.option-info{flex:1;min-width:0}.option-title{font-size:var(--text-body-lg);color:var(--color-ink);margin-bottom:var(--space-1);font-weight:600}.option-cost{display:none}.option-meta,.option-audience,.option-notes{font-size:var(--text-body-sm);color:var(--color-ink-secondary);margin-bottom:var(--space-1)}.option-tags{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.option-tags .tag{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-body-xs);color:var(--color-ink-tertiary);background:#0000000a}.block-nav{justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);display:flex}@media (width<=900px){.block-detail-layout{grid-template-columns:1fr}.day-header-card{flex-direction:column;align-items:flex-start}}@media (width<=640px){.app-header{flex-direction:column}.header-right{justify-content:space-between;width:100%}.option-main{flex-direction:column}.option-thumb{width:100%;height:160px}}.welcome-overlay{z-index:200;padding:var(--space-8);pointer-events:none;justify-content:center;align-items:center;animation:.6s cubic-bezier(.16,1,.3,1) forwards welcomeFadeIn;display:flex;position:fixed;inset:0}@keyframes welcomeFadeIn{0%{opacity:0}to{opacity:1}}.welcome-overlay .welcome-panel{pointer-events:auto;text-align:center;width:100%;max-width:520px;padding:var(--space-10) var(--space-8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffffeb;border:1px solid #0000000f;animation:.7s cubic-bezier(.16,1,.3,1) forwards welcomeSlideUp;box-shadow:0 25px 50px -12px #00000026,inset 0 0 0 1px #ffffff80}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-title{font-family:var(--font-heading);color:var(--color-ink);margin-bottom:var(--space-6);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.25rem);font-weight:400;line-height:1.15}.welcome-title .title-family{color:var(--color-accent);margin-top:var(--space-2);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600;display:block}.welcome-enter{padding:var(--space-4) var(--space-10);font-size:var(--text-body-lg);min-width:220px;font-weight:600}.welcome-overlay[data-family=ezema] .welcome-panel{--color-accent:#2d7d4a;--color-accent-hover:#1f5f38}.welcome-overlay[data-family=nash] .welcome-panel{--color-accent:#c45a3a;--color-accent-hover:#a3452d}@media (prefers-reduced-motion:reduce){.welcome-overlay,.welcome-overlay .welcome-panel{animation:none}}