@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";section.calendar{width:100%;max-width:1080px;margin:0 auto;padding-bottom:20px;overflow-x:scroll}section.calendar table{width:max-content}section.calendar table .hovered{background:#f4f7f8!important}section.calendar table thead th{min-width:50px;padding:3px 0;text-transform:uppercase;font-size:13px}section.calendar table thead .weekday.-Sat,section.calendar table thead .weekday.-Sun{color:#ff0060b0}section.calendar table thead .weekday{color:#a6a6a6}section.calendar table tbody th{padding:3px 5px;font-size:15px}section.calendar table th.time-slot,section.calendar table th.empty-corner{position:sticky;z-index:100;background:#fff;left:0}section.calendar table td div.event{min-height:22px;text-align:center;font-size:14px;padding:4px 2px}section.calendar table td div.event.-awake{background:#d4edd4}section.calendar table td div.event.-awake.-partial-top{background:linear-gradient(to bottom,#d4edd44d 50%,#d4edd4 30% 70%)}section.calendar table td div.event.-awake.-partial-bottom{background:linear-gradient(to top,#d4edd44d 50%,#d4edd4 30% 70%)}section.calendar table td div.event.-paddingBottom,section.calendar table td div.event.-paddingTop{background:#fdfdde}section.calendar table td div.event.-paddingBottom.-partial-top,section.calendar table td div.event.-paddingTop.-partial-top{background:linear-gradient(to bottom,#fdfdde4d 50%,#fdfdde 30% 70%)}section.calendar table td div.event.-paddingBottom.-partial-bottom,section.calendar table td div.event.-paddingTop.-partial-bottom{background:linear-gradient(to top,#fdfdde4d 50%,#fdfdde 30% 70%)}section.calendar table .time-slot.deep-night{color:#987ec6}section.settings input::-webkit-outer-spin-button,section.settings input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}section.settings input[type=number]{-moz-appearance:textfield}section.settings{width:100%;max-width:1080px;margin:0 auto 20px}section.settings .MuiAccordion-root .MuiAccordionSummary-content{color:#555;font-weight:500!important}section.settings .MuiAccordion-root.Mui-expanded{margin:0!important}section.settings .MuiAccordion-root:before{background-color:transparent!important}section.settings .form-wrapper{display:flex}section.settings .form-wrapper label{font-weight:500;color:#555;display:flex;align-items:center;margin-bottom:10px}section.settings .form-wrapper label .text{width:300px;flex-shrink:0;text-align:right;padding-right:12px}section.settings .form-wrapper label .MuiFormControl-root,section.settings .form-wrapper label .checkbox-wrapper{width:120px;flex-shrink:0}section.settings .form-wrapper label .MuiFormControl-root input,section.settings .form-wrapper label .checkbox-wrapper input{text-align:center}section.settings .form-wrapper .MuiFormHelperText-root{text-align:right}@media (max-width: 1000px){section.settings .form-wrapper{flex-wrap:wrap}section.settings .form-wrapper .one,section.settings .form-wrapper .two{width:100%}section.settings label .text{flex-shrink:1!important}}@media (max-width: 650px){section.settings .your-biology .one label{flex-wrap:wrap;justify-content:flex-end}section.settings .your-biology .one label .text{margin-bottom:7px;padding-right:0}}.diagonal-logo{display:flex;align-items:center;gap:12px;background:transparent;width:fit-content;cursor:pointer}.diagonal-icon{width:40px;height:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:6px;border-radius:10px;position:relative;overflow:hidden}.diagonal-icon:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);z-index:2;animation:pageLoadShine .6s ease-out .5s}@keyframes pageLoadShine{0%{left:-100%}to{left:100%}}@keyframes hoverShine{0%{left:-100%}to{left:100%}}.diagonal-icon.shine:before{animation:hoverShine .6s ease}.diagonal-cell{background:#e2e8f0;border-radius:3px;position:relative;z-index:1}.diagonal-cell.diagonal{background:linear-gradient(135deg,#4ade80,#22c55e)}.diagonal-text{font-size:24px;font-weight:600;color:#1f2937;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.tagline{color:#6b7280;font-size:14px;margin-bottom:9px;margin-top:-2px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{font-family:Roboto;color:#555;margin:0;padding:20px}body *{box-sizing:border-box}.container{width:100%;max-width:1080px;margin:0 auto}.standard-article{line-height:30px;color:#1f2937}.standard-article a{color:inherit;text-underline-offset:3px}.standard-article h2{padding-bottom:10px;margin-top:40px}.header{margin-bottom:32px;position:relative}.header .container{display:flex;justify-content:space-between;align-items:center}.header .diagonal-logo{text-decoration:none;color:inherit;display:flex;align-items:center}.header .diagonal-logo:hover{opacity:.8}.header .mobile-menu-toggle{display:none;color:#333}.header .header-nav{display:flex;gap:2rem}.header .header-nav .nav-link{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease}.header .header-nav .nav-link:hover,.header .header-nav .nav-link.active{background-color:#8f8f8d2b;color:#333}@media (max-width: 768px){.header .mobile-menu-toggle{display:flex}.header .header-nav{position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-top:1px solid #eee;flex-direction:column;gap:0;padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.header .header-nav.mobile-open{transform:translateY(0);opacity:1;visibility:visible}.header .header-nav .nav-link{padding:1rem;border-radius:0;border-bottom:1px solid #eee}.header .header-nav .nav-link:last-child{border-bottom:none}}.sleep-tracker-page blockquote{background-color:#f8f9fa;border-left:4px solid #3498db;padding:15px 20px;margin:20px 0;border-radius:5px;font-style:italic}.sleep-tracker-page ul{padding-left:20px}.sleep-tracker-page .step{background-color:#f1f3f4;padding:15px;margin:15px 0;border-radius:5px;border-left:4px solid #4CAF50}.sleep-tracker-page .step h3{margin-top:0;color:#2e7d32}.sleep-tracker-page aside{color:#2e2c2cba;background:#f6f7f6b0;border-radius:5px;padding:6px 12px;line-height:22px;border-left:4px solid rgba(46,44,44,.1098039216);margin:6px 0;font-size:.9em;font-style:italic}.sleep-tracker-page aside i{color:#4e4d4d78}.sleep-tracker-page table{width:100%;border-spacing:0;margin:20px 0;border-radius:3px;overflow:hidden;border:1px solid rgb(217,215,215)}.sleep-tracker-page table th,.sleep-tracker-page table td{padding:15px;vertical-align:top;border-bottom:1px solid rgb(217,215,215);border-right:1px solid rgb(217,215,215)}.sleep-tracker-page table th:last-child,.sleep-tracker-page table td:last-child{border-right:none}.sleep-tracker-page table tr:last-child td{border-bottom:none}.sleep-tracker-page table th{background-color:#f8f9fa;text-align:left}.sleep-tracker-page table th:first-child{border-top-left-radius:3px}.sleep-tracker-page table th:last-child{border-top-right-radius:3px}.sleep-tracker-page table tr:last-child td:first-child{border-bottom-left-radius:3px}.sleep-tracker-page table tr:last-child td:last-child{border-bottom-right-radius:3px}.sleep-tracker-page table td{line-height:1.5}.sleep-tracker-page img{border-radius:9px;max-width:100%}.sleep-tracker-page figure{float:right;margin-left:20px;max-width:100%;width:200px}.sleep-tracker-page figcaption{text-align:center;color:#7f8785}.sleep-tracker-page figcaption span{font-style:italic}.sleep-tracker-page figcaption{font-size:14px;font-weight:400;margin-top:-10px}.sleep-tracker-page .input-section textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:Courier New,monospace;resize:none;margin-bottom:15px;line-height:22px;background:#ffffff74;transition:all .1s ease;height:70px}.sleep-tracker-page .input-section textarea:focus{outline:none;background:#fff}.sleep-tracker-page .input-section .input-actions{display:flex;gap:1rem}.sleep-tracker-page .input-section .input-actions .sample-button,.sleep-tracker-page .input-section .input-actions .clear-button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s ease}.sleep-tracker-page .input-section .input-actions .sample-button{background-color:#8f8f8d2b;color:#333}.sleep-tracker-page .input-section .input-actions .sample-button:hover{background-color:#8f8f8d4d}.sleep-tracker-page .input-section .input-actions .clear-button{background-color:#dc3545;color:#fff}.sleep-tracker-page .input-section .input-actions .clear-button:hover{background-color:#c82333}.sleep-tracker-page .times-list-section .times-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem;margin-top:1rem}.sleep-tracker-page .times-list-section .times-grid .time-chip{display:flex;justify-content:space-between;align-items:center;padding:.5rem .8rem;background-color:#8f8f8d2b;border-radius:20px;font-size:.9rem}.sleep-tracker-page .times-list-section .times-grid .time-chip .remove-time{background:none;border:none;color:#dc3545;font-size:1.2rem;cursor:pointer;padding:0;margin-left:.5rem}.sleep-tracker-page .times-list-section .times-grid .time-chip .remove-time:hover{color:#c82333}.sleep-tracker-page .chart-container{height:400px;margin-top:23px;background-color:#fff;padding:1rem;border-radius:8px;border:1px solid #dee2e6}.sleep-tracker-page .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:23px}.sleep-tracker-page .stats .stat-card{background-color:#fff;padding:10px;border-radius:8px;border:1px solid #dee2e6;text-align:center}.sleep-tracker-page .stats .stat-card h3{margin-bottom:.5rem;color:#6c757d;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.sleep-tracker-page .stats .stat-card .stat-value{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.sleep-tracker-page .stats .stat-card .stat-description{font-size:.85rem;color:#6c757d}@media (max-width: 768px){.sleep-tracker-page figure{float:none;display:block;margin:0 auto}.sleep-tracker-page .sleep-tracker-container h1{font-size:2rem}.sleep-tracker-page .sleep-tracker-container section{padding:1rem}.sleep-tracker-page .input-section .input-actions{flex-direction:column}.sleep-tracker-page .input-section .input-actions .sample-button,.sleep-tracker-page .input-section .input-actions .clear-button{width:100%}.sleep-tracker-page .times-list-section .times-grid{grid-template-columns:1fr}.sleep-tracker-page .chart-container{height:300px;padding:.5rem}.sleep-tracker-page .stats{grid-template-columns:1fr}}
/*# sourceMappingURL=index.css.map */