.daily-questions-container{max-width:600px;margin:0 auto;padding:1rem;box-sizing:border-box;width:100%}.daily-questions-form{display:grid;gap:1.5rem;width:100%;box-sizing:border-box}.sleep-fieldset{border:none;padding:0}.sleep-legend{text-align:center;width:100%;margin-bottom:1rem}.sleep-quality-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:.5rem;max-width:100%;margin:0 auto}@media (min-width: 480px){.sleep-quality-grid{max-width:400px;gap:1rem}}.sleep-quality-button{border:1px solid #ccc;display:flex;align-items:center;justify-content:center;padding:.75rem;min-height:60px;background:var(--button-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .2s ease;box-sizing:border-box}.sleep-quality-button:hover{background:var(--button-hover-bg);transform:translateY(-2px)}.sleep-quality-button.selected{border:2px solid #0070f3;background:#0070f31a}.sleep-duration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.5rem;max-width:100%;margin:0 auto}@media (min-width: 480px){.sleep-duration-grid{max-width:600px;gap:.75rem}}.sleep-duration-button{border:1px solid #ccc;padding:.75rem .25rem;white-space:nowrap;background:var(--button-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;transition:all .2s ease;box-sizing:border-box;font-size:.9rem}@media (min-width: 480px){.sleep-duration-button{padding:.75rem .5rem;font-size:1rem}}.sleep-duration-button:hover{background:var(--button-hover-bg);transform:translateY(-2px)}.sleep-duration-button.selected{border:2px solid #0070f3;background:#0070f31a}.consumption-fieldset{border:1px solid #ccc;padding:1rem;border-radius:8px}.consumption-label{display:block;margin-top:.5rem}.notes-label{display:block}.notes-textarea{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ccc;border-radius:8px;font-family:inherit;resize:vertical;background:var(--input-bg);color:var(--text-primary)}.notes-textarea:focus{outline:none;border-color:#0070f3}.calendar-day{border:1px solid #eee}.calendar-day.empty-day{background-color:transparent}.calendar-day.valid-day{background-color:#f9f9f9;color:#213547}.calendar-day.has-data{background-color:#e3f2fd;color:#213547;border:1px solid #646cff;box-shadow:0 0 5px #646cff4d}.calendar-day-number{font-size:.75rem;color:inherit}@media (prefers-color-scheme: dark){.calendar-day{border:1px solid #444}.calendar-day.valid-day{background-color:#2a2a2a;color:#ffffffde}.calendar-day.has-data{background-color:#1a1a1a;color:#ffffffde;border:1px solid #555;box-shadow:0 0 5px #fff3}}html.dark .calendar-day{border:1px solid #444}html.dark .calendar-day.valid-day{background-color:#2a2a2a;color:#ffffffde}html.dark .calendar-day.has-data{background-color:#1a1a1a;color:#ffffffde;border:1px solid #555;box-shadow:0 0 5px #fff3}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#213547}.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;line-height:1;padding:0;width:2rem;height:2rem}.modal-close:hover{color:#000}.modal-body{padding:1.5rem}.day-entries{display:flex;flex-direction:column;gap:1rem}.entry-card{border:1px solid #ddd;border-radius:8px;padding:1rem;background-color:#f9f9f9}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.entry-feeling{font-size:2rem}.entry-time{font-size:.9rem;color:#666;font-weight:600}.entry-notes,.entry-consumed,.entry-sleep{margin-top:.5rem;font-size:.9rem;color:#213547}.entry-notes strong,.entry-consumed strong,.entry-sleep strong{color:#646cff}@media (prefers-color-scheme: dark){.modal-content{background:#1e1e1e;color:#ffffffde}.modal-header{border-bottom-color:#444}.modal-header h3{color:#ffffffde}.modal-close{color:#fff9}.modal-close:hover{color:#ffffffde}.entry-card{background-color:#2a2a2a;border-color:#444}.entry-time{color:#fff9}.entry-notes,.entry-consumed,.entry-sleep{color:#ffffffde}.entry-notes strong,.entry-consumed strong,.entry-sleep strong{color:#93a9ff}}html.dark .modal-content{background:#1e1e1e;color:#ffffffde}html.dark .modal-header{border-bottom-color:#444}html.dark .modal-header h3{color:#ffffffde}html.dark .modal-close{color:#fff9}html.dark .modal-close:hover{color:#ffffffde}html.dark .entry-card{background-color:#2a2a2a;border-color:#444}html.dark .entry-time{color:#fff9}html.dark .entry-notes,html.dark .entry-consumed,html.dark .entry-sleep{color:#ffffffde}html.dark .entry-notes strong,html.dark .entry-consumed strong,html.dark .entry-sleep strong{color:#93a9ff}.account-settings{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.back-button{background:none!important;border:none!important;color:#213547!important;font-size:1rem;cursor:pointer;padding:.5rem!important;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;box-shadow:none!important}.back-button:hover{opacity:.7;border-color:transparent!important}.account-settings h2{margin-top:0;margin-bottom:1.5rem;color:#333}.message{padding:1rem;border-radius:4px;margin-bottom:1rem}.message.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tabs button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:1rem;color:#666;transition:all .3s}.tabs button:hover{color:#333;background-color:#f5f5f5}.tabs button.active{color:#007bff;border-bottom-color:#007bff;font-weight:600}.tab-content{padding:1rem 0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}button{padding:.75rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}button:hover:not(:disabled){background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}button.danger:disabled{background-color:#ccc;opacity:.6}button.danger{background-color:#dc3545}button.danger:hover:not(:disabled){background-color:#c82333}button.unsaved-changes{background-color:#ff9800;animation:pulse 2s infinite;font-weight:600}button.unsaved-changes:hover:not(:disabled){background-color:#f57c00}@keyframes pulse{0%,to{box-shadow:0 0 #ff9800b3}50%{box-shadow:0 0 0 8px #ff980000}}.profile-picture-container{margin-top:1rem}.profile-picture-preview{position:relative;display:inline-block}.profile-picture-img{width:100px;height:100px;object-fit:cover;border-radius:50%;display:block}.delete-picture-btn{position:absolute;top:-5px;right:-5px;width:30px;height:30px;border-radius:50%;background-color:#dc3545;color:#fff;border:2px solid white;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 2px 4px #0003}.delete-picture-btn:hover:not(:disabled){background-color:#c82333;transform:scale(1.1)}.profile-picture-initial{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:600;text-transform:uppercase}@media (prefers-color-scheme: dark){.delete-picture-btn{border-color:#1e1e1e}}html.dark .delete-picture-btn{border-color:#1e1e1e}.mfa-status{padding:1rem;background-color:#f8f9fa;border-radius:4px;margin-bottom:1.5rem}.mfa-status p{margin:.5rem 0}.qr-setup{margin-top:1.5rem}.qr-code-container{display:flex;justify-content:center;padding:1.5rem;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;margin:1rem 0}.qr-code-container img{display:block}code{background-color:#f4f4f4;padding:.25rem .5rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9rem}.passkey-section ul{margin:1rem 0;padding-left:1.5rem}.passkey-section li{margin-bottom:.5rem}.passkey-section a{color:#007bff;text-decoration:none}.passkey-section a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.account-settings{background:#1e1e1e;box-shadow:0 2px 8px #0006}.back-button{color:#ffffffde!important}.account-settings h2,.form-group label{color:#ffffffde}.form-group input{background-color:#2a2a2a;border-color:#444;color:#ffffffde}.mfa-status{background-color:#2a2a2a;color:#ffffffde}.qr-code-container{background-color:#fff;border-color:#444}code{background-color:#2a2a2a;color:#ffffffde}.tabs{border-bottom-color:#444}.tabs button{color:#fff9}.tabs button:hover{color:#ffffffde;background-color:#2a2a2a}.tabs button.active{color:#93a9ff;border-bottom-color:#93a9ff}}html.dark .account-settings{background:#1e1e1e;box-shadow:0 2px 8px #0006}html.dark .back-button{color:#ffffffde!important}html.dark .account-settings h2,html.dark .form-group label{color:#ffffffde}html.dark .form-group input{background-color:#2a2a2a;border-color:#444;color:#ffffffde}html.dark .mfa-status{background-color:#2a2a2a;color:#ffffffde}html.dark .qr-code-container{background-color:#fff;border-color:#444}html.dark code{background-color:#2a2a2a;color:#ffffffde}html.dark .tabs{border-bottom-color:#444}html.dark .tabs button{color:#fff9}html.dark .tabs button:hover{color:#ffffffde;background-color:#2a2a2a}html.dark .tabs button.active{color:#93a9ff;border-bottom-color:#93a9ff}.mfa-section{color:#213547}.mfa-section h3{color:#333}@media (prefers-color-scheme: dark){.mfa-section,.mfa-section h3{color:#ffffffde}}html.dark .mfa-section,html.dark .mfa-section h3{color:#ffffffde}.warning-box{background-color:#fff3cd;border:2px solid #ffc107;border-radius:4px;padding:1rem;margin-bottom:1.5rem;color:#856404}.warning-box strong{color:#d32f2f}.warning-box ul{margin:.5rem 0 0 1.5rem;padding:0}.warning-box li{margin:.5rem 0}@media (prefers-color-scheme: dark){.warning-box{background-color:#3a2f1a;border-color:#ffc107;color:#ffecb3}}html.dark .warning-box{background-color:#3a2f1a;border-color:#ffc107;color:#ffecb3}@media (max-width: 768px){.account-settings{margin:1rem;padding:1rem}.tabs{flex-direction:column}.tabs button{text-align:left;border-bottom:1px solid #e0e0e0}.tabs button.active{background-color:#f0f8ff;border-left:3px solid #007bff;border-bottom:1px solid #e0e0e0}}.instructions-container{max-width:800px;margin:0 auto;padding:2rem;line-height:1.6}.instructions-container h1{color:var(--text-primary);margin-bottom:2rem;text-align:center;font-size:2rem}.instruction-section{margin-bottom:3rem;background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.instruction-section h2{color:var(--primary-color);margin-bottom:1rem;font-size:1.5rem;border-bottom:2px solid var(--primary-color);padding-bottom:.5rem}.instruction-step{margin:1.5rem 0}.instruction-step h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.2rem}.instruction-step p{color:var(--text-secondary);margin-bottom:.5rem}.instruction-section ul{margin:.5rem 0 .5rem 1.5rem;color:var(--text-secondary)}.instruction-section li{margin:.5rem 0}.privacy-note{background:var(--success-bg);color:var(--success-text);padding:.75rem;border-radius:8px;margin-top:1rem;font-weight:500}.color-legend{list-style:none;margin-left:0!important}.color-legend li{display:flex;align-items:center;margin:.75rem 0}.color-box{display:inline-block;width:30px;height:30px;margin-right:1rem;border-radius:6px;border:2px solid var(--border-color)}.color-box.very-bad{background-color:#ef4444}.color-box.bad{background-color:#f97316}.color-box.neutral{background-color:#eab308}.color-box.good{background-color:#84cc16}.color-box.very-good{background-color:#22c55e}.faq{margin-top:1rem}.faq-item{margin:1.5rem 0;padding:1rem;background:var(--bg-primary);border-radius:8px;border-left:4px solid var(--primary-color)}.faq-item h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.faq-item p{color:var(--text-secondary);margin:0}.instructions-container a{color:var(--primary-color);text-decoration:none}.instructions-container a:hover{text-decoration:underline}.screenshot{width:100%;max-width:600px;height:auto;margin:1rem 0;border-radius:8px;border:2px solid var(--border-color);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .instruction-section{background:var(--card-bg);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .faq-item{background:var(--bg-secondary)}@media (max-width: 768px){.instructions-container{padding:1rem}.instructions-container h1{font-size:1.5rem}.instruction-section{padding:1.5rem}.instruction-section h2{font-size:1.3rem}.instruction-step h3{font-size:1.1rem}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.card{padding:2em}.read-the-docs{color:#888}#login-container{display:flex;flex-direction:column;align-items:center}#login-container img{border-radius:10px;box-shadow:0 0 15px #000}header{display:flex;align-items:center;position:relative}.hamburger-menu{background:none!important;border:none;cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:space-around;width:36px;position:relative;flex-shrink:0;box-shadow:none}.hamburger-menu span{display:block;width:100%;height:3px;background:currentColor;border-radius:2px;transition:all .3s ease-in-out;position:absolute;left:0;transform-origin:center center}.hamburger-menu:focus{outline:none;background:none!important;background-color:transparent!important}.hamburger-menu span:nth-child(1){top:0}.hamburger-menu span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger-menu span:nth-child(3){bottom:0}.hamburger-menu:hover{background:none!important;background-color:transparent!important}.hamburger-menu:hover span{background:var(--primary-color, #0070f3)}.hamburger-menu.open span:nth-child(1){top:50%!important;transform:translateY(-50%) rotate(45deg)!important}.hamburger-menu.open span:nth-child(2){opacity:0!important}.hamburger-menu.open span:nth-child(3){bottom:auto!important;top:50%!important;transform:translateY(-50%) rotate(-45deg)!important}.dropdown-menu{position:absolute!important;top:100%!important;right:0!important;background:#fff;color:#213547;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;min-width:150px;z-index:1000;display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem!important}@media (prefers-color-scheme: dark){.dropdown-menu{background:#1e1e1e;color:#ffffffde;border:1px solid #444;box-shadow:0 4px 12px #0006}.dropdown-menu a:hover{background:#2a2a2a}}html.dark .dropdown-menu{background:#1e1e1e;color:#ffffffde;border:1px solid #444;box-shadow:0 4px 12px #0006}html.dark .dropdown-menu a:hover{background:#2a2a2a}footer{border-top-color:#eee}.policies-button{background:none!important;border:none!important;color:#646cff!important;font-size:.85rem;cursor:pointer;padding:.25rem .5rem!important;text-decoration:underline;box-shadow:none!important}.policies-button:hover{opacity:.7;border-color:transparent!important}.policies-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:.5rem;min-width:200px;z-index:1000;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.policies-menu a{padding:.75rem 1rem;text-align:left;text-decoration:none;color:inherit;cursor:pointer;border-radius:4px;display:block;font-size:.9rem}.policies-menu a:hover{background:#f0f0f0}@media (prefers-color-scheme: dark){footer{border-top-color:#444}.policies-button{color:#93a9ff!important}.policies-menu{background:#1e1e1e;color:#ffffffde;border:1px solid #444;box-shadow:0 4px 12px #0006}.policies-menu a:hover{background:#2a2a2a}}html.dark footer{border-top-color:#444}html.dark .policies-button{color:#93a9ff!important}html.dark .policies-menu{background:#1e1e1e;color:#ffffffde;border:1px solid #444;box-shadow:0 4px 12px #0006}html.dark .policies-menu a:hover{background:#2a2a2a}.dropdown-menu a{padding:.75rem 1rem;text-align:left;text-decoration:none;color:inherit;cursor:pointer;border-radius:4px;display:block;font-size:1rem}.dropdown-menu a:hover{background:#f0f0f0}.header-profile-initial{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;text-transform:uppercase}#usercentrics-root,#usercentrics-root *,[id^=usercentrics],[class*=uc-]{z-index:999999!important}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;margin:0;padding:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#213547;background-color:#fff;background-image:url(https://d3fez3f9kccsen.cloudfront.net/default-assets/image/cognito-image-background-page-light.svg);color-scheme:light dark}html.dark :root{color:#ffffffde;background-color:#242424;background-image:url(https://d3fez3f9kccsen.cloudfront.net/default-assets/image/cognito-image-background-page-dark.svg)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s,background-color .25s,color .25s;box-shadow:0 0 5px #000}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{margin:0;display:flex;place-items:center;justify-content:center;min-width:320px;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff;background-image:url(https://d3fez3f9kccsen.cloudfront.net/default-assets/image/cognito-image-background-page-light.svg)}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}@media (prefers-color-scheme: dark){:root{color:#ffffffde;background-color:#242424;background-image:url(https://d3fez3f9kccsen.cloudfront.net/default-assets/image/cognito-image-background-page-dark.svg)}a{color:#93a9ff}a:hover{color:#c1ccff}button{background-color:#1a1a1a;color:#ffffffde;box-shadow:0 0 5px #fff}}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#213547;padding:1rem;margin:1rem}@media (prefers-color-scheme: dark){.card{background-color:#1e1e1e;box-shadow:0 2px 8px #0006;color:#ffffffde}}html.dark .card{background-color:#1e1e1e;box-shadow:0 2px 8px #0006;color:#ffffffde}