*{box-sizing:border-box;padding:0;margin:0}:root{--ink:#f8fafc;--ink-2:#e2e8f0;--ink-3:#cbd5e1;--ink-4:#94a3b8;--accent:#fbbf24;--accent-2:#f59e0b;--blue:#3b82f6;--blue-2:#1d4ed8;--ok:#10b981;--warn:#f59e0b;--bad:#f97316;--danger:#ef4444;--panel:hsla(0,0%,100%,.06);--panel-line:hsla(0,0%,100%,.1);--r-lg:24px;--r-md:16px;--r-sm:12px;--pad-panel:clamp(1rem,0.6rem + 2.2vw,2.5rem);--fs-display:clamp(2.25rem,1.2rem + 4.6vw,4rem);--tap:44px;--section-gap:clamp(1.5rem,3vw,2.5rem)}body,html{max-width:100vw;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans CJK SC,Noto Sans CJK,sans-serif;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto}body,html{overflow-x:hidden}body{background:radial-gradient(ellipse at 30% 20%,#1e3a8a 0,#0f172a 30%),radial-gradient(ellipse at 70% 80%,#1e40af 0,#0f172a 50%),radial-gradient(ellipse at 50% 50%,#312e81 0,#0f172a 80%),radial-gradient(circle at 20% 50%,#1e40af 0,transparent 50%),radial-gradient(circle at 80% 50%,#312e81 0,transparent 50%);background-attachment:fixed;min-height:100vh;color:#f8fafc;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:lang(zh){font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;word-break:break-all;line-break:anywhere}:lang(ru){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PT Sans,sans-serif}:lang(es),:lang(fr),:lang(ru){hyphens:auto}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 60px 60px,#fbbf24,transparent),radial-gradient(2px 2px at 140px 100px,#fff,transparent),radial-gradient(1px 1px at 220px 140px,#fcd34d,transparent),radial-gradient(2px 2px at 280px 70px,#fef3c7,transparent),radial-gradient(1px 1px at 340px 110px,#fbbf24,transparent),radial-gradient(2px 2px at 120px 180px,#fff,transparent),radial-gradient(1px 1px at 380px 60px,#fcd34d,transparent),radial-gradient(2px 2px at 30px 120px,#fef3c7,transparent);background-repeat:repeat;background-size:400px 200px;animation:galaxyRotate 700s linear infinite;pointer-events:none;z-index:2;opacity:.4}body{position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(1px 1px at 20px 30px,#fef3c7,transparent),radial-gradient(2px 2px at 40px 70px,#fbbf24,transparent),radial-gradient(1px 1px at 90px 40px,#f9fafb,transparent),radial-gradient(2px 2px at 130px 80px,#fef3c7,transparent),radial-gradient(1px 1px at 160px 30px,#fbbf24,transparent),radial-gradient(2px 2px at 200px 80px,#fcd34d,transparent),radial-gradient(1px 1px at 250px 40px,#fff,transparent),radial-gradient(1px 1px at 180px 120px,#fef3c7,transparent),radial-gradient(1px 1px at 300px 50px,#fbbf24,transparent),radial-gradient(2px 2px at 350px 90px,#fff,transparent),radial-gradient(2px 2px at 80px 150px,#fbbf24,transparent),radial-gradient(1px 1px at 320px 40px,#fef3c7,transparent),radial-gradient(2px 2px at 50px 180px,#fcd34d,transparent),radial-gradient(1px 1px at 280px 120px,#fff,transparent);background-repeat:repeat;background-size:450px 250px;animation:galaxyRotate 600s linear infinite;pointer-events:none;z-index:1;opacity:.7}@keyframes galaxyRotate{0%{transform:translateX(0) translateY(0) rotate(0deg);opacity:.7}25%{transform:translateX(20px) translateY(-10px) rotate(90deg);opacity:.9}50%{transform:translateX(0) translateY(-20px) rotate(180deg);opacity:.8}75%{transform:translateX(-20px) translateY(-10px) rotate(270deg);opacity:.9}to{transform:translateX(0) translateY(0) rotate(1turn);opacity:.7}}.app-layout:before{content:"";position:fixed;top:-10px;left:20vw;width:80px;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3) 30%,#fff);border-radius:2px;animation:shootingStar1 20s linear infinite;pointer-events:none;z-index:3;opacity:0}.app-layout:after{top:-20px;left:70vw;width:100px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 40%,hsla(0,0%,100%,.9));animation:shootingStar2 25s linear 8s infinite}.app-layout:after,.main-content:before{content:"";position:fixed;height:1.5px;border-radius:2px;pointer-events:none;z-index:3;opacity:0}.main-content:before{top:-15px;left:10vw;width:60px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,.8));animation:shootingStar3 30s linear 15s infinite}.tab-content:before{content:"";position:fixed;top:-25px;left:50vw;width:90px;height:2px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.6) 30%,#fff);border-radius:2px;animation:shootingStar4 35s linear 25s infinite;pointer-events:none;z-index:3;opacity:0}@keyframes shootingStar1{0%{transform:translateX(0) translateY(0) rotate(35deg);opacity:0}5%{opacity:1}25%{transform:translateX(30vw) translateY(120vh) rotate(35deg);opacity:.8}30%{opacity:0}to{transform:translateX(0) translateY(0) rotate(35deg);opacity:0}}@keyframes shootingStar2{0%{transform:translateX(0) translateY(0) rotate(45deg);opacity:0}3%{opacity:.9}20%{transform:translateX(-20vw) translateY(120vh) rotate(45deg);opacity:.7}25%{opacity:0}to{transform:translateX(0) translateY(0) rotate(45deg);opacity:0}}@keyframes shootingStar3{0%{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}4%{opacity:.8}22%{transform:translateX(40vw) translateY(120vh) rotate(25deg);opacity:.6}28%{opacity:0}to{transform:translateX(0) translateY(0) rotate(25deg);opacity:0}}@keyframes shootingStar4{0%{transform:translateX(0) translateY(0) rotate(50deg);opacity:0}2%{opacity:1}18%{transform:translateX(-10vw) translateY(120vh) rotate(50deg);opacity:.8}22%{opacity:0}to{transform:translateX(0) translateY(0) rotate(50deg);opacity:0}}.app-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,23,42,.9);backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.1);padding:1rem 2rem}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-actions{display:flex;align-items:center;gap:.5rem}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{display:flex;align-items:center;gap:32px}}.nav-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-weight:500;font-size:16px;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.nav-link.active{color:#fff;background:hsla(0,0%,100%,.15);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:#fbbf24;border-radius:1px}.mobile-globe-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);font-size:1.25rem;color:hsla(0,0%,100%,.8);margin-right:.25rem;transition:all .3s ease;cursor:pointer;position:relative;animation:globePulse 2s ease-in-out infinite;background:none;border:none;padding:0}.mobile-globe-icon:hover{color:#fbbf24;transform:scale(1.1)}@keyframes globePulse{0%,to{opacity:.8}50%{opacity:1}}.mobile-language-dropdown{position:fixed;top:70px;right:0;width:200px;background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px 0 0 8px;z-index:1002;padding:.5rem 0}.mobile-language-options{display:flex;flex-direction:column}.mobile-language-options button{padding:.75rem 1rem;background:none;border:none;color:hsla(0,0%,100%,.8);text-align:left;cursor:pointer;transition:all .3s ease;font-size:.875rem}.mobile-language-options button:hover{background:hsla(0,0%,100%,.1);color:#fff}.mobile-language-options button.active{background:rgba(251,191,36,.2);color:#fbbf24;font-weight:600}.mobile-language-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1001}@media (min-width:768px){.mobile-globe-icon,.mobile-language-dropdown,.mobile-language-overlay{display:none}}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;width:var(--tap);height:var(--tap);padding:10px;background:none;border:none;cursor:pointer;position:relative;z-index:1001;box-sizing:border-box}@media (min-width:768px){.mobile-menu-btn{display:none}}.mobile-menu-btn span{display:block;height:2px;width:100%;background:#fff;margin:3px 0;transition:.3s;transform-origin:center}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{position:fixed;top:70px;right:-100%;width:280px;height:calc(100vh - 70px);background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-left:1px solid hsla(0,0%,100%,.1);transition:right .3s ease;z-index:1000;overflow-y:auto}.mobile-nav.open{right:0}.mobile-nav-content{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.mobile-nav-link{color:hsla(0,0%,100%,.8);text-decoration:none;font-weight:500;font-size:18px;padding:12px 16px;border-radius:8px;transition:all .3s ease;text-align:center;border:1px solid hsla(0,0%,100%,.1)}.mobile-nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2)}.mobile-nav-link.active{color:#fff;background:rgba(251,191,36,.2);border-color:rgba(251,191,36,.4);font-weight:600}.mobile-menu-overlay{position:fixed;top:70px;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.logo-section{display:flex;align-items:center;gap:12px;position:relative;text-decoration:none}.logo-section:before{content:"✨";position:absolute;left:-25px;top:-8px;font-size:.8rem;animation:starTwinkle1 3s ease-in-out infinite;opacity:.8}.logo-section:after{content:"⭐";position:absolute;right:-25px;top:-5px;font-size:.7rem;animation:starTwinkle2 2.5s ease-in-out .5s infinite;opacity:.9}@keyframes starTwinkle1{0%,to{opacity:.3;transform:scale(.8) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-3px)}}@keyframes starTwinkle2{0%,to{opacity:.4;transform:scale(.9) translateY(0) rotate(0deg)}50%{opacity:1;transform:scale(1.1) translateY(-2px) rotate(180deg)}}.logo-icon{font-size:1.8rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoMoonFloat 4s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 8px rgba(251,191,36,.4));position:relative}.logo-icon:before{content:"🌟";top:-12px;left:-15px;font-size:.6rem;animation:starOrbit1 6s linear infinite}.logo-icon:after,.logo-icon:before{position:absolute;filter:none;-webkit-text-fill-color:initial}.logo-icon:after{content:"💫";bottom:-12px;right:-15px;font-size:.7rem;animation:starOrbit2 5s linear infinite reverse}@keyframes starOrbit1{0%{transform:rotate(0deg) translateX(20px) rotate(0deg);opacity:.6}50%{opacity:1}to{transform:rotate(1turn) translateX(20px) rotate(-1turn);opacity:.6}}@keyframes starOrbit2{0%{transform:rotate(0deg) translateX(18px) rotate(0deg) scale(.8);opacity:.7}50%{opacity:1;transform:rotate(180deg) translateX(18px) rotate(-180deg) scale(1.1)}to{transform:rotate(1turn) translateX(18px) rotate(-1turn) scale(.8);opacity:.7}}@keyframes logoMoonFloat{0%,to{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 8px rgba(251,191,36,.4)) brightness(1)}25%{transform:translateY(-3px) rotate(-2deg);filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) brightness(1.1)}50%{transform:translateY(-5px) rotate(0deg);filter:drop-shadow(0 0 15px rgba(251,191,36,.8)) brightness(1.2)}75%{transform:translateY(-3px) rotate(2deg);filter:drop-shadow(0 0 12px rgba(251,191,36,.6)) brightness(1.1)}}.logo-text{font-size:1.25rem;font-weight:600;color:#f8fafc}@media (max-width:480px){.logo-text{font-size:1.1rem}.logo-section{gap:8px}}.language-select{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.5rem .75rem;color:#f8fafc;font-size:.875rem;cursor:pointer}.language-select option{background:#0f172a;color:#f8fafc}.desktop-only{display:block}@media (max-width:767px){.desktop-only{display:none}}.mobile-language-section{margin-top:1rem;padding-top:1rem;border-top:1px solid hsla(0,0%,100%,.1)}.mobile-language-label{color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;text-align:center;font-weight:600}.mobile-language-select{width:100%;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;padding:1rem;color:#f8fafc;font-size:1rem;cursor:pointer;text-align:center;font-weight:600;transition:all .3s ease}.mobile-language-select:focus{outline:none;border-color:#fbbf24;background:hsla(0,0%,100%,.15);box-shadow:0 0 0 2px rgba(251,191,36,.3)}.mobile-language-select option{background:#0f172a;color:#f8fafc;padding:.5rem}.app-layout{margin-top:80px;min-height:calc(100vh - 80px)}.main-content{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:10}.content-header{text-align:center;margin-bottom:3rem;background:rgba(15,23,42,.85);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:2.5rem;position:relative;overflow:hidden}@media (max-width:768px){.content-header{padding:1.5rem;margin-bottom:2rem;border-radius:16px}}@media (max-width:480px){.content-header{padding:1rem;margin-bottom:1.5rem;border-radius:12px}}.content-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));pointer-events:none}.main-title{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;line-height:1.2}.home-title{text-align:center;font-size:clamp(1.5rem,1.1rem + 2vw,2.5rem);font-weight:700;color:var(--accent);margin:0 0 1.25rem;line-height:1.25;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.main-title{font-size:1.75rem;line-height:1.3;margin-bottom:.75rem}}@media (max-width:480px){.main-title{font-size:1.5rem;line-height:1.4;margin-bottom:.5rem}}.main-description{font-size:1.25rem;line-height:1.7;color:#e2e8f0;max-width:860px;margin:0 auto;position:relative;z-index:2}.blog-hub-intro{margin-top:.85rem}@media (max-width:768px){.main-description{font-size:1.0625rem;line-height:1.6;max-width:95%;padding:0 .5rem}}@media (max-width:480px){.main-description{font-size:1rem;line-height:1.6;max-width:100%;padding:0 .25rem}}.tab-navigation{display:flex;background:hsla(0,0%,100%,.03);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:.5rem;margin-bottom:2rem;gap:.5rem}.tab-btn{flex:1;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:8px;color:#94a3b8;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:var(--tap)}.tab-btn.active{background:hsla(0,0%,100%,.9);color:#1e293b;font-weight:600}.tab-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:#e2e8f0}.tab-content{position:relative;z-index:10}.benefits-consequences-container{margin-bottom:3rem}.benefits-consequences-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:200px}@media (max-width:768px){.benefits-consequences-grid{grid-template-columns:1fr;gap:1rem}}.benefit-consequence-card{background:hsla(0,0%,100%,.03);backdrop-filter:blur(25px);border-radius:20px;padding:2rem;border:1px solid hsla(0,0%,100%,.06);transition:all .3s ease;position:relative;overflow:hidden}.benefit-consequence-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.benefit-consequence-card:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.4);box-shadow:0 20px 40px rgba(0,0,0,.3)}.benefit-consequence-card:hover:before{opacity:1}.benefits-card{background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(16,185,129,.08));border:1px solid rgba(34,197,94,.25)}.consequences-card{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,127,.08));border:1px solid rgba(239,68,68,.25)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-content{position:relative;z-index:2}.benefit-list,.consequence-list{list-style:none}.benefit-list li,.consequence-list li{color:#f1f5f9;font-size:1.0625rem;line-height:1.6;margin-bottom:.75rem;display:flex;align-items:center;transition:color .2s ease}.benefit-list li:hover,.consequence-list li:hover{color:#fbbf24}.icon-wrapper{font-size:1.25rem;padding:.5rem;background:hsla(0,0%,100%,.8);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px}.card-title{font-size:1.2rem;font-weight:700;color:#fbbf24;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.science-section-modern{background:rgba(139,69,19,.05);backdrop-filter:blur(30px);border:1px solid rgba(251,191,36,.12);border-radius:24px;padding:2.5rem;margin-bottom:3rem;position:relative;overflow:hidden}.science-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.08),transparent 70%);pointer-events:none}.science-icon{animation:brainPulse 3s ease-in-out infinite}@keyframes brainPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.science-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;position:relative;z-index:2}.science-card-modern{background:hsla(0,0%,100%,.07);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.science-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.science-card-modern:hover{transform:translateY(-5px);border-color:rgba(251,191,36,.4);box-shadow:0 15px 30px rgba(0,0,0,.3)}.science-card-modern:hover:before{opacity:1}.science-number{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;position:relative;z-index:2;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.science-number{font-size:2rem}}@media (max-width:480px){.science-number{font-size:1.75rem}}.science-label{font-size:1rem;color:#e2e8f0;font-weight:500;position:relative;z-index:2}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:1.5rem;opacity:.7}.stat-content{flex:1}.stat-label{margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:#fbbf24}.today-sleep-section{background:rgba(51,65,85,.3);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;padding:2rem;margin-bottom:2rem}.date-text{color:#94a3b8;font-size:.875rem;margin-left:auto}.add-record-btn{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;min-height:var(--tap);display:inline-flex;align-items:center}.today-content{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:2rem;text-align:center}.no-records{color:#e2e8f0;font-style:italic}.sleep-record{display:flex;justify-content:space-between;align-items:center}.record-time{font-weight:600;color:#fbbf24}.record-quality{font-size:1.25rem}.recent-records-section{background:hsla(0,0%,100%,.12);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.recent-records-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(168,85,247,.08),transparent 70%);pointer-events:none}.record-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;margin-bottom:1rem;transition:all .3s ease;position:relative;z-index:2}.record-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);border-color:rgba(251,191,36,.3)}.record-date{font-weight:600;color:#fbbf24}.record-details{color:#cbd5e1}.record-rating{font-size:1rem}.education-section{background:rgba(51,65,85,.15);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.education-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.08),transparent 70%);pointer-events:none}.section-description{color:#e2e8f0;font-size:1.0625rem;line-height:1.7;margin-bottom:2rem;position:relative;z-index:2}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.benefit-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;transition:all .3s ease;position:relative;z-index:2}.benefit-item:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px);border-color:rgba(251,191,36,.3)}.benefit-icon{font-size:1.5rem;padding:.5rem;background:#fff;border-radius:8px}.benefit-content h4{font-weight:600;color:#fbbf24;margin-bottom:.25rem}.benefit-content p{color:#cbd5e1;font-size:.9375rem}.consequences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.consequence-group h4{font-weight:600;color:#fbbf24;margin-bottom:1rem;position:relative;z-index:2}.consequence-group ul{list-style:none}.consequence-group li{color:#e2e8f0;line-height:1.5;margin-bottom:.5rem;position:relative;z-index:2}.sleep-stages{margin-bottom:2rem}.sleep-stages h4{font-weight:600;color:#1e293b;margin-bottom:1rem}.stages-list{display:grid;gap:1rem}.stage-item{padding:1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;position:relative;z-index:2;transition:all .3s ease}.stage-item:hover{background:hsla(0,0%,100%,.15);border-color:rgba(251,191,36,.3);transform:translateY(-2px)}.stage-item strong{color:#fbbf24;display:block;margin-bottom:.5rem}.stage-item p{color:#cbd5e1}.why-90-minutes{background:hsla(0,0%,100%,.1);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.15);padding:1.5rem;border-radius:16px;position:relative;z-index:2}.why-90-minutes h4{font-weight:600;color:#fbbf24;margin-bottom:1rem}.why-90-minutes>p{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.pro-tip{display:flex;gap:1rem;padding:1rem;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.2);border-radius:8px}.tip-content strong{color:#fbbf24;display:block;margin-bottom:.5rem}.tip-content p{color:#e2e8f0}.sharing-section{background:rgba(51,65,85,.12);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.15);border-radius:24px;padding:2.5rem;margin-bottom:2rem;position:relative;overflow:hidden}.sharing-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,.08),transparent 70%);pointer-events:none}.sharing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}@media (min-width:1024px){.sharing-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px) and (max-width:1023px){.sharing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.sharing-grid{grid-template-columns:1fr}}.sharing-card{padding:1.5rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.12);border-radius:16px;transition:all .3s ease;position:relative;z-index:2}.sharing-card:hover{background:hsla(0,0%,100%,.15);transform:translateY(-3px);border-color:rgba(251,191,36,.3);box-shadow:0 8px 20px rgba(0,0,0,.2)}.sharing-icon{font-size:1.5rem;margin-bottom:1rem}.sharing-card h4{font-weight:600;color:#fbbf24;margin-bottom:.5rem}.sharing-card p{color:#cbd5e1;font-size:.875rem;line-height:1.5}.hashtags h4{font-weight:600;color:#fbbf24;margin-bottom:1rem;position:relative;z-index:2}.hashtag-list{display:flex;flex-wrap:wrap;gap:.5rem}.hashtag{background:rgba(251,191,36,.1);color:#92400e;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.user-name{font-weight:600;color:#f8fafc}.user-name,.user-title{position:relative;z-index:2}.user-title{color:#cbd5e1;font-size:.875rem}.stat-label{color:#e2e8f0}.copyright-footer{background:rgba(15,23,42,.8);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.1);padding:1.5rem 0;margin-top:2rem;position:relative;z-index:10}.copyright-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.copyright-text{color:#cbd5e1;font-size:.875rem;margin:0;opacity:.8}.footer-links{display:flex;justify-content:center;gap:1rem}.footer-link{color:#94a3b8;text-decoration:none;font-size:.875rem;padding:.25rem .5rem;border-radius:4px;transition:all .3s ease}.footer-link:hover{color:#fbbf24;background:hsla(0,0%,100%,.05)}.moon-magical{animation:moonMagical 4s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}@keyframes moonMagical{0%,to{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}25%{transform:translateY(-8px) rotate(-5deg) scale(1.05);filter:drop-shadow(0 0 15px rgba(251,191,36,.7))}50%{transform:translateY(-12px) rotate(0deg) scale(1.1);filter:drop-shadow(0 0 20px rgba(251,191,36,.8))}75%{transform:translateY(-8px) rotate(5deg) scale(1.05);filter:drop-shadow(0 0 15px rgba(251,191,36,.7))}}.animated-heart{animation:heartBeat 2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animated-warning{animation:warningPulse 3s ease-in-out infinite}@keyframes warningPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.2)}}.results-icon{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.1) rotate(10deg);filter:brightness(1.3)}}.privacy-container{max-width:800px;margin:0 auto;padding:2rem;background:rgba(15,23,42,.85);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;position:relative;z-index:10;overflow:hidden}.privacy-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(147,51,234,.05));pointer-events:none}.privacy-title{font-size:2.5rem;font-weight:700;color:#fbbf24;margin-bottom:.5rem;text-align:center;position:relative;z-index:2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}@media (max-width:768px){.privacy-title{font-size:2rem}}.privacy-updated{text-align:center;color:#94a3b8;margin-bottom:3rem}.privacy-content,.privacy-updated{position:relative;z-index:2}.privacy-section{margin-bottom:2.5rem}.privacy-section h2{font-size:1.5rem;font-weight:600;color:#fbbf24;margin-bottom:1rem;border-bottom:2px solid rgba(251,191,36,.3);padding-bottom:.5rem}.privacy-section p{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.privacy-section ul{list-style:none;margin-left:1rem}.privacy-section li{color:#cbd5e1;margin-bottom:.75rem;position:relative;padding-left:1.5rem}.privacy-section li:before{content:"•";color:#fbbf24;position:absolute;left:0;font-weight:700}.back-link{color:#e2e8f0;text-decoration:none;padding:.5rem 1rem;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;transition:all .3s ease}.back-link:hover{background:hsla(0,0%,100%,.1);color:#fbbf24}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.25rem;font-size:.875rem;color:var(--ink-4)}.breadcrumbs a{color:var(--ink-3);text-decoration:none;border-bottom:1px solid transparent}.breadcrumbs a:hover{color:var(--accent);border-bottom-color:rgba(251,191,36,.4)}.breadcrumbs>span[aria-hidden=true]{color:rgba(148,163,184,.5)}.breadcrumbs [aria-current=page]{min-width:0;max-width:min(60ch,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-2)}.article-category a{color:inherit;text-decoration:none}.article-category a:hover{color:var(--accent)}.science-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.science-stat-card{text-align:center;padding:1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:10px}.stat-label{color:#cbd5e1;font-size:.875rem}.featured-article-card{background:rgba(147,51,234,.1);border:1px solid rgba(147,51,234,.2);border-radius:10px;padding:1.5rem;margin:1rem 0}.featured-title{color:#fbbf24;font-size:1.25rem;font-weight:600;margin-bottom:1rem;line-height:1.4}@media (max-width:768px){.featured-title{font-size:1.1rem;line-height:1.3;margin-bottom:.75rem}}@media (max-width:480px){.featured-title{font-size:.75rem;line-height:1.3;margin-bottom:.5rem}}.featured-excerpt{color:#e2e8f0;line-height:1.6;margin-bottom:1rem}.featured-meta{color:#94a3b8;font-size:.875rem;margin-bottom:1rem}.featured-meta span{margin:0 .5rem}.featured-link{color:#a855f7;text-decoration:none;font-weight:500;transition:color .3s ease}.featured-link:hover{color:#c084fc}.science-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0}.topic-card{text-align:center;padding:1.5rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:10px;transition:all .3s ease}.topic-card:hover{background:rgba(16,185,129,.15);transform:translateY(-2px)}.topic-icon{font-size:2rem;margin-bottom:.5rem}.topic-name{color:#fbbf24;font-size:1rem;font-weight:600;margin-bottom:.5rem}.topic-count{color:#10b981;font-size:.875rem;font-weight:500}.recent-article{background:rgba(75,85,99,.1);border:1px solid rgba(75,85,99,.2);border-radius:10px;padding:1.5rem;margin-bottom:1rem}.recent-title{color:#fbbf24;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}@media (max-width:768px){.recent-title{font-size:1rem;line-height:1.3;margin-bottom:.5rem}}@media (max-width:480px){.recent-title{font-size:.95rem;line-height:1.3;margin-bottom:.5rem}}.recent-excerpt{color:#cbd5e1;line-height:1.6;margin-bottom:.75rem}.recent-meta{color:#94a3b8;font-size:.875rem}.recent-meta span{margin:0 .5rem}.article-header{margin-bottom:2rem;position:relative;z-index:2}.article-category{display:inline-block;background:rgba(147,51,234,.2);color:#a855f7;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;margin-bottom:1rem;border:1px solid rgba(147,51,234,.3)}.article-excerpt{color:#cbd5e1;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;position:relative;z-index:2}.article-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:2px solid rgba(251,191,36,.3);border-bottom:2px solid rgba(251,191,36,.3);position:relative;z-index:2}.meta-left{color:#94a3b8;font-size:.875rem}.meta-left span{margin:0 .5rem}.meta-actions{display:flex;gap:.75rem}.action-btn{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#60a5fa;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:rgba(59,130,246,.2);transform:translateY(-1px)}.action-btn.bookmarked{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3);color:#fbbf24}.action-btn.share-btn{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3);color:#10b981}.article-disclaimer{padding:.9rem 1.1rem;border-left:3px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink-3);font-size:.9rem;line-height:1.6}.article-calculator-cta,.article-disclaimer{margin:1.75rem 0;background:rgba(251,191,36,.06)}.article-calculator-cta{padding:1.25rem;border:1px solid rgba(251,191,36,.25);border-radius:var(--r-md)}.article-calculator-cta h2{margin:0 0 .5rem;font-size:1.15rem;color:var(--accent)}.article-calculator-cta p{margin:0 0 .9rem;color:var(--ink-3);font-size:.95rem;line-height:1.6}.article-calculator-links{display:flex;flex-wrap:wrap;gap:.6rem 1rem}.article-calculator-links a{color:var(--accent);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(251,191,36,.4)}.article-calculator-links a:hover{border-bottom-color:var(--accent)}.article-content{position:relative;z-index:2}.article-content h2{color:#fbbf24;font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;border-bottom:2px solid rgba(251,191,36,.3);padding-bottom:.5rem}.article-content h3{color:#fbbf24;font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.article-content h4{color:#fbbf24;font-size:1.125rem;font-weight:600;margin:1.25rem 0 .75rem}.article-content p{color:#e2e8f0;line-height:1.7;margin-bottom:1rem}.article-content ul{list-style:none;margin:1rem 0;padding-left:1rem}.article-content li{color:#cbd5e1;margin-bottom:.75rem;position:relative;padding-left:1.5rem;line-height:1.6}.article-content li:before{content:"•";color:#fbbf24;position:absolute;left:0;font-weight:700}.article-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0}.article-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem;font-variant-numeric:tabular-nums}.article-content .table-scroll table{margin:0}.article-content td,.article-content th{padding:.6rem .75rem;border-bottom:1px solid rgba(148,163,184,.2);text-align:left}.article-content th{color:var(--accent);font-weight:600}.article-content td{color:var(--ink-3)}.article-content tbody tr:last-child td{border-bottom:none}@media (max-width:640px){.article-content .table-scroll table{min-width:560px}.article-content td,.article-content th{white-space:nowrap}}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tag{background:hsla(220,9%,46%,.2);color:#9ca3af;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;border:1px solid hsla(220,9%,46%,.3);transition:all .3s ease}.tag:hover{background:hsla(220,9%,46%,.3);color:#d1d5db;transform:translateY(-1px)}.share-cta-btn{background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;color:#fff;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.share-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(168,85,247,.3)}.share-platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.share-platform-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(75,85,99,.1);border:1px solid rgba(75,85,99,.3);border-radius:6px;color:#cbd5e1;cursor:pointer;transition:all .3s ease;font-size:.875rem}.share-platform-btn:hover{background:rgba(75,85,99,.2);transform:translateY(-1px)}.platform-icon{font-size:1.125rem}@media (max-width:768px){.article-meta{flex-direction:column;align-items:flex-start}.meta-actions{width:100%;justify-content:center}.share-platforms-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.sleep-modal{background:rgba(51,65,85,.95);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:0;max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(59,130,246,.1)}.modal-header h3{font-size:1.25rem;font-weight:600;color:#fbbf24;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:0;width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{background:hsla(0,0%,100%,.1);color:#fbbf24}.modal-content{padding:1.5rem;overflow-y:auto;min-height:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#fbbf24;margin-bottom:.5rem;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-input{width:100%;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.75rem;color:#e2e8f0;font-size:.9rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:#fbbf24;background:hsla(0,0%,100%,.12)}.quality-selector{display:flex;gap:.5rem;flex-wrap:wrap}.quality-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:.5rem;color:#e2e8f0;cursor:pointer;transition:all .3s ease;font-size:.8rem;min-width:60px;min-height:var(--tap)}.quality-btn:hover{background:hsla(0,0%,100%,.15)}.quality-btn.active{background:#fbbf24;color:#1e293b;border-color:#fbbf24}.duration-preview{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:.75rem;text-align:center;color:#fbbf24;font-weight:600;margin-top:1rem}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1);background:rgba(15,23,42,.3)}.cancel-btn,.save-btn{flex:1;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn{background:hsla(0,0%,100%,.1);color:#94a3b8}.cancel-btn:hover{background:hsla(0,0%,100%,.2);color:#e2e8f0}.save-btn{background:#fbbf24;color:#1e293b}.save-btn:hover{background:#f59e0b;transform:translateY(-1px)}.record-info{flex:1}.record-actions{display:flex;gap:.5rem;margin-left:1rem}.delete-btn,.edit-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center}.edit-btn:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.4);transform:scale(1.05)}.delete-btn:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);transform:scale(1.05)}.current-time-info{background:rgba(15,23,42,.3);backdrop-filter:blur(15px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;text-align:center;position:relative;z-index:2}.time-info-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.time-info-icon{font-size:1.2rem}.time-info-title{font-size:.9rem;color:#94a3b8;font-weight:600}.selected-time{font-size:2.5rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:.5rem}.time-mode-label{font-size:.85rem;color:#cbd5e1;font-weight:500}@media (max-width:768px){.main-content{padding:1rem}.animated-heart,.animated-warning{display:none}.icon-wrapper.benefits-icon,.icon-wrapper.consequences-icon{margin-bottom:.5rem}.card-title{font-size:1rem}}@media (max-width:480px){.main-content{padding:.75rem}.benefits-consequences-grid{gap:1rem}.card-title{font-size:.95rem}.tab-btn{padding:.5rem 1rem;font-size:.9rem}}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:rgba(51,65,85,.95);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.2);border-radius:24px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.share-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.share-modal-header h3{font-size:1.5rem;font-weight:700;color:#fbbf24;margin:0}.share-modal-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .3s ease}.share-modal-close:hover{background:hsla(0,0%,100%,.1);color:#f8fafc}.share-preview{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.share-preview p{color:#e2e8f0;margin:0;line-height:1.5;font-size:.95rem}.share-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.share-platforms .share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;color:#e2e8f0;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem}.share-platforms .share-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);border-color:rgba(251,191,36,.4);box-shadow:0 8px 20px rgba(0,0,0,.3)}.share-platforms .share-btn .share-icon{font-size:1.1rem}.clickable-card{cursor:pointer;transition:all .3s ease;position:relative}.clickable-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.25)}.clickable-card:active{transform:translateY(-1px);box-shadow:0 6px 15px rgba(0,0,0,.2)}a.clickable-card,a.clickable-card:hover{color:inherit;text-decoration:none}.featured-article-card.clickable-card:hover{background:rgba(147,51,234,.15);border-color:rgba(147,51,234,.4)}.recent-article.clickable-card:hover{background:rgba(75,85,99,.15);border-color:hsla(220,9%,46%,.4)}.topic-card.clickable-card:hover{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.4)}.space-y-6>*+*{margin-top:1.5rem}.category-hero-icon{font-size:3rem;line-height:1;margin-bottom:1.5rem}.featured-wrap{max-width:56rem;margin-left:auto;margin-right:auto}.category-back-link{text-align:center;margin-top:3rem}.category-page{max-width:56rem;margin-left:auto;margin-right:auto;padding:2.5rem 1rem 4rem}.category-nav{margin-bottom:1.5rem}.category-article-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-article-link{color:#fbbf24;text-decoration:none}.category-article-link:hover{color:#fcd34d}.site-footer{margin-top:4rem;border-top:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.55)}.site-footer-inner{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 1.5rem;display:grid;gap:2rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,2fr)}@media (max-width:820px){.site-footer-inner{grid-template-columns:minmax(0,1fr);gap:1.75rem}}.site-footer-brand{min-width:0}.site-footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.site-footer-logo-icon{font-size:1.25rem}.site-footer-logo-text{font-size:1.05rem;font-weight:600;color:#f8fafc}.site-footer-tagline{margin:0;font-size:.875rem;line-height:1.6;color:#94a3b8;max-width:34ch}.site-footer-column{min-width:0}.site-footer-heading{margin:0 0 .75rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24}.site-footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.site-footer-list-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem 1rem}.site-footer-list a{color:#cbd5e1;text-decoration:none;font-size:.875rem}.site-footer-list a:hover{color:#fbbf24}.site-footer-bottom{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 1.75rem;border-top:1px solid rgba(148,163,184,.16)}.site-footer-bottom .copyright-text{margin:0;font-size:.8125rem;color:#94a3b8}.faq-section{padding:3rem 1.25rem 1rem}.faq-container{max-width:87.5rem;margin:0 auto}.faq-title{margin:0 0 1.5rem;font-size:1.75rem;font-weight:700;color:#fbbf24;text-align:center}.faq-list{margin:0;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:rgba(30,41,59,.55);border:1px solid rgba(148,163,184,.18);border-radius:12px;padding:1.1rem 1.25rem}.faq-question{display:flex;align-items:flex-start;gap:.6rem;margin:0 0 .6rem;font-size:1.0625rem;font-weight:700;line-height:1.4;color:var(--accent)}.faq-question:before{content:"";flex:none;width:3px;height:1.1em;margin-top:.12em;border-radius:2px;background:var(--accent)}.faq-answer{margin:0;padding-left:.8rem;color:var(--ink-3);line-height:1.7;font-size:.975rem}.home-intro{padding-top:.75rem;padding-left:1.5rem;padding-right:1.5rem;border-top:1px solid rgba(148,163,184,.18)}.home-intro .main-description{max-width:none;margin-left:0;margin-right:0;text-align:left}.home-intro .main-description+.main-description{margin-top:.85rem}.calculator-main-container{margin-bottom:3rem}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;min-height:500px}.time-selection-section{background:rgba(30,58,138,.05);backdrop-filter:blur(30px);border:1px solid rgba(59,130,246,.12);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.time-selection-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent 70%);pointer-events:none}.results-section-modern{background:rgba(51,65,85,.05);backdrop-filter:blur(30px);border:1px solid rgba(148,163,184,.12);border-radius:24px;padding:2.5rem;position:relative;overflow:hidden}.results-section-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(148,163,184,.1),transparent 70%);pointer-events:none}.section-header{margin-bottom:1rem}.section-header h2{font-size:1.5rem;font-weight:600;color:#f8fafc}.section-subtitle{color:#cbd5e1;margin-bottom:1.5rem;position:relative;z-index:2}.time-toggle{margin-bottom:1.5rem;background:hsla(0,0%,100%,.05);padding:.25rem;border-radius:12px}.toggle-btn{padding:.75rem 1rem;border-radius:8px;font-weight:500}.toggle-btn.active{background:hsla(0,0%,100%,.9);font-weight:600}.time-display{display:flex;justify-content:center}.time-input{font-size:3rem;font-weight:600;background:rgba(251,191,36,.9);color:#1e293b;border:none;border-radius:16px;padding:1rem 2rem;text-align:center;min-width:200px}.section-title{font-size:1.25rem;font-weight:600;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);margin:0 0 .5rem;position:relative;z-index:2}.time-selection-section .section-title{font-size:1.5rem}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:2}.share-btn-modern{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;font-size:.9rem;margin-left:auto;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3)}.share-btn-modern:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#1e40af)}.share-btn-modern .share-icon{font-size:1.1rem;animation:shareIconFloat 2s ease-in-out infinite}.share-icon{font-size:1rem}.share-text{font-size:.9rem}.results-container{margin-bottom:2rem;position:relative;z-index:2}.result-card-modern{background:hsla(0,0%,100%,.06);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;transition:all .3s ease;position:relative;overflow:hidden}.result-card-modern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.1),transparent 50%);opacity:0;transition:opacity .3s ease}.result-card-modern:hover{transform:translateY(-3px);border-color:rgba(251,191,36,.4);box-shadow:0 12px 25px rgba(0,0,0,.2)}.result-card-modern:hover:before{opacity:1}.result-card-featured{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(16,185,129,.1));border:2px solid rgba(34,197,94,.4);transform:scale(1.02)}.result-card-featured:before{background:linear-gradient(135deg,rgba(34,197,94,.15),transparent 50%)}.result-left,.result-right{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:2}.result-right{align-items:flex-end}.result-time-modern{font-size:2rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-cycles{font-size:.9rem;color:#cbd5e1;font-weight:500}.result-hours{font-size:1rem;color:#e2e8f0;font-weight:600}.quality-badge-modern{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.sleep-tip{background:rgba(59,130,246,.15);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;position:relative;z-index:2}.tip-icon{font-size:1.25rem;opacity:.8}.tip-text{font-size:.85rem;color:#cbd5e1;line-height:1.4}.share-btn{background:hsla(0,0%,100%,.9);color:#1e293b;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;cursor:pointer;font-size:.875rem;margin-left:auto}.results-grid{display:grid;gap:1rem}.result-card{background:hsla(0,0%,100%,.2);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-time{font-size:1.5rem;font-weight:700;color:#fbbf24}.result-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.cycles-text{font-size:.875rem;color:#e2e8f0}.quality-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-orange-500{background-color:#f97316}.bg-red-500{background-color:#ef4444}.time-toggle-container{margin:1.25rem 0}.time-toggle{display:flex;background:rgba(15,23,42,.4);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:.5rem;gap:.5rem}.toggle-btn{flex:1;padding:1rem 1.5rem;background:transparent;border:none;border-radius:12px;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.toggle-btn.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;transform:scale(1.02);box-shadow:0 4px 12px rgba(251,191,36,.3)}.toggle-btn:hover:not(.active){background:hsla(0,0%,100%,.1);color:#e2e8f0;transform:scale(1.01)}.toggle-icon{font-size:1.35rem}.toggle-text{font-size:1rem}.time-input-container{margin:1rem 0}.time-label{display:block;font-size:1.2rem;color:#e2e8f0;margin-bottom:1rem;text-align:center;font-weight:500}.time-display-wrapper{display:flex;justify-content:center;margin-bottom:2rem}.calendar-time-picker{background:hsla(0,0%,100%,.03);backdrop-filter:blur(25px);border:1px solid hsla(0,0%,100%,.08);border-radius:24px;padding:2rem;margin:1rem 0}.time-picker-wheel-container{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;margin-top:1rem;margin-bottom:1rem;flex-wrap:wrap}.time-wheel-section{display:flex;flex-direction:column;align-items:center;gap:1rem}.time-wheel-label{font-size:1.05rem;color:#fbbf24;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.time-wheel{display:grid;gap:.35rem;padding:.5rem;background:hsla(0,0%,100%,.03);border-radius:14px;border:1px solid hsla(0,0%,100%,.08)}.hour-wheel,.time-wheel{grid-template-columns:repeat(4,1fr)}.hour-wheel,.minute-wheel{grid-template-rows:repeat(6,1fr)}.minute-wheel{grid-template-columns:repeat(2,1fr)}.time-wheel-item{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:.5rem;text-align:center;color:#e2e8f0;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:60px;min-height:60px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.time-wheel-item:hover{background:rgba(251,191,36,.2);color:#fbbf24;transform:scale(1.05);border-color:rgba(251,191,36,.3)}.time-wheel-item.active{background:linear-gradient(135deg,rgba(251,191,36,.8),rgba(245,158,11,.8));color:#1e293b;transform:scale(1.1);box-shadow:0 4px 15px rgba(251,191,36,.4);border-color:rgba(251,191,36,.6)}.time-separator-wheel{font-size:3rem;font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);align-self:center;margin-top:2.5rem;margin-left:.5rem;margin-right:.5rem;animation:timeSeparatorPulse 2s ease-in-out infinite}.selected-time-display{text-align:center;padding:1.6rem;background:rgba(251,191,36,.1);border-radius:18px;border:1px solid rgba(251,191,36,.2);box-shadow:0 8px 24px rgba(251,191,36,.08)}.selected-time-large{font-size:clamp(3rem,2.2rem + 2vw,4rem);font-weight:700;color:#fbbf24;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:0}.selected-time-period{font-size:1.2rem;font-weight:600;color:#cbd5e1;text-transform:uppercase;letter-spacing:1px}.time-wheel::-webkit-scrollbar{width:4px}.time-wheel::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.time-wheel::-webkit-scrollbar-thumb{background:rgba(251,191,36,.5);border-radius:2px}.time-wheel::-webkit-scrollbar-thumb:hover{background:rgba(251,191,36,.7)}@keyframes shareIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes timeSeparatorPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.result-hero{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:clamp(1.25rem,1rem + 2vw,2rem);border-radius:var(--r-lg);background:linear-gradient(135deg,rgba(251,191,36,.14),rgba(251,191,36,.03));border:1px solid rgba(251,191,36,.28)}.result-hero-label{font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.result-hero-time{display:flex;align-items:baseline;justify-content:center;gap:.15em;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.3)}.result-hero-digits{font-size:var(--fs-display);font-weight:800;letter-spacing:-.02em}.result-hero-sep{font-size:calc(var(--fs-display) * .72);font-weight:700;opacity:.75}.result-hero-period{font-size:clamp(.9rem,.8rem + .6vw,1.25rem);font-weight:700;opacity:.8}.result-hero-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem;color:var(--ink-3);font-size:.9375rem}.result-hero-cycles{font-weight:600;color:var(--ink-2)}.result-hero-time+.result-hero-meta{margin-top:.25rem}.result-hero .quality-badge-modern{margin-top:.5rem}.cycle-bar{display:flex;gap:4px;width:min(100%,320px)}.cycle-bar-seg{flex:1;height:8px;border-radius:999px;background:hsla(0,0%,100%,.12)}.cycle-bar-seg.is-filled{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.results-subhead{margin:1.5rem 0 .75rem;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4)}.result-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin:0}.result-row{display:grid;grid-template-columns:minmax(6rem,auto) 1fr auto;align-items:baseline;gap:.75rem;padding:.6rem .85rem;border-radius:var(--r-sm);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08)}.result-row-time{font-size:1.125rem;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}.result-row-period{font-size:.75rem;font-weight:600;color:var(--ink-4);margin-left:.15rem}.result-row-cycles,.result-row-hours{font-size:.875rem;color:var(--ink-3)}.result-row-hours{justify-self:end}.result-links{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:1.25rem 0 0}.result-links a{color:var(--accent);font-size:.875rem;text-decoration:none;border-bottom:1px solid rgba(251,191,36,.35)}.result-links a:hover{border-bottom-color:var(--accent)}@media (max-width:1024px){.calculator-grid{grid-template-columns:1fr;gap:2rem;min-height:0}.results-section-modern,.time-selection-section{padding:var(--pad-panel);border-radius:var(--r-md)}.calendar-time-picker{padding:var(--pad-panel)}}@media (max-width:768px){.time-selection-section .section-title{font-size:1.3rem}.time-selection-section .section-header{flex-wrap:wrap}.result-time-modern{font-size:1.75rem}.time-input{font-size:2rem;min-width:150px}.time-picker-wheel-container{gap:1.5rem;flex-direction:column;align-items:center}.time-wheel-section{width:100%;max-width:300px}.time-wheel{gap:.4rem;padding:.5rem}.time-wheel-item{min-width:48px;min-height:48px;padding:.45rem;font-size:1.05rem}.time-separator-wheel{margin:0;font-size:1.75rem;animation:none}.share-btn-modern{padding:.75rem 1rem;font-size:.9rem;min-width:var(--tap);min-height:var(--tap);justify-content:center}.share-btn-modern .share-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-btn-modern .share-icon{font-size:1.2rem;margin-right:0}}@media (max-width:640px){.result-row{grid-template-columns:auto 1fr;row-gap:.15rem}.result-row-time{grid-row:1/span 2;align-self:center;font-size:1.4rem}.result-row-cycles,.result-row-hours{grid-column:2;justify-self:end}}@media (max-width:480px){.result-time-modern{font-size:1.5rem}.calculator-grid{gap:1rem}.time-input{font-size:1.75rem;min-width:120px}.share-btn-modern{padding:.5rem .75rem;font-size:.8rem}}@media (min-width:1025px){.home-main{padding-top:1rem}.home-title{font-size:1.9rem;margin-bottom:.75rem}.tab-navigation{margin-bottom:1rem;padding:.35rem}.tab-btn{padding:.5rem 1rem}.results-section-modern,.time-selection-section{padding:1.5rem}.results-section-modern .section-header,.time-selection-section .section-header{margin-bottom:1rem}.time-toggle-container{margin:.5rem 0}.time-toggle{padding:.35rem}.toggle-btn{padding:.6rem 1rem}.time-input-container{margin:.5rem 0}.time-label{margin-bottom:.5rem}.calendar-time-picker{padding:1rem;margin:.5rem 0}.selected-time-display{padding:.75rem}.selected-time-large{font-size:3rem}.time-picker-wheel-container{margin-top:.5rem;margin-bottom:.5rem;gap:.35rem}.time-wheel-section{gap:.5rem}.time-wheel{gap:.35rem;padding:.4rem}.time-wheel-item{min-width:48px;min-height:48px;padding:.4rem;font-size:1rem}.hour-wheel{grid-template-columns:repeat(6,1fr)}.hour-wheel,.minute-wheel{grid-template-rows:repeat(4,1fr)}.minute-wheel{grid-template-columns:repeat(3,1fr)}.time-wheel-label{font-size:1rem}.time-separator-wheel{font-size:2rem;margin-top:1rem}.results-container{margin-bottom:1rem}.result-hero{padding:1rem;gap:.35rem}.results-subhead{margin:.75rem 0 .5rem}.result-list{gap:.5rem}.result-row{padding:.55rem .9rem}.result-row-time{font-size:1.5rem}.result-links{margin-top:.75rem}.sleep-tip{padding:.75rem}.tip-text{font-size:.9rem;line-height:1.35}}@media (min-width:1025px) and (max-height:1000px){.app-layout{margin-top:72px}.home-main{padding-top:.375rem}.home-title{font-size:1.5rem;line-height:1.2;margin-bottom:.25rem}.tab-navigation{margin-bottom:.375rem;padding:.2rem;border-radius:9px}.tab-btn{min-height:38px;padding:.35rem .75rem;font-size:.9rem}.calculator-grid{min-height:0}.results-section-modern,.time-selection-section{padding:.9rem;border-radius:16px}.calculator-main-container .section-header{gap:.5rem;margin-bottom:.5rem}.calculator-main-container .section-header h2,.time-selection-section .section-title{font-size:1.2rem}.calculator-main-container .icon-wrapper{min-width:30px;height:30px;padding:.25rem;font-size:1rem;border-radius:6px}.share-btn-modern{padding:.35rem .6rem;gap:.25rem;font-size:.75rem;box-shadow:none}.share-btn-modern .share-icon{font-size:.9rem;animation:none}.share-btn-modern .share-text{font-size:.75rem}.time-toggle-container{margin:.25rem 0}.time-toggle{padding:.2rem;gap:.25rem;border-radius:10px}.toggle-btn{padding:.4rem .6rem;border-radius:8px}.toggle-icon{font-size:1rem}.toggle-text{font-size:.9rem}.time-input-container{margin:.25rem 0}.time-label{font-size:.9rem;margin-bottom:.25rem}.calendar-time-picker{max-width:540px;padding:.5rem;margin:.25rem auto;border-radius:14px}.selected-time-display{padding:.35rem;border-radius:10px}.selected-time-large{font-size:2rem;line-height:1.1}.time-picker-wheel-container{display:grid;grid-template-columns:6fr 3fr;gap:.25rem;margin-top:.25rem;margin-bottom:0}.time-wheel-section{width:100%;min-width:0;gap:.25rem}.time-wheel-label{font-size:.75rem;letter-spacing:.04em}.time-wheel{width:100%;gap:.125rem;padding:.25rem;border-radius:10px}.time-wheel-item{min-width:0;min-height:44px;padding:.2rem;font-size:.9rem;border-radius:6px}.hour-wheel{grid-template-columns:repeat(6,1fr)}.hour-wheel,.minute-wheel{grid-template-rows:repeat(4,1fr)}.minute-wheel{grid-template-columns:repeat(3,1fr)}.time-separator-wheel{display:none}.results-container{margin-bottom:0}.result-hero{--fs-display:2.5rem;padding:.5rem .6rem;gap:.2rem;border-radius:12px}.result-hero-label{font-size:.65rem}.result-hero-time{gap:.1em}.result-hero-period{font-size:.85rem}.result-hero-meta{font-size:.8rem;gap:.25rem}.result-hero .quality-badge-modern{margin-top:.15rem;padding:.2rem .55rem;font-size:.65rem}.cycle-bar{width:min(100%,220px);gap:3px}.cycle-bar-seg{height:5px}.results-subhead{margin:.4rem 0 .25rem;font-size:.7rem}.result-list{gap:.2rem}.result-row{grid-template-columns:minmax(5.25rem,auto) 1fr auto;gap:.5rem;padding:.25rem .55rem;border-radius:6px}.result-row-time{font-size:1rem}.result-row-cycles,.result-row-hours{font-size:.78rem}.result-links{margin-top:.35rem;gap:.15rem .6rem}.result-links a{font-size:.72rem;line-height:1.2}.sleep-tip{margin-top:.35rem;padding:.35rem .5rem;gap:.4rem;border-radius:8px}.tip-icon{font-size:.9rem}.tip-text{font-size:.72rem;line-height:1.3}.results-section-modern,.time-selection-section{padding:clamp(.9rem,calc(3.5vh - 10px),1.6rem)}.time-selection-section{padding-bottom:clamp(.35rem,.8vh,.6rem)}.calendar-time-picker,.time-input-container{margin-bottom:0}.time-wheel-item{min-height:clamp(44px,calc(15vh - 55px),84px);font-size:clamp(.9rem,2vh,1.15rem)}.time-wheel{gap:clamp(2px,.5vh,4px);padding:clamp(4px,.8vh,8px)}.time-wheel-label{font-size:clamp(.75rem,calc(2.5vh - 5px),.95rem)}.selected-time-large{font-size:clamp(2rem,calc(12vh - 40px),3.25rem)}.toggle-btn{padding:clamp(.4rem,1vh,.7rem) clamp(.6rem,1.5vh,1rem)}.toggle-text{font-size:clamp(.9rem,1.6vh,1rem)}.result-hero{--fs-display:clamp(2.5rem,calc(10vh - 30px),4rem);padding:clamp(.5rem,calc(1.6vh - 3px),1.1rem) .6rem;gap:clamp(.2rem,calc(1.2vh - 5px),.6rem)}.result-row{padding:clamp(.5rem,calc(4.5vh - 27px),1.25rem) .55rem}.result-row-time{font-size:clamp(1rem,calc(2.5vh - 5px),1.25rem)}.result-row-cycles,.result-row-hours{font-size:clamp(.78rem,calc(1.8vh - 1px),.95rem)}.result-list{gap:clamp(.2rem,calc(.8vh - 2px),.6rem)}.results-subhead{margin-top:clamp(.4rem,calc(1.2vh - 3px),.9rem);margin-bottom:clamp(.25rem,calc(.8vh - 2px),.5rem)}.result-links{margin-top:clamp(.35rem,calc(1.2vh - 4px),.9rem)}.result-links a{font-size:clamp(.72rem,calc(1.5vh - 3px),.85rem)}.sleep-tip{margin-top:clamp(.35rem,calc(1.2vh - 4px),.8rem);padding:clamp(.35rem,calc(1.2vh - 5px),.75rem) .5rem}.tip-text{font-size:clamp(.72rem,calc(2.2vh - 4px),.85rem)}}@media (min-width:1025px) and (max-height:680px){.home-main{padding-top:.25rem}.home-title{font-size:1.45rem;margin-bottom:.2rem}.tab-navigation{margin-bottom:.3rem}.tab-btn{min-height:36px;padding:.3rem .7rem}.results-section-modern,.time-selection-section{padding:.85rem}.time-selection-section{padding-bottom:.35rem}}.home-main{padding-bottom:1rem}.home-main .calculator-main-container{margin-bottom:0}.home-intro{margin-top:var(--section-gap);padding-top:1rem;padding-bottom:1rem}.home-intro,.home-main .benefits-consequences-container{margin-bottom:var(--section-gap)}.home-main .science-section-modern{margin-bottom:0}.method-section{margin-top:0;margin-bottom:0;padding-top:1.25rem;padding-bottom:1.5rem}.faq-section{padding-top:1.25rem;padding-bottom:0}.faq-title{margin-bottom:1rem}body:has(.home-main) .site-footer{margin-top:1.5rem}.faq-section{padding-left:2rem;padding-right:2rem}@media (max-width:768px){.faq-section{padding-left:1rem;padding-right:1rem}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.method-section{background:rgba(15,23,42,.05);backdrop-filter:blur(30px);border:1px solid hsla(0,0%,100%,.06);border-radius:24px;padding:4rem 2rem;margin:2rem;position:relative;z-index:10}.method-container{max-width:87.5rem;margin:0 auto}.method-title{font-size:2.5rem;font-weight:700;color:var(--accent);margin-bottom:1rem}.method-lead{font-size:1.2rem;line-height:1.6;color:var(--ink-2);margin-bottom:1.25rem}.method-paragraph{font-size:1.0625rem;line-height:1.7;color:var(--ink-3);margin-bottom:1rem}.method-limits{margin-top:1.75rem;padding:1.25rem 1.5rem;border-radius:var(--r-md);background:hsla(0,0%,100%,.04);border:1px solid var(--panel-line)}.method-limits-title{font-size:1rem;font-weight:600;color:var(--ink-2);margin-bottom:.75rem}.method-limits-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.method-limits-list li{position:relative;padding-left:1.25rem;font-size:1rem;line-height:1.5;color:var(--ink-3)}.method-limits-list li:before{content:"—";position:absolute;left:0;color:var(--ink-4)}@media (max-width:768px){.method-section{padding:2.5rem 1.25rem;margin:1.5rem 1rem}.method-title{font-size:1.75rem}}[hidden]{display:none!important}.category-intro{margin:1.5rem 0 2rem;padding-left:1.25rem;border-left:3px solid rgba(251,191,36,.35)}.category-intro-text{font-size:1.0625rem;line-height:1.7;color:var(--ink-2);margin-bottom:1rem}.category-intro-points{list-style:none;display:flex;flex-direction:column;gap:.5rem}.category-intro-points li{position:relative;padding-left:1.25rem;font-size:.9375rem;line-height:1.55;color:var(--ink-3)}.category-intro-points li:before{content:"›";position:absolute;left:0;color:var(--accent);font-weight:700}.related-categories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.related-category-card{display:block;padding:1.1rem 1.25rem;border:1px solid var(--panel-line);border-radius:var(--r-md);background:hsla(0,0%,100%,.03);text-decoration:none;transition:border-color .2s ease,background .2s ease}.related-category-card h3{margin:0 0 .4rem;font-size:1.05rem;color:var(--accent)}.related-category-card p{margin:0;color:var(--ink-3);font-size:.9rem;line-height:1.55}.related-category-card:hover{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.06)}.related-posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}.related-post-card{display:flex;flex-direction:column;padding:1.1rem 1.25rem;border:1px solid var(--panel-line);border-radius:var(--r-md);background:hsla(0,0%,100%,.03);text-decoration:none;transition:border-color .2s ease,background .2s ease}.related-post-card h3{margin:0 0 .5rem;font-size:1.02rem;line-height:1.35;color:var(--accent)}.related-post-card p{margin:0 0 .75rem;color:var(--ink-3);font-size:.875rem;line-height:1.55}.related-post-meta{margin-top:auto;color:var(--ink-4);font-size:.75rem}.related-post-card:hover{border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.06)}@media (max-width:900px){.related-categories-grid,.related-posts-grid{grid-template-columns:1fr}}@media (max-width:480px){.category-intro{padding-left:.875rem}.category-intro-text{font-size:1rem}}@media (max-width:768px){body{background-attachment:scroll}.app-header,.calendar-time-picker,.content-header,.results-section-modern,.tab-navigation,.time-selection-section{backdrop-filter:none}.time-selection-section{background:rgba(30,58,138,.14)}.results-section-modern{background:rgba(51,65,85,.14)}.calendar-time-picker{background:hsla(0,0%,100%,.05)}.tab-navigation{background:hsla(0,0%,100%,.06)}}@media (max-width:360px){.app-header{padding:1rem .75rem}.logo-text{font-size:.95rem}.header-actions{gap:.25rem}.tab-btn{padding:.5rem;font-size:.8rem;min-width:0}.tab-navigation{gap:.25rem}}.faq-title,.home-intro .main-title,.home-title,.method-title{font-size:clamp(1.6rem,2.8vw,2.25rem);line-height:1.2;margin-top:0;margin-bottom:1rem}.faq-section,.home-intro,.method-section{padding-top:1rem}