@layer components{.cp-widget{display:flex;flex-direction:column;gap:26px}.cp-controls-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.cp-control-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:16px;min-width:0}.cp-control-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.cp-control-label{font-size:.9rem;font-weight:700;color:var(--text)}.cp-control-hint{font-size:.78rem;font-weight:500;color:var(--muted)}.cp-time-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cp-time-picker{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1.5px solid var(--control-border);border-radius:12px;padding:6px 12px}.cp-select{border:0;background:transparent;font-size:1.4rem;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit;padding:4px 6px;outline:none;border-radius:6px;line-height:1}.cp-select:focus{background:var(--surface-subtle);color:var(--brand)}.cp-time-colon{font-size:1.4rem;font-weight:700;color:var(--text);line-height:1;user-select:none}.cp-ampm-toggle{display:inline-flex;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;padding:2px;margin-left:6px}.cp-ampm-btn{padding:6px 11px;border:0;border-radius:6px;font-size:.8rem;font-weight:700;background:transparent;color:var(--muted);cursor:pointer;transition:all .15s ease}.cp-ampm-btn.active{background:var(--brand);color:var(--surface)}.cp-presets-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cp-preset-pill{padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease}.cp-preset-pill:hover{border-color:var(--control-border);color:var(--brand)}.cp-preset-pill.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.cp-subcontrol-group{display:flex;flex-direction:column;gap:8px}.cp-subcontrol-title{font-size:.82rem;font-weight:650;color:var(--muted)}.cp-pill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cp-choice-btn{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-align:left;cursor:pointer;transition:all .15s ease;min-width:0}.cp-choice-btn:hover{border-color:var(--control-border)}.cp-choice-btn.active{background:var(--brand-soft);border-color:var(--brand)}.cp-choice-title{font-size:.85rem;font-weight:700;color:var(--text);line-height:1.3}.cp-choice-btn.active .cp-choice-title{color:var(--brand-deep)}.cp-choice-sub{font-size:.78rem;color:var(--muted);line-height:1.4}.cp-weather-section{display:flex;flex-direction:column;gap:10px}.cp-weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cp-weather-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;text-align:left;transition:all .16s ease;min-width:0}.cp-weather-card:hover{border-color:var(--control-border)}.cp-weather-card.active{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft) 0,var(--surface) 65%);box-shadow:0 4px 14px color-mix(in srgb,var(--brand-deep) 8%,transparent)}.cp-weather-top{display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}.cp-weather-icon{color:var(--brand);display:inline-flex;align-items:center}.cp-weather-lux{font-size:.74rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-subtle);color:var(--muted);border:1px solid var(--border)}.cp-weather-card.active .cp-weather-lux{background:var(--brand);color:var(--surface);border-color:var(--brand)}.cp-weather-name{font-size:.9rem;font-weight:700;color:var(--text);line-height:1.3}.cp-weather-dose{font-size:.82rem;font-weight:600;color:var(--brand-deep)}.cp-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cp-kpi-card{display:flex;flex-direction:column;gap:6px;padding:18px 20px;background:var(--surface);border:1.5px solid var(--border);border-radius:14px;min-width:0}.cp-kpi-card.is-primary{border-color:var(--brand);background:linear-gradient(180deg,var(--brand-soft) 0,var(--surface) 40%)}.cp-kpi-eyebrow{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cp-kpi-card.is-primary .cp-kpi-eyebrow{color:var(--brand-deep)}.cp-kpi-value{font-family:var(--display-font,Georgia,serif);font-size:1.7rem;font-weight:400;letter-spacing:-.04em;color:var(--text);line-height:1.15}.cp-kpi-card.is-primary .cp-kpi-value{color:var(--brand-deep)}.cp-kpi-meta{font-size:.8rem;color:var(--muted);line-height:1.45}.cp-timeline-box{display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:var(--surface-subtle);border:1px solid var(--border);border-radius:16px}.cp-timeline-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-timeline-title{font-size:.9rem;font-weight:700;color:var(--text)}.cp-timeline-legend{font-size:.8rem;color:var(--muted)}.cp-timeline-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.cp-timeline-segment{display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;transition:all .15s ease;min-width:0}.cp-timeline-segment:hover{border-color:var(--control-border)}.cp-timeline-segment.active{border-color:var(--brand);box-shadow:0 2px 10px color-mix(in srgb,var(--brand-deep) 12%,transparent)}.cp-seg-morning{background:var(--skip-bg);border-color:var(--skip-border)}.cp-seg-daylight{background:var(--complete-bg);border-color:var(--complete-solid)}.cp-seg-sunset{background:var(--brand-soft);border-color:var(--control-border)}.cp-seg-dlmo{background:var(--rest-bg);border-color:var(--rest-border)}.cp-seg-sleep{background:var(--surface-hero);border-color:var(--control-border)}.cp-seg-name{font-size:.82rem;font-weight:700;color:var(--text);line-height:1.3}.cp-seg-time{font-size:.76rem;font-weight:600;color:var(--muted);line-height:1.35}.cp-phases-section{display:flex;flex-direction:column;gap:14px}.cp-phases-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cp-phases-heading{font-size:.96rem;font-weight:700;color:var(--text);margin:0}.cp-progress-pill{display:inline-flex;align-items:center;font-size:.8rem;font-weight:650;color:var(--brand-deep);background:var(--brand-soft);border:1px solid var(--border);padding:5px 12px;border-radius:999px}.cp-phase-list{display:grid;grid-template-columns:1fr;gap:12px}.cp-phase-card{display:grid;grid-template-columns:180px 1fr auto;align-items:flex-start;gap:18px;padding:22px;background:var(--surface);border:1.5px solid var(--border);border-radius:16px;transition:border-color .16s ease,box-shadow .16s ease}.cp-phase-card.is-focused{border-color:var(--brand);box-shadow:0 4px 18px color-mix(in srgb,var(--brand-deep) 8%,transparent)}.cp-phase-card.is-done{background:var(--surface-subtle)}.cp-phase-time-col{display:flex;flex-direction:column;gap:6px;min-width:0}.cp-phase-badge{display:inline-block;align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:999px}.cp-badge-morning{background:var(--skip-bg);color:var(--skip-text)}.cp-badge-daylight{background:var(--complete-bg);color:var(--complete-text)}.cp-badge-sunset{background:var(--brand-soft);color:var(--brand-deep)}.cp-badge-dlmo{background:var(--rest-bg);color:var(--rest-text)}.cp-badge-sleep{background:var(--surface-hero);color:var(--text)}.cp-phase-window{font-family:var(--display-font,Georgia,serif);font-size:1.3rem;font-weight:400;letter-spacing:-.03em;color:var(--text);line-height:1.2}.cp-phase-lux-tag{font-size:.8rem;font-weight:600;color:var(--muted);line-height:1.4}.cp-phase-body{display:flex;flex-direction:column;gap:6px;min-width:0}.cp-phase-title{font-size:1rem;font-weight:700;color:var(--text);margin:0}.cp-phase-action{font-size:.88rem;color:var(--text);line-height:1.6;margin:0}.cp-phase-science{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0}.cp-check-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);font-size:.84rem;font-weight:650;cursor:pointer;transition:all .15s ease;white-space:nowrap}.cp-check-btn:hover{border-color:var(--control-border);color:var(--brand)}.cp-check-btn.checked{background:var(--complete-bg);border-color:var(--complete-solid);color:var(--complete-text)}.cp-footnote{display:flex;align-items:flex-start;gap:12px;background:var(--surface-subtle);border:1.5px solid var(--border);border-radius:12px;padding:14px 18px;font-size:.86rem;color:var(--muted);line-height:1.55}.cp-footnote svg{flex-shrink:0;color:var(--brand);margin-top:2px}@media (max-width:880px){.cp-controls-grid{grid-template-columns:1fr}.cp-kpi-strip,.cp-weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-phase-card,.cp-timeline-track{grid-template-columns:1fr}.cp-phase-card{gap:12px}.cp-check-btn{align-self:flex-start}}@media (max-width:640px){.cp-kpi-strip,.cp-pill-grid,.cp-weather-grid{grid-template-columns:1fr}.cp-time-row{flex-direction:column;align-items:stretch}.cp-time-picker{width:100%}.cp-presets-row,.cp-time-picker{justify-content:center}.cp-check-btn{width:100%}}@media (prefers-reduced-motion:reduce){.cp-check-btn,.cp-phase-card,.cp-timeline-segment,.cp-weather-card{transition:none!important;transform:none!important}}}