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