:root{--color-primary:#9C27B0;--color-primary-light:#BA68C8;--color-primary-dark:#7B1FA2;--color-secondary:#AB47BC;--color-secondary-light:#CE93D8;--shadow-md:0 10px 20px rgba(156, 39, 176, 0.12),0 2px 8px rgba(156, 39, 176, 0.08);--shadow-lg:0 15px 25px rgba(156, 39, 176, 0.15),0 5px 10px rgba(0, 0, 0, 0.05)}.tool-hero{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);margin-bottom:var(--spacing-2xl);margin-top:var(--spacing-xl);border-radius:var(--border-radius-xl);background:linear-gradient(135deg,rgba(156,39,176,.08),rgba(171,71,188,.08))}.page-header{text-align:center;margin-bottom:var(--spacing-2xl)}.page-description{font-size:var(--font-size-lg);color:var(--color-text-light);max-width:700px;margin:var(--spacing-base) auto 0;line-height:var(--line-height-relaxed)}.tool-container{max-width:1000px;margin:0 auto;padding:0 var(--container-padding)}.calculator-container{max-width:600px;margin:0 auto;padding:0 var(--spacing-lg)}.sleep-calculator{max-width:900px;margin:0 auto}.calculator-card{padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border-radius:var(--border-radius-xl);background:var(--color-bg);box-shadow:var(--shadow-base);animation:fadeIn .8s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-form{max-width:500px;margin:0 auto}.mode-toggle{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.mode-button{padding:var(--spacing-base) var(--spacing-lg);background:var(--color-bg-light);border:2px solid var(--color-border);border-radius:var(--border-radius-base);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text)}.mode-button:hover{border-color:var(--color-primary);transform:translateY(-2px)}.mode-button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}html[data-theme=dark] .mode-button{background:rgba(30,30,30,.8);color:rgba(255,255,255,.9)}html[data-theme=dark] .mode-button.active{background:var(--color-primary-light);border-color:var(--color-primary-light);color:#fff}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-weight:600;color:var(--color-text);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.input-description{display:block;font-size:var(--font-size-sm);color:var(--color-text-light);margin-top:var(--spacing-xs);font-style:italic}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-light)}.form-input,.form-select,.form-textarea,.modern-input{width:100%;padding:var(--spacing-base);border:2px solid var(--color-border);border-radius:var(--border-radius-base);font-size:var(--font-size-lg);font-weight:600;transition:all var(--transition-fast);background:var(--color-bg);color:var(--color-text);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus,.modern-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(156,39,176,.1)}.btn-calculate,.calculate-button{width:100%;padding:var(--spacing-lg) var(--spacing-2xl);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-base);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-lg)}.btn-calculate:hover,.calculate-button:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-calculate:active,.calculate-button:active{transform:translateY(0)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius-base);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-primary);color:#fff;line-height:1.5}.btn:hover{background-color:var(--color-secondary);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-base)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-large{padding:var(--spacing-base) var(--spacing-2xl);font-size:var(--font-size-lg);width:100%;display:block}.privacy-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-base);background:rgba(156,39,176,.05);border:1px solid rgba(156,39,176,.2);border-radius:var(--border-radius-base);font-size:var(--font-size-sm);color:var(--color-text)}.privacy-note svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.mobile-menu-drawer{border-left:3px solid var(--color-primary);box-shadow:-8px 0 32px rgba(0,0,0,.15),-4px 0 16px rgba(156,39,176,.08)}.mobile-menu-close{border:2px solid rgba(156,39,176,.3)}.mobile-menu-link.active{color:var(--color-primary);background:rgba(156,39,176,.1)}.theme-toggle-mobile{background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.2)}.theme-toggle-mobile:hover{background:rgba(156,39,176,.15);border-color:rgba(156,39,176,.3);transform:translateY(-2px)}html[data-theme=dark] .mobile-menu-drawer{border-left:3px solid var(--color-primary-light);box-shadow:-8px 0 32px rgba(0,0,0,.5),-4px 0 16px rgba(186,104,200,.15)}html[data-theme=dark] .mobile-menu-close{border-color:rgba(186,104,200,.4)}html[data-theme=dark] .mobile-menu-link.active{color:var(--color-primary-light);background:rgba(186,104,200,.15)}@media (max-width:768px){.tool-hero{padding:var(--spacing-2xl) var(--spacing-lg)}.calculator-card{padding:var(--spacing-lg)}.page-description{font-size:var(--font-size-base)}.mode-toggle{grid-template-columns:1fr}}