#plan-my-night-display .plan-duration-input{width:8.75rem;min-width:8rem;font-variant-numeric:tabular-nums}#plan-my-night-display .plan-my-night-add-btn,#plan-my-night-display .plan-my-night-add-btn:focus,#plan-my-night-display .plan-my-night-add-btn:hover,#plan-my-night-display .plan-my-night-add-btn:active{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2rem;line-height:1;padding:.42rem .8rem;border-radius:var(--border-radius-pill);border:1px solid color-mix(in srgb,var(--accent-1) 72%,var(--surface-border-strong));background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 74%,var(--surface-card)),color-mix(in srgb,var(--surface-card) 96%,var(--accent-soft) 4%));color:color-mix(in srgb,var(--accent-1) 90%,var(--text-color));font-weight:var(--font-semibold);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-1) 18%,transparent),0 8px 18px color-mix(in srgb,var(--accent-glow) 16%,transparent)}#plan-my-night-display .plan-my-night-add-btn .bi{font-size:.96rem;line-height:1}#plan-my-night-display .plan-my-night-add-btn:hover,#plan-my-night-display .plan-my-night-add-btn:focus{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 82%,var(--surface-card)),color-mix(in srgb,var(--surface-card) 94%,var(--accent-soft) 6%));border-color:var(--accent-1);color:var(--text-color);transform:translateY(-1px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-1) 22%,transparent),0 10px 22px color-mix(in srgb,var(--accent-glow) 22%,transparent)}@media(max-width:575.98px){#plan-my-night-display .plan-duration-input{width:100%;min-width:0}}.plan-current-banner{border-left:4px solid var(--bs-success);background:color-mix(in srgb,var(--bs-success-bg-subtle) 20%,var(--surface-elevated))}.plan-summary-graph-wrap{position:relative}.plan-summary-graph-canvas-wrap{position:relative;width:100%;height:250px}#plan-my-night-display .plan-my-night-timeline{--plan-axis-x:1.75rem;--plan-card-gap:2.25rem;--plan-time-badge-width:56px;--plan-axis-trim:8px;position:relative;list-style:none;margin:0;padding:0 0 0 calc(var(--plan-axis-x) + var(--plan-card-gap));border-left:0}#plan-my-night-display .plan-my-night-timeline::before{content:"";position:absolute;top:var(--plan-axis-trim);bottom:var(--plan-axis-trim);left:var(--plan-axis-x);width:1px;background-color:var(--bs-info-border-subtle)}#plan-my-night-display .plan-my-night-timeline .timeline-item{border:1px solid var(--border-muted);margin-left:0;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface-sm)}#plan-my-night-display .plan-my-night-timeline .plan-target-current{border:2px solid var(--bs-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--bs-success) 22%,transparent);background-color:color-mix(in srgb,var(--surface-card) 88%,var(--bs-success-bg-subtle) 12%)}#plan-my-night-display .plan-my-night-timeline .plan-target-done{border-style:dashed;border-color:color-mix(in srgb,var(--border-muted) 70%,var(--bs-success) 30%);background-color:color-mix(in srgb,var(--surface-card) 92%,var(--bs-secondary-bg) 8%)}#plan-my-night-display .plan-my-night-timeline .plan-target-done h5{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--text-color) 65%,transparent)}#plan-my-night-display .plan-my-night-timeline .plan-target-current h5{color:color-mix(in srgb,var(--text-color) 82%,var(--bs-success) 18%)}#plan-my-night-display .plan-my-night-timeline .timeline-icon.plan-time-badge{top:0;left:calc(-1 * var(--plan-card-gap));transform:translateX(-50%);min-width:var(--plan-time-badge-width);width:auto;height:30px;border-radius:var(--border-radius-pill);padding:0 8px;font-size:.74rem;font-weight:var(--font-bold);letter-spacing:.02em;color:#fff;background:var(--accent-gradient);box-shadow:0 8px 18px color-mix(in srgb,var(--accent-glow) 28%,transparent)}#plan-my-night-display .plan-my-night-timeline .timeline-icon.plan-time-badge.plan-time-badge-current{background-color:var(--bs-success);color:var(--bs-light);box-shadow:0 0 0 3px color-mix(in srgb,var(--bs-success) 25%,transparent)}#plan-my-night-display .plan-my-night-timeline .timeline-icon.plan-time-badge.plan-time-badge-done{background-color:var(--bs-secondary);color:var(--bs-light)}#plan-my-night-display .plan-my-night-timeline .timeline-icon.plan-time-badge.plan-boundary-badge{background-color:var(--bs-secondary);color:var(--bs-light)}#plan-my-night-display .plan-my-night-timeline .plan-boundary-item{background-color:color-mix(in srgb,var(--surface-card) 88%,var(--bs-secondary-bg) 12%);border-style:dashed}#plan-my-night-display .plan-my-night-timeline .plan-boundary-item:last-child .timeline-icon.plan-time-badge.plan-boundary-badge{top:auto;bottom:0;transform:translateX(-50%)}.plan-combination-badge{font-size:.78rem;padding:.2rem .55rem;border-radius:1rem;line-height:1.4;white-space:nowrap}.plan-combination-shared-icon,.plan-combination-orphan-icon{font-size:.6em;vertical-align:middle;opacity:.85}.btn-combination-pick{background-color:var(--surface-card);color:var(--text-color);border:1px solid var(--surface-border-strong);border-radius:var(--border-radius);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn-combination-pick:hover,.btn-combination-pick:focus{background-color:#e8e9ff;border-color:var(--accent-1);color:var(--text-color);box-shadow:0 0 0 2px var(--accent-glow);outline:0}.plan-combination-owner-badge{font-size:.75em}.pmn-flip{font-weight:600}.pmn-flip--early{background-color:#dc3545;color:#fff}.pmn-flip--mid{background-color:#fd7e14;color:#111827}.pmn-flip--after{background-color:#198754;color:#fff}.pmn-flip--unknown{background-color:#6c757d;color:#fff}html[data-theme="red"] .pmn-flip--after{background-color:#15803d;color:#ecfdf5}
