:root{--slc-primary:#a855f7;--slc-primary-dark:#9333ea;--slc-primary-light:#a855f71f;--slc-secondary:#6366f1;--slc-text:#0f172a;--slc-text-muted:#64748b;--slc-text-light:#94a3b8;--slc-bg:#fff;--slc-bg-hover:#faf5ff;--slc-border:#e2e8f0;--slc-border-focus:#a855f7;--slc-radius:var(--main-radius);--slc-radius-lg:var(--main-radius-lg);--slc-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--slc-shadow:0 4px 12px #a855f71a;--slc-focus-ring:0 0 0 3px #a855f71f;--slc-active-ring:0 0 0 2px #a855f733;--slc-recommended:#10b981;--slc-recommended-light:#10b9811a;--slc-minimum:#f59e0b;--slc-minimum-light:#f59e0b1a}._slc-container{gap:var(--main-space-5);flex-direction:column;max-width:560px;margin:0 auto;display:flex}._slc-panel{background:var(--slc-bg);border-radius:var(--slc-radius-lg);border-style:solid;border-width:1px;border-color:var(--slc-border);box-shadow:var(--slc-shadow-sm);padding:var(--main-space-6);gap:var(--main-space-5);flex-direction:column;display:flex}._slc-results{background:var(--slc-bg);border-radius:var(--slc-radius-lg);border-style:solid;border-width:1px;border-color:var(--slc-border);box-shadow:var(--slc-shadow-sm);padding:var(--main-space-6);gap:var(--main-space-4);flex-direction:column;display:flex}@media (max-width:768px){._slc-container{padding-left:1rem;padding-right:1rem}._slc-panel,._slc-results{padding:var(--main-space-4)}}._slc-mode-toggle{background:var(--slc-bg);border-radius:var(--slc-radius-lg);border-style:solid;border-width:1px;border-color:var(--slc-border);box-shadow:var(--slc-shadow-sm);gap:.25rem;padding:.25rem;display:flex}._slc-mode-btn{border-radius:var(--slc-radius);color:var(--slc-text-muted);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}._slc-mode-btn:hover{background:var(--slc-bg-hover);color:var(--slc-text)}._slc-mode-btn--active{background:var(--slc-primary);color:#fff;box-shadow:var(--slc-shadow)}._slc-mode-btn--active:hover{background:var(--slc-primary-dark);color:#fff}._slc-mode-btn svg{width:16px;height:16px}._slc-field-group{flex-direction:column;gap:.5rem;display:flex}._slc-field-group--sm{gap:.375rem}._slc-label{color:var(--slc-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}._slc-label svg{width:16px;height:16px;color:var(--slc-primary)}._slc-time-input-row{justify-content:center;align-items:center;gap:.5rem;display:flex}._slc-time-input{text-align:center;width:70px;color:var(--slc-text);background:var(--slc-bg);border-style:solid;border-width:2px;border-color:var(--slc-border);border-radius:var(--slc-radius);outline:none;padding:.75rem;font-size:1.5rem;font-weight:600;transition:border-color .15s,box-shadow .15s}._slc-time-input:focus{border-color:var(--slc-border-focus);box-shadow:var(--slc-focus-ring)}._slc-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._slc-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._slc-time-input[type=number]{-moz-appearance:textfield}._slc-time-separator{color:var(--slc-text-muted);font-size:1.5rem;font-weight:600}._slc-ampm-toggle{background:var(--slc-bg-hover);border-radius:var(--slc-radius);margin-left:.5rem;padding:.25rem;display:flex}._slc-ampm-btn{color:var(--slc-text-muted);cursor:pointer;border-radius:calc(var(--slc-radius) - 2px);background:0 0;border:none;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:background-color .15s,color .15s}._slc-ampm-btn:hover{color:var(--slc-text)}._slc-ampm-btn--active{background:var(--slc-primary);color:#fff}._slc-ampm-btn--active:hover{color:#fff}._slc-presets{padding-top:.5rem}._slc-presets-grid{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}._slc-preset-btn{border-style:solid;border-width:1px;border-color:var(--slc-border);border-radius:var(--slc-radius);background:var(--slc-bg);color:var(--slc-text-muted);cursor:pointer;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:border-color .15s,background-color .15s,color .15s}._slc-preset-btn:hover{border-color:var(--slc-primary);color:var(--slc-primary)}._slc-preset-btn--active{border-color:var(--slc-primary);background:var(--slc-primary-light);color:var(--slc-primary)}._slc-preset-btn--now{border-color:var(--slc-secondary);color:var(--slc-secondary)}._slc-preset-btn--now:hover{border-color:var(--slc-secondary);background:#6366f11a}._slc-fall-asleep-row{align-items:center;gap:.5rem;display:flex}._slc-input{text-align:center;width:80px;color:var(--slc-text);background:var(--slc-bg);border-style:solid;border-width:1.5px;border-color:var(--slc-border);border-radius:var(--slc-radius);outline:none;padding:.5rem .75rem;font-size:1rem;font-weight:500;transition:border-color .15s,box-shadow .15s}._slc-input:focus{border-color:var(--slc-border-focus);box-shadow:var(--slc-focus-ring)}._slc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._slc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._slc-input[type=number]{-moz-appearance:textfield}._slc-fall-asleep-unit{color:var(--slc-text-muted);font-size:.875rem}@media (max-width:480px){._slc-mode-btn{padding:.625rem .75rem;font-size:.875rem}._slc-mode-btn span{display:none}._slc-mode-btn svg{width:20px;height:20px}._slc-time-input{width:60px;padding:.625rem;font-size:1.25rem}._slc-time-separator{font-size:1.25rem}._slc-preset-btn{padding:.375rem .625rem;font-size:.75rem}}._slc-results-title{color:var(--slc-text-muted);text-align:center;margin:0;font-size:.9375rem;font-weight:500}._slc-results-grid{flex-direction:column;gap:.75rem;min-height:200px;display:flex}._slc-result-card{background:var(--slc-bg-hover);border-style:solid;border-width:1px;border-color:var(--slc-border);border-radius:var(--slc-radius-lg);justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}._slc-result-card:hover{border-color:var(--slc-primary);box-shadow:var(--slc-active-ring)}._slc-result-card--recommended{background:var(--slc-recommended-light);border-color:var(--slc-recommended)}._slc-result-card--recommended:hover{border-color:var(--slc-recommended);box-shadow:0 0 0 2px #10b98133}._slc-result-card--minimum{background:var(--slc-minimum-light);border-color:var(--slc-minimum)}._slc-result-card--minimum:hover{border-color:var(--slc-minimum);box-shadow:0 0 0 2px #f59e0b33}._slc-result-main{flex-direction:column;gap:.25rem;display:flex}._slc-result-time{color:var(--slc-text);font-size:1.5rem;font-weight:700}._slc-result-card--recommended ._slc-result-time{color:#059669}._slc-result-info{color:var(--slc-text-muted);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}._slc-result-cycles{align-items:center;gap:.25rem;display:flex}._slc-result-dot{background:var(--slc-text-light);border-radius:50%;width:3px;height:3px}._slc-result-badge{border-radius:var(--main-radius-full);text-transform:uppercase;letter-spacing:.025em;padding:.375rem .75rem;font-size:.75rem;font-weight:600}._slc-result-badge--recommended{background:var(--slc-recommended);color:#fff}._slc-result-badge--good{color:#059669;background:#10b98126}._slc-result-badge--minimum{background:var(--slc-minimum);color:#fff}._slc-result-badge--short{color:#dc2626;background:#ef44441a}._slc-results-tip{background:var(--slc-primary-light);border-radius:var(--slc-radius);color:var(--slc-text-muted);align-items:flex-start;gap:.5rem;margin:0;padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;display:flex}._slc-results-tip svg{width:14px;height:14px;color:var(--slc-primary);flex-shrink:0;margin-top:2px}@media (max-width:480px){._slc-result-card{padding:.875rem 1rem}._slc-result-time{font-size:1.25rem}._slc-result-info{flex-wrap:wrap;font-size:.75rem}._slc-result-badge{padding:.25rem .5rem;font-size:.6875rem}}