.gth-sleep-calculator .gth-tabs { display: flex; gap: var(--gth-space-2); margin-bottom: var(--gth-space-4); flex-wrap: wrap; }
.gth-sleep-calculator .gth-tab { padding: var(--gth-space-2) var(--gth-space-4); border: 1px solid var(--gth-border); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); cursor: pointer; font-size: var(--gth-text-sm); }
.gth-sleep-calculator .gth-tab-active { background: var(--gth-primary); color: white; border-color: var(--gth-primary); }
.gth-sleep-calculator .gth-tab-content { display: none; }
.gth-sleep-calculator .gth-tab-content-active { display: block; }
.gth-sleep-calculator .gth-sleep-results { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: var(--gth-space-3); margin-bottom: var(--gth-space-4); }
.gth-sleep-calculator .gth-sleep-time { text-align: center; padding: var(--gth-space-4); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-lg); }
.gth-sleep-calculator .gth-sleep-time-value { font-size: 1.5rem; font-weight: 700; color: var(--gth-primary); display: block; }
.gth-sleep-calculator .gth-sleep-time-cycles { font-size: var(--gth-text-sm); color: var(--gth-text-muted); }
.gth-sleep-calculator .gth-sleep-time-recommended { background: var(--gth-primary); color: white; }
.gth-sleep-calculator .gth-sleep-time-recommended .gth-sleep-time-value { color: white; }
.gth-sleep-calculator .gth-sleep-time-recommended .gth-sleep-time-cycles { color: rgba(255,255,255,0.8); }
.gth-sleep-calculator .gth-sleep-info { padding: var(--gth-space-4); background: var(--gth-bg-secondary); border-radius: var(--gth-radius-md); font-size: var(--gth-text-sm); color: var(--gth-text-muted); }
.gth-sleep-calculator .gth-sleep-info p { margin: 0 0 var(--gth-space-2) 0; }
.gth-sleep-calculator .gth-sleep-info p:last-child { margin-bottom: 0; }