blockquote,img{margin:1.5rem 0}#installAppBtn,.scroll-to-top-btn{width:40px;height:40px;cursor:pointer}.calculator-help-section.show,.mobile-menu.show,.tab-panel.active,img{display:block}#installAppBtn svg,.bg,.copied-msg{pointer-events:none}*,body.dark .ad-space{box-sizing:border-box}.auth-link a,.nav-tab,.nav-tab:hover,a,a:hover{text-decoration:none}.auth-card,.card,.site-footer,.top-nav{backdrop-filter:blur(12px)}.label,.nav-app-name,.nav-tab{white-space:nowrap}.results ul,.results-list,.tips-list{list-style:none}.scroll-to-top-btn{position:sticky;z-index:9999;background:var(--button-bg);color:#c4b5fd;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(99,102,241,.12);transition:background .15s,box-shadow .15s,color .15s;bottom:20px;left:88%;color:var(--text-dark)}.benefit-card,.calculator-help-btn{border:1px solid var(--border-light)}.scroll-to-top-btn:hover{background:var(--button-hover);color:#fff;box-shadow:0 8px 24px rgba(99,102,241,.18)}.scroll-to-top-btn svg{width:24px;height:24px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem}h1{font-size:2rem;padding-bottom:.5rem}h2{font-size:1.6rem}h3{font-size:1.3rem}h4{font-size:1.1rem}p{line-height:1.4;margin-bottom:24px;font-size:16px}ol,ul{padding-left:2rem;margin-bottom:1.5rem}li{margin-bottom:.5rem}a{color:#7e6bff}a:hover{color:#634bff}body.dark a{color:#a686ff}body.dark a:hover{color:#875ef8}blockquote{border-left:4px solid #ccc;padding-left:1rem;color:#555;font-style:italic}img{max-width:100%;height:auto}.calculator-help-btn{padding:4px 8px;background:0 0;color:var(--text-muted-light);border-radius:4px;font-size:12px;cursor:pointer;transition:.15s;margin-left:auto}body.dark .calculator-help-btn,body.dark .reset-button{color:var(--text-muted-dark);border-color:var(--border-dark)}.calculator-help-btn:hover{background:rgba(99,102,241,.1);color:#6366f1;border-color:rgba(99,102,241,.2)}.calculator-help-btn:active{background:rgba(99,102,241,.2);color:#6366f1}.calculator-help-section{display:none;background:rgba(100,116,139,.2);border-radius:6px;padding:.75rem 1.25rem;margin:0 1.5rem 1.5rem;max-width:600px}body.dark .calculator-help-section{background:rgba(100,116,139,.22);color:var(--text-dark)}.calculator-help-section ul{padding-left:20px}@media (min-width:640px){#mobileSidebarBtn,.mobile-sidebar,.mobile-sidebar-overlay{display:none!important}}@font-face{font-family:Inter;src:url('/assets/fonts/Inter-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}.nav-left .nav-tab{font-weight:500!important}.results-card{background:rgba(30,30,40,.85);border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.12);padding:2rem 1.5rem 1.5rem;margin:2rem auto;max-width:420px;color:#fff}.results-title{font-size:1.25rem;font-weight:600;margin-bottom:1.2rem;text-align:center}*,.results-list,body{margin:0;padding:0}.result-item{display:flex;align-items:center;justify-content:space-between;padding:.9rem .5rem;border-bottom:1px solid rgba(255,255,255,.08)}.result-item:last-child{border-bottom:none}.result-time{font-size:1.1rem;font-weight:700;letter-spacing:1px}.result-cycle{font-size:.98rem;margin-left:1.2rem;font-weight:400}body.dark .article-card-excerpt,body.dark .article-card-meta,body.dark .article-content,body.dark .article-content p,body.dark .article-page-meta,body.dark .article-subtitle,body.dark .auth-link,body.dark .auth-subtitle,body.dark .benefit-description,body.dark .faq-answer p,body.dark .footer,body.dark .footer-copyright,body.dark .footer-link,body.dark .header p,body.dark .nav-tab,body.dark .presets-label,body.dark .result-cycle,body.dark .sleep-now-content p,body.dark .tab-button,body.dark .tips-list li{color:var(--text-muted-dark)}.copied-msg{left:28px;top:50%;transform:translateY(-50%);color:#fff;font-size:13px}.copy-btn,.nav-tab.active,.tab-button.is-slider-active{color:#6366f1}@media (max-width:600px){.results-card{padding:1.2rem .5rem 1rem;max-width:98vw}.result-time{font-size:1.1rem}.result-cycle{font-size:.9rem;margin-left:.7rem}}:root{--bg-light:linear-gradient(135deg, rgb(240, 248, 255), rgb(237, 233, 254), rgb(243, 244, 246));--bg-dark:linear-gradient(135deg, rgb(17, 24, 39), rgb(31, 41, 55), rgb(55, 48, 107));--card-light:rgba(255, 255, 255, 0.3);--card-dark:rgba(31, 41, 55, 0.3);--text-light:rgb(51, 65, 85);--text-dark:rgb(248, 250, 252);--text-muted-light:rgb(100, 116, 139);--text-muted-dark:rgb(203, 213, 225);--border-light:rgba(139, 149, 214, 0.2);--border-dark:rgba(139, 149, 214, 0.3);--input-bg-light:rgba(255, 255, 255, 0.9);--input-bg-dark:rgba(17, 24, 39, 0.8);--button-bg:linear-gradient(135deg, rgb(99, 102, 241), rgb(139, 92, 246));--button-text:rgb(255, 255, 255);--button-hover:linear-gradient(135deg, rgb(79, 70, 229), rgb(124, 58, 237));--tab-active:rgba(255, 255, 255, 0.95);--tab-inactive:rgba(255, 255, 255, 0.6);--results-bg-light:rgba(239, 246, 255, 0.8);--results-bg-dark:rgba(55, 48, 107, 0.6);--preset-bg-light:rgba(139, 149, 214, 0.1);--preset-bg-dark:rgba(139, 149, 214, 0.15);--preset-hover-light:rgba(139, 149, 214, 0.2);--preset-hover-dark:rgba(139, 149, 214, 0.25)}.action-button,.copy-btn,.preset-button,.reset-button,.tab-button,.theme-toggle,a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;outline:0}html{overflow-x:hidden;overflow-y:scroll}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-light);min-height:100vh;transition:.3s;width:100%}body.dark,body.dark .article-card-title,body.dark .article-content li,body.dark .article-page-title,body.dark .article-title,body.dark .auth-title,body.dark .benefit-title,body.dark .content-page h1,body.dark .content-page h2,body.dark .content-page li,body.dark .content-page p,body.dark .faq-question,body.dark .form-group-auth label,body.dark .mobile-menu-item,body.dark .tab-button.is-slider-active,body.dark input[type=time]{color:var(--text-dark)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;background:rgba(99,102,241,.08);border:none;border-radius:6px;padding:6px 12px;font-size:1rem;cursor:pointer;transition:background .1s;box-shadow:0 1px 4px rgba(0,0,0,.04);outline:0;margin-left:1.2rem}.copy-btn svg{width:18px;height:18px;fill:currentColor}.copy-btn:hover{background:rgba(99,102,241,.4)}.copy-btn:active{background:rgba(99,102,241,.8)}.bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background:var(--bg-light);background-size:cover;background-repeat:no-repeat;background-position:center center;height:100vh;width:100vw}body.dark .bg{background:var(--bg-dark)}.main-content{position:relative;z-index:1}.content-section{max-width:672px;margin:0 auto;padding:0 16px}.page-content{max-width:700px;margin:0 auto;padding:20px}.pwa-update-pop{position:fixed;bottom:10px;left:0;right:0;display:flex;border-radius:20px;width:96%;margin:auto;background:#1f2937;color:#fff;text-align:center;padding:10px;z-index:9999;box-shadow:0 20px 25px -5px rgba(139,149,214,.1),0 10px 10px -5px rgba(139,149,214,.04);border:1px solid var(--border-light);justify-content:space-between;align-items:center;font-size:14px}.pwa-update-pop .pwa-update-pop__button{padding:6px 16px;width:unset;height:unset;margin:0 0 0 20px;font-size:14px}.article-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-light)}body.dark .article-header{border-bottom-color:var(--border-dark)}.article-title{font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em;color:var(--text-light)}.article-subtitle{color:var(--text-muted-light);font-size:16px;line-height:1.5}#installAppBtn,.article-content,.article-content p,.benefit-title{color:var(--text-light)}.article-content{padding:24px}.article-content h3:first-child{margin-top:0}.article-content h2:first-of-type{margin-bottom:20px;font-size:36px;font-weight:700;margin-top:0}.article-content h2{margin-top:40px;margin-bottom:14px}.article-content h3{font-size:18px;font-weight:600;margin:24px 0 12px}.article-content p{line-height:1.7;margin-bottom:24px;font-size:16px}.article-content table{margin-bottom:10px}.article-content th{text-align:left;width:50%}.article-content ol,.article-content ul,.content-page ol,.content-page ul{margin:16px 0;padding-left:20px}.article-content li,.content-page li{line-height:1.6;margin-bottom:8px;color:var(--text-light)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px 0}.benefit-card{background:var(--preset-bg-light);border-radius:8px;padding:16px;transition:.15s}body.dark .benefit-card{background:var(--preset-bg-dark);border-color:var(--border-dark)}.benefit-card:hover{background:var(--preset-hover-light);transform:translateY(-2px)}body.dark .benefit-card:hover,body.dark .faq-question:hover,body.dark .mobile-menu-item:hover{background:var(--preset-hover-dark)}.benefit-icon{font-size:24px;margin-bottom:8px}.benefit-title{font-weight:600;margin-bottom:8px}.article-card-excerpt,.benefit-description{font-size:14px;color:var(--text-muted-light);line-height:1.5}.top-nav{background:var(--card-light);border-bottom:1px solid var(--border-light);padding:10px 0;position:sticky;top:0;z-index:100}.nav-slider,body.dark .nav-slider,body.dark .theme-toggle:hover{background:rgba(139,149,214,.3)}#installAppBtn{display:none;margin-left:8px;background:var(--input-bg-light);border:1px solid var(--border-light);border-radius:50%;align-items:center;justify-content:center;transition:background .15s,border-color .15s,color .15s;box-shadow:0 2px 8px rgba(0,0,0,.04);outline:0;font-size:1.1rem;vertical-align:middle}.faq-question,.nav-container{justify-content:space-between}body.dark #installAppBtn{background:var(--input-bg-dark);border-color:var(--border-dark);color:var(--text-dark)}#installAppBtn:focus-visible,#installAppBtn:hover{color:#6366f1;background:rgba(139,149,214,.15);border-color:rgba(139,149,214,.4)}body.dark #installAppBtn:focus-visible,body.dark #installAppBtn:hover{color:#c4b5fd;background:rgba(139,149,214,.3);border-color:rgba(139,149,214,.4)}#installAppBtn svg{display:block;margin:auto;width:22px;height:22px;fill:currentColor;stroke:currentColor}.nav-slider{position:absolute;top:0;left:0;height:100%;width:0;border-radius:8px;transition:transform .3s cubic-bezier(.4, 0, .2, 1),width .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(139,149,214,.1);z-index:-1}body.dark .top-nav{background:var(--card-dark);border-bottom-color:var(--border-dark)}.ad-space,.mobile-menu-button{border:1px solid var(--border-light)}.nav-container{max-width:1200px;margin:0 auto;padding:0 12px;display:flex}.ad-space,.auth-button,.mobile-menu,.mobile-menu-button,.mobile-menu-item,.mobile-menu.show,.nav-tab.articles-tab{display:none!important}.ad-space{background:var(--preset-bg-light);border-radius:8px;padding:16px;margin:24px 0;text-align:center;color:var(--text-muted-light);font-size:14px;transition:.15s}.nav-left,.nav-right{display:flex;gap:12px}body.dark .ad-space{background:var(--preset-bg-dark);border-color:var(--border-dark);color:var(--text-muted-dark);align-items:center;width:100%}.nav-left{align-items:center;flex:1}.nav-app-name{background:linear-gradient(164deg,#6366f1,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900;font-size:24px;margin-right:1.5rem;letter-spacing:.5px}.mobile-menu-button,.nav-tab{background:0 0;cursor:pointer}.button,.card-title{letter-spacing:-.01em}.nav-tab{padding:17px 12px;border:none;color:var(--text-muted-light);font-size:14px;font-weight:500!important;border-radius:8px;transition:.15s}body.dark .nav-tab.active{color:var(--text-dark);color:#c4b5fd}.nav-tab:hover{color:#6366f1;background:rgba(99,102,241,.05)}.nav-right{align-items:center}.mobile-menu-button{display:none;padding:8px;border-radius:6px;color:var(--text-light)}body.dark .auth-button,body.dark .mobile-menu-button{border-color:var(--border-dark);color:var(--text-dark)}.mobile-menu{display:none;position:absolute;top:100%;right:0;background:var(--card-light);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;min-width:150px}.auth-button,.mobile-menu-item{background:0 0;color:var(--text-light);cursor:pointer}body.dark .article-card,body.dark .auth-card,body.dark .mobile-menu{background:var(--card-dark);border-color:var(--border-dark)}.mobile-menu-item{display:block;width:100%;padding:12px 16px;border:none;text-align:left;transition:background .15s}.faq-question:hover,.mobile-menu-item:hover{background:var(--preset-hover-light)}.mobile-menu-item.primary{background:var(--button-bg);color:var(--button-text);margin:4px;border-radius:4px}.auth-button-full:hover,.auth-button.primary:hover,.email-signup-form button:hover,.mobile-menu-item.primary:hover{background:var(--button-hover)}.auth-button{padding:8px 16px;border:1px solid var(--border-light);font-size:14px;font-weight:500;border-radius:8px;transition:.15s}.auth-button.primary{background:var(--button-bg);color:var(--button-text);border-color:transparent}.auth-button:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.3)}.page{display:none;opacity:0;transition:opacity .3s}.page.active{display:block;animation:.3s forwards fadeIn}.page.fade-out{animation:.3s forwards fadeOut}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.result-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.action-button{padding:6px 12px;background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:4px}.action-button:hover{background:rgba(99,102,241,.2)}.auth-page{max-width:400px;margin:40px auto;padding:0 16px}.auth-card{background:var(--card-light);border-radius:12px;border:1px solid var(--border-light);padding:32px;text-align:center}.auth-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-light)}.auth-button-full,.form-input{font-size:16px;transition:.15s;width:100%}.auth-subtitle{color:var(--text-muted-light);margin-bottom:24px}.form-group-auth{margin-bottom:16px;text-align:left}.form-group-auth label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-light)}.form-input{padding:12px 16px;border:1px solid var(--border-light);border-radius:8px;background:var(--input-bg-light);color:var(--text-light)}body.dark .email-signup-form input[type=email],body.dark .form-input,body.dark .input,body.dark .theme-toggle{border-color:var(--border-dark);background:var(--input-bg-dark);color:var(--text-dark)}.email-signup-form input[type=email]:focus,.form-input:focus,.input:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.2)}.auth-button-full{padding:12px;background:var(--button-bg);color:var(--button-text);border:none;border-radius:8px;font-weight:600;cursor:pointer;margin-top:8px}.auth-link{margin-top:16px;color:var(--text-muted-light);font-size:14px}.auth-link a{color:#6366f1;cursor:pointer}.faq-answer p,.footer-copyright,.footer-link,.header p{color:var(--text-muted-light)}.auth-link a:hover,.back-link:hover{text-decoration:underline}.site-footer{background:var(--card-light);border-top:1px solid var(--border-light);padding:24px 0;margin-top:10px;text-align:center}body.dark .card,body.dark .faq-item{border-color:var(--border-dark)}body.dark .site-footer{background:var(--card-dark);border-top-color:var(--border-dark)}.faq-item,.reset-button{border:1px solid var(--border-light)}.footer-links{display:flex;justify-content:center;gap:40px;margin-bottom:16px}.footer-link{text-decoration:none;font-size:14px;cursor:pointer}.footer-link:hover{color:#6366f1;text-decoration:none}.footer-copyright{font-size:12px}.faq-question,.theme-toggle{cursor:pointer;color:var(--text-light)}.faq-container{display:flex;flex-direction:column;gap:8px}.faq-item{border-radius:8px;overflow:hidden}.faq-question{width:100%;padding:16px;background:0 0;border:none;text-align:left;font-size:16px;font-weight:500;display:flex;align-items:center;transition:background .15s;line-height:24px}.footer,.input-time,.preset-button,.sleep-now-content{text-align:center}.faq-toggle{font-size:20px;font-weight:300;transition:transform .3s}.faq-question.active .faq-toggle{transform:rotate(45deg)}.tooltip:hover::after,.tooltip:hover::before{position:absolute;left:50%;transform:translateX(-50%);z-index:1000}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s,padding .3s;padding:0 16px}.email-signup-form input[type=email],.input,.reset-button,.theme-toggle{transition:.15s}.faq-answer.open{max-height:200px;padding:16px}.faq-answer p{line-height:1.6;margin:0;padding:0;transform:none}.container{max-width:672px;margin:0 auto;padding:32px 16px}.card,.tab-list,.tabs{margin-bottom:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.card-title,.theme-toggle{display:flex;align-items:center}.header h1{font-size:36px;font-weight:700;margin-bottom:8px}.theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-light);background:var(--input-bg-light);justify-content:center}.theme-toggle:hover{background:rgba(139,149,214,.2);color:#6366f1;border-color:rgba(139,149,214,.4)}body.dark .theme-toggle:hover{color:#c4b5fd}.card{background:rgba(255,255,255,.3);border-radius:12px;box-shadow:0 20px 25px -5px rgba(139,149,214,.1),0 10px 10px -5px rgba(139,149,214,.04);border:1px solid var(--border-light);opacity:0;animation:.6s ease-out forwards fadeIn}body.dark .card{background:rgba(31,41,55,.3);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.1)}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.2s}.card:nth-child(4){animation-delay:.3s}.card-header{padding:24px 24px 16px}.card-title{font-size:18px;font-weight:600;gap:8px}.settings-group,.settings-row{display:flex;align-items:center}.card-content{padding:0 24px 24px}.settings-row{gap:12px;flex-wrap:wrap}.settings-group{gap:8px}.tooltip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:50%;cursor:help;font-size:10px;color:#6366f1;font-weight:600}.tooltip:hover::after{content:attr(data-tooltip);bottom:125%;background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;max-width:70vw;width:max-content;white-space:pre-line;word-break:break-word;box-shadow:0 4px 12px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1)}body.dark .tooltip:hover::after{background:#334155;color:#fff;border:1px solid rgba(255,255,255,.2)}.tooltip:hover::before{content:'';bottom:117%;border:4px solid transparent;border-top-color:#1e293b}body.dark .tooltip:hover::before{border-top-color:#334155}.reset-button{padding:4px 8px;background:0 0;color:var(--text-muted-light);border-radius:4px;font-size:12px;cursor:pointer}.input,input[type=time]{color:var(--text-light)}.input,.label{font-size:14px}.reset-button:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.2)}.reset-button:active{background:rgba(239,68,68,.2);color:#ef4444}input,textarea{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.label{font-weight:500}.input{width:80px;height:40px;padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background:var(--input-bg-light)}.input-time{width:100%;font-size:18px}input[type=time]::-webkit-calendar-picker-indicator{filter:invert(35%) sepia(80%) saturate(500%) hue-rotate(200deg)}body.dark input[type=time]::-webkit-calendar-picker-indicator{filter:invert(90%) sepia(10%) saturate(100%) hue-rotate(0deg)}.tab-list{display:grid;grid-template-columns:1fr 1fr 1fr;background:rgba(100,116,139,.2);border-radius:6px;padding:4px;position:relative}.tab-slider{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:0;background:var(--tab-active);border-radius:4px;transition:transform .3s cubic-bezier(.4, 0, .2, 1),width .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:1}.tab-slider.no-transition{transition:none!important}body.dark .tab-slider{background:rgba(255,255,255,.1)}.tab-button{padding:8px 12px;border:none;background:0 0;color:var(--text-muted-light);font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;z-index:2}.button,.preset-button{transition:.15s;cursor:pointer}.results,.tab-panel{display:none}.form-group,.presets{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.button,.results h3{font-weight:600;font-size:16px}.button{width:100%;height:48px;background:var(--button-bg);color:var(--button-text);border:none;border-radius:8px;margin-top:16px;box-shadow:0 4px 12px rgba(99,102,241,.2)}.footer,.presets-label,.sleep-now-content p,.tips-list li{color:var(--text-muted-light)}.button:hover{background:var(--button-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(99,102,241,.3)}.results{margin-top:24px;padding:20px;background:var(--results-bg-light);border-radius:12px;border:1px solid var(--border-light);backdrop-filter:blur(8px)}.icon,.icon-lg{display:inline-block;vertical-align:middle}body.dark .results{background:var(--results-bg-dark);border-color:var(--border-dark)}.results.show{display:block;animation:.3s ease-out slideUp}@keyframes slideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results h3{margin-bottom:12px;line-height:24px}.results li{padding:8px 0;font-weight:500}.sleep-now-content{padding:16px 0}.sleep-now-content p{margin-bottom:16px}.tips-list{padding-left:0}.tips-list li{padding:4px 0 4px 1.2em;position:relative}.tips-list li::before{content:'•';color:#6366f1;font-weight:700;position:absolute;left:0;font-size:1em;top:3px}.footer{margin-top:32px;font-size:14px}.icon{width:16px;height:16px}.icon-lg{width:20px;height:20px}.presets-label{font-size:14px;font-weight:500;margin-bottom:8px}.presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.preset-button{padding:8px 12px;border:1px solid var(--border-light);border-radius:6px;background:var(--preset-bg-light);color:var(--text-light);font-size:14px;font-weight:500}body.dark .preset-button{border-color:var(--border-dark);background:var(--preset-bg-dark);color:var(--text-dark)}.preset-button:hover{background:var(--preset-hover-light);border-color:rgba(139,149,214,.4);transform:translateY(-1px)}body.dark .preset-button:hover{background:var(--preset-hover-dark);border-color:rgba(139,149,214,.5)}.articles-grid{display:grid;gap:24px;margin-top:24px}.article-card{background:var(--card-light);backdrop-filter:blur(12px);border-radius:12px;border:1px solid var(--border-light);overflow:hidden;transition:.3s;cursor:pointer}.article-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(139,149,214,.2)}body.dark .article-card:hover{box-shadow:0 20px 40px rgba(0,0,0,.4)}.article-card-image{width:100%;height:200px;background:var(--preset-bg-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted-light);font-size:14px}body.dark .article-card-image{background:var(--preset-bg-dark);color:var(--text-muted-dark)}.article-card-content{padding:20px}.article-card-meta{font-size:12px;color:var(--text-muted-light);margin-bottom:8px}.article-card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-light)}.article-tags{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.article-tag{padding:4px 8px;background:rgba(99,102,241,.1);color:#6366f1;border-radius:4px;font-size:12px;font-weight:500}.article-page-header{text-align:center;margin-bottom:32px}.article-page-title,.content-page h1{font-size:32px;font-weight:700;margin-bottom:16px;color:var(--text-light)}.article-page-meta{color:var(--text-muted-light);font-size:14px;margin-bottom:16px}.back-link{display:inline-flex;align-items:center;gap:8px;color:#6366f1;text-decoration:none;font-size:14px;margin-bottom:24px;cursor:pointer}.content-page{max-width:800px;margin:0 auto;padding:40px 16px}.content-page h2{font-size:24px;font-weight:600;margin:32px 0 16px;color:var(--text-light)}.content-page h3{font-size:20px;font-weight:600;margin:24px 0 12px;color:#6366f1}.content-page p{line-height:1.7;margin-bottom:16px;color:var(--text-light)}@media (max-width:640px){#installAppBtn,.theme-toggle{width:32px;height:32px;margin-left:8px}#installAppBtn svg{width:18px;height:18px}.mobile-menu-button,.mobile-sidebar .sidebar-close{background:0 0;color:var(--text-light);cursor:pointer}.mobile-menu-button{display:flex!important}.top-nav{padding:2px 0}.nav-container{position:relative;flex-direction:row;align-items:center;padding:0 4px;min-height:40px}.nav-app-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:18px;margin-right:0;letter-spacing:.2px;flex:unset;text-align:center;min-width:0;white-space:nowrap;z-index:2}.nav-tab{display:none!important}.auth-button,.nav-slider{display:none}.nav-left,.nav-right{flex:unset;gap:0}.mobile-menu-button{align-items:center;justify-content:center;margin-left:4px;font-size:20px;border:none;height:32px;width:32px;border-radius:50%;transition:background .15s}body.dark .mobile-menu-button,body.dark .mobile-sidebar .sidebar-close{color:var(--text-dark)}.mobile-sidebar{position:fixed!important;top:0!important;left:0!important;width:80vw;max-width:320px;height:100vh;background:rgba(255,255,255,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-clip:padding-box;will-change:backdrop-filter;box-shadow:2px 0 16px rgba(0,0,0,.12);z-index:9999;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:20px;border-right:6px solid #6366f1}.sidebar-install-btn{padding:10px;align-items:center;gap:10px;height:unset;margin:0}body.dark .mobile-sidebar{background:rgba(31,41,55,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-clip:padding-box;will-change:backdrop-filter;background:var(--card-dark)}.mobile-sidebar.open{transform:translateX(0)}.mobile-sidebar .sidebar-close{position:absolute;top:18px;right:18px;border:none;font-size:28px}.mobile-sidebar .sidebar-header{background:linear-gradient(164deg,#6366f1,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:900;font-size:24px;margin-right:1.5rem;letter-spacing:.5px;white-space:nowrap;user-select:none;padding-bottom:20px;border-bottom:1px solid #6366f1}.mobile-sidebar .sidebar-links{display:flex;flex-direction:column;gap:18px;margin-top:32px}.mobile-sidebar .sidebar-link{font-size:18px;color:var(--text-muted-light);text-decoration:none;font-weight:600;padding:8px;border-radius:6px;transition:background .15s,color .15s}.mobile-sidebar .sidebar-link.active,.mobile-sidebar .sidebar-link:hover{color:#6366f1;background:rgba(99,102,241,.07)}body.dark .mobile-sidebar .sidebar-link{color:var(--text-muted-dark)}body.dark .mobile-sidebar .sidebar-link.active,body.dark .mobile-sidebar .sidebar-link:hover{color:#c4b5fd;background:rgba(196,181,253,.07)}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(30,41,59,.25);z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-sidebar-overlay.open{opacity:1;pointer-events:auto}.header{flex-direction:column;gap:16px;text-align:center;margin-top:0}.settings-row{justify-content:space-between;text-align:left}.form-group,.input,.input-time{text-align:center}.settings-group{flex:1;min-width:0}.input{width:60px}.input-time{width:100%;padding:12px 16px;font-size:16px}.presets-grid{grid-template-columns:repeat(2,1fr);gap:12px}.articles-grid,.benefits-grid{grid-template-columns:1fr}.article-content,.content-section{padding:16px}.article-header{padding:20px 16px 12px}.article-title{font-size:20px}.benefits-grid{gap:16px}.benefit-card{padding:12px}.nav-tab{font-size:12px;padding:6px 8px}.footer-links{flex-wrap:wrap;gap:22px}.article-page-title,.content-page h1{font-size:28px}.content-page h2{font-size:22px}}