*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 0 0,#ffe7a3 0,#0000 30rem),linear-gradient(#fff7fb,#f7fbff 58%,#fff);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}.wrap{width:min(1120px,100% - 32px);margin:auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-weight:900;text-decoration:none;display:flex}.brand small{color:var(--muted);font-size:11px;font-weight:700;display:block}.brand-mark{border:2px solid var(--ink);background:var(--yellow);width:43px;height:43px;box-shadow:3px 3px 0 var(--ink);place-items:center;font-size:22px;display:grid}.primary-nav{flex-wrap:wrap;gap:5px;display:flex}.primary-nav a{color:var(--muted);border-radius:999px;padding:9px 12px;font-size:14px;font-weight:750;text-decoration:none}.primary-nav a:hover{border:1px solid var(--line);background:#fff}.hero{padding:65px 0 38px}.kicker{color:#8c3e61;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.hero h1{margin:12px 0 15px;font-size:clamp(50px,8vw,94px);line-height:.95}.hero h1 span{color:#6e56cf}.lead{max-width:650px;color:var(--muted);margin:0;font-size:19px;line-height:1.6}.hero-tags{flex-wrap:wrap;gap:9px;margin-top:21px;display:flex}.hero-tags span{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;padding:7px 12px;font-size:13px;font-weight:850}.test-shell{border:2px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.test-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;gap:18px;padding:14px 16px;display:flex}.tabs,.switches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tabs button,.time-picker button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 10px;font-weight:800}.tabs button.active,.time-picker button.active{background:var(--lavender);color:var(--ink)}.switches label,.chart-toggle{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:750;display:flex}.scoreboard{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.scoreboard div{border-right:1px solid var(--line);gap:3px;padding:17px 22px;display:grid}.scoreboard div:last-child{border:0}.scoreboard strong{font-size:27px;line-height:1}.scoreboard span{color:var(--muted);font-size:12px;font-weight:800}.typing-area{padding:25px 22px 16px}.sample-text{color:#918a98;white-space:pre-wrap;min-height:104px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;line-height:1.75}.sample-text .correct{color:#2c9a72}.sample-text .wrong{color:#cf375d;background:#ffe3eb;text-decoration:underline}.typing-area textarea{resize:vertical;border:2px solid var(--ink);width:100%;min-height:102px;color:var(--ink);background:#fff;border-radius:3px;padding:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.55;display:block}.typing-area textarea:focus{outline:3px solid var(--yellow);outline-offset:2px}.test-footer{justify-content:space-between;align-items:center;gap:18px;padding:3px 22px 18px;display:flex}.test-footer p{color:var(--muted);font-size:12px;font-weight:700}.restart{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;cursor:pointer;padding:9px 12px;font-weight:900}.restart:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.time-picker{justify-content:center;gap:4px;margin-top:26px;display:flex}.time-picker button{border:2px solid #0000}.time-picker button.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.performance-grid{grid-template-columns:1fr 1fr .75fr;align-items:stretch;gap:16px;padding:25px 0 68px;display:grid}.section-title h2,.history h2{margin:8px 0;font-size:34px}.section-title>p:last-child{color:var(--muted);line-height:1.6}.performance-card,.best-card{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;padding:20px;position:relative}.result-line,.level{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:7px 0;font-weight:750;display:flex}.result-line strong,.level b{color:var(--ink);font-size:18px}.result-line small,.best-card small{font-size:11px}.level{border:0}.chart-toggle{margin-top:13px}.chart{border-top:1px solid var(--line);align-items:end;gap:5px;height:75px;margin-top:12px;padding-top:8px;display:flex}.chart i{background:var(--mint);border:1px solid var(--ink);flex:1;min-height:8px;display:block}.best-card{background:var(--mint);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.best-card p,.best-card span{color:var(--muted);margin:0;font-weight:800}.best-card strong{margin:9px 0;font-size:48px;line-height:1.05}.medal{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-size:105px;position:absolute;bottom:-24px;right:-8px}.history{grid-template-columns:260px 1fr;gap:35px;padding-bottom:70px;display:grid}.history-list{border-top:2px solid var(--ink)}.history-list div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:13px 0;display:grid}.history-list span,.empty{color:var(--muted);font-size:14px}.history-list em{color:#2c9a72;font-style:normal;font-weight:900}.empty{margin:34px 0}.info-band{background:var(--lavender);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:46px 0}.info-grid{grid-template-columns:1fr 1fr;gap:45px;display:grid}.info-grid h2{margin:9px 0 0;font-size:32px}.info-grid>p{color:#4f4758;margin:0;line-height:1.7}.footer{color:var(--muted);justify-content:space-between;padding:25px 0;font-size:13px;font-weight:750;display:flex}.footer span:first-child{color:var(--ink);font-weight:900}@media (max-width:780px){.topbar{align-items:flex-start}.primary-nav{justify-content:flex-end}.hero{padding-top:40px}.test-head,.test-footer{flex-direction:column;align-items:flex-start}.scoreboard div{padding:15px 11px}.scoreboard strong{font-size:22px}.sample-text{font-size:15px}.performance-grid{grid-template-columns:1fr 1fr}.section-title{grid-column:1/-1;padding:0}.best-card{min-height:210px}.history{grid-template-columns:1fr;gap:12px}.info-grid{grid-template-columns:1fr;gap:22px}}@media (max-width:500px){.wrap{width:min(100% - 24px,1120px)}.topbar{padding:15px 0}.primary-nav{display:none}.hero h1{font-size:51px}.lead{font-size:17px}.typing-area{padding:18px 14px 12px}.test-footer{padding:3px 14px 16px}.performance-grid{grid-template-columns:1fr}.history-list div{grid-template-columns:1fr auto}.history-list em{grid-column:2}.footer{flex-direction:column;gap:12px}.info-band{padding:34px 0}}.test-shell,.performance-card,.best-card{border-radius:12px}.test-head{align-items:center}.test-head .time-picker{order:1;margin:0}.test-head .switches{order:2}.time-picker button{border-radius:999px}.typing-area textarea,.restart{border-radius:8px}.history-list{border:2px solid var(--ink);background:#fff;border-radius:10px;overflow:hidden}.history-list div{padding-inline:14px}.history-list div:last-child{border-bottom:0}@media (max-width:780px){.test-head .time-picker,.test-head .switches{order:0}}.hero-note{max-width:680px;color:var(--muted);margin:12px 0 0;line-height:1.55}.keyboard-picker{color:var(--muted);align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.keyboard-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-width:30px;padding:6px;font-weight:900}.keyboard-picker button.active{border-color:var(--ink);background:var(--mint);color:var(--ink)}.scoreboard{grid-template-columns:repeat(5,1fr)}.scoreboard div{min-width:0}.seo-content{color:var(--muted);padding:70px 0;line-height:1.7}.seo-content h2{color:var(--ink);margin:52px 0 16px;font-size:clamp(27px,4vw,42px);line-height:1.1}.seo-content h3{color:var(--ink);margin:0 0 7px;font-size:18px}.seo-content p{margin:0 0 14px}.seo-content ol{gap:10px;max-width:850px;margin:0;padding-left:23px;display:grid}.feature-grid,.meaning-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-grid article,.meaning-grid>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:18px}.feature-grid p,.meaning-grid p{margin:0;font-size:14px}.level-table{border:2px solid var(--ink);background:#fff;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.level-table span{border-right:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;gap:10px;padding:12px;font-size:14px;display:flex}.level-table span:nth-child(3n){border-right:0}.level-table span:nth-last-child(-n+3){border-bottom:0}.level-table b{color:var(--ink)}.tips{grid-template-columns:1fr 1fr;gap:10px 28px;max-width:850px;display:grid}.tips p{margin:0}.faq{border-top:2px solid var(--ink)}.faq details{border-bottom:1px solid var(--line);padding:13px 0}.faq summary{color:var(--ink);cursor:pointer;font-weight:850}.faq details p{margin:8px 0 0}.seo-cta{border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);border-radius:12px;margin-top:52px;padding:28px}.seo-cta h2{margin:0 0 8px;font-size:31px}.seo-cta p{max-width:650px;color:var(--ink)}.seo-cta a{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fff;border-radius:8px;padding:9px 13px;font-weight:900;text-decoration:none;display:inline-block}.site-footer{border-top:2px solid var(--ink);background:#fff}.footer{grid-template-columns:1fr auto;gap:18px;padding:30px 0;display:grid}.footer strong{font-size:20px}.footer p{margin:3px 0 0}.footer div:last-of-type{align-items:center;gap:15px;display:flex}.footer a{color:var(--muted);font-size:13px;text-decoration:none}.footer small{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;padding-top:14px}@media (max-width:780px){.test-head{gap:10px}.test-head .time-picker,.test-head .switches{order:0}.scoreboard{grid-template-columns:repeat(5,1fr)}.scoreboard div{padding:12px 7px}.scoreboard strong{font-size:18px}.scoreboard span{font-size:10px}.feature-grid,.meaning-grid,.level-table{grid-template-columns:1fr 1fr}.level-table span:nth-child(3n){border-right:1px solid var(--line)}.level-table span:nth-child(2n){border-right:0}.level-table span:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.level-table span:nth-last-child(-n+2){border-bottom:0}}@media (max-width:500px){.test-head{align-items:flex-start}.keyboard-picker{order:0}.feature-grid,.meaning-grid,.tips,.level-table{grid-template-columns:1fr}.level-table span,.level-table span:nth-child(3n){border-right:0;border-bottom:1px solid var(--line)}.level-table span:last-child{border-bottom:0}.footer{grid-template-columns:1fr}.footer div:last-of-type{flex-direction:column;align-items:flex-start;gap:6px}}.brand-mark{object-fit:cover;background:#fff;border-radius:10px;display:block}.hero-tags span{border-radius:999px;padding:8px 14px;transition:transform .15s,background .15s}.hero-tags span:hover{background:var(--mint);box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.tabs{gap:7px}.tabs button{border:2px solid #0000;border-radius:999px;padding:8px 13px;transition:transform .15s,box-shadow .15s}.tabs button:hover{border-color:var(--line);color:var(--ink);background:#fff}.tabs button.active{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.test-shell{box-shadow:7px 7px 0 var(--ink);border-radius:14px}.scoreboard{background:#fcfbfd}.time-picker{gap:7px}.time-picker button{border:2px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;transition:transform .15s,box-shadow .15s}.time-picker button:hover{border-color:var(--ink);color:var(--ink)}.time-picker button.active{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.switches label{border-radius:999px;padding:5px 8px}.switches label:hover{background:var(--mint)}.performance-card,.best-card{border-radius:12px;transition:transform .15s}.performance-card:hover,.best-card:hover{transform:translate(-1px,-1px)}.typing-input-wrap{position:relative}.typing-input-wrap textarea:disabled{cursor:pointer;background:#faf8fb}.start-overlay{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-content:center;gap:5px;font-weight:900;display:grid;position:absolute;inset:0}.start-overlay:hover{background:#eadfff73}.start-overlay small{color:var(--muted);font-size:13px;font-weight:750}.start-overlay b{color:#6e56cf;font-size:36px;line-height:1}.test-head button:disabled{cursor:not-allowed;opacity:.5}.switches label:has(input:disabled){cursor:not-allowed;opacity:.5}.sample-text.hidden{color:#0000;-webkit-user-select:none;user-select:none}.sample-text .current{background:var(--yellow);color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:2px}.chart-wrap{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.chart{gap:7px;height:122px}.chart-column{flex:1;align-items:end;gap:3px;min-width:0;height:100%;display:grid}.chart-column i{width:100%;margin:0}.chart-column small{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:1;overflow:hidden}.trend{color:var(--muted);margin:8px 0 0;font-size:12px;font-weight:750}.completion-panel{background:linear-gradient(135deg,#fff 0%,#f3fff9 100%);padding:32px 22px}.completion-primary{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.completion-primary span,.completion-metrics span{color:var(--muted);font-size:12px;font-weight:800;display:block}.completion-primary strong{margin-top:4px;font-size:48px;line-height:1;display:block}.completion-primary small{font-size:15px}.completion-metrics{grid-template-columns:repeat(5,1fr);gap:10px;padding-top:22px;display:grid}.completion-metrics div{gap:3px;display:grid}.completion-metrics b{font-size:19px}@media (max-width:600px){.completion-panel{padding:24px 16px}.completion-primary strong{font-size:40px}.completion-metrics{grid-template-columns:repeat(2,1fr);gap:16px}.completion-metrics div:last-child{grid-column:1/-1}}.direct-type-surface{cursor:text;min-height:250px;max-height:360px;position:relative;overflow:hidden}.direct-type-surface .sample-text{scroll-behavior:smooth;max-height:310px;padding-right:8px;overflow-y:auto}.type-capture{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;inset:0}.direct-type-surface:focus-within{outline:3px solid var(--yellow);outline-offset:2px}.session-chart{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.session-chart-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px;display:flex}.session-chart-head strong{font-size:15px}.session-chart-head span{color:var(--muted);font-size:11px;font-weight:800}.session-chart-head i{background:#9eddf5;border-radius:50%;width:8px;height:8px;margin:0 4px;display:inline-block}.session-chart-head i+i{background:#caeb70}.session-bars{border-left:1px solid var(--line);border-bottom:1px solid var(--line);align-items:end;gap:2px;height:128px;padding:8px 4px 20px;display:flex}.session-bar{flex:1;justify-content:center;align-items:end;gap:1px;min-width:3px;height:100%;display:flex;position:relative}.session-bar div{width:42%;min-height:2px}.bar-wpm{background:#9eddf5}.bar-accuracy{background:#caeb70}.session-bar small{color:var(--muted);white-space:nowrap;font-size:9px;position:absolute;top:calc(100% + 5px)}.chart-axis{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:10px;font-weight:800;display:flex}@media (max-width:500px){.session-chart-head{flex-direction:column;align-items:flex-start;gap:5px}.session-bars{height:112px}}.direct-type-surface{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px}.start-overlay{border-radius:10px}.keyboard-icon{place-items:center;width:126px;height:126px;margin:auto;font-size:69px;line-height:1;display:grid}.seo-content{gap:16px;display:grid}.seo-content h2{margin:38px 0 2px}.seo-content h2:first-child{margin-top:0}.seo-content ol{counter-reset:step;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;padding:0;list-style:none}.seo-content ol li{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:118px;padding:20px 18px 18px 56px;position:relative;box-shadow:0 2px #17131f0a}.seo-content ol li:before{counter-increment:step;content:"0" counter(step);color:#6e56cf;font-size:13px;font-weight:950;position:absolute;top:18px;left:18px}.feature-grid{counter-reset:feature;gap:14px}.feature-grid article{border:1px solid var(--line);border-radius:18px;min-height:178px;padding:48px 18px 18px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 2px #17131f0a}.feature-grid article:before{counter-increment:feature;content:"0" counter(feature);color:#6e56cf;font-size:13px;font-weight:950;position:absolute;top:18px;left:18px}.feature-grid article:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.feature-grid article h3{margin:0 0 9px;font-size:19px}.meaning-grid>div,.level-table,.tips,.faq{border:1px solid var(--line);background:#fff;border-radius:18px}.meaning-grid>div,.tips{padding:20px}.faq{border-top:1px solid var(--line);overflow:hidden}.seo-content>p{border-left:3px solid var(--yellow);padding:5px 0 5px 14px}@media (max-width:640px){.seo-content ol{grid-template-columns:1fr}.feature-grid article{min-height:0}.seo-content h2{margin-top:30px}}.direct-type-surface .sample-text{min-height:0;margin:0}@media (max-width:500px){.direct-type-surface{margin:18px 14px 14px;padding:16px}}.seo-content>h2:first-child{z-index:1;border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:18px 18px 0 0;margin:0 0 -16px;padding:24px 24px 18px}.seo-content>h2:first-child+ol{border:2px solid var(--ink);border-top:1px solid var(--line);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:0 0 18px 18px;margin:0;padding:20px 22px 24px}@media (max-width:640px){.seo-content>h2:first-child{padding:20px 16px 16px}.seo-content>h2:first-child+ol{box-shadow:3px 3px 0 var(--ink);padding:16px}}.seo-content>h2:not(:first-child){z-index:1;border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:18px 18px 0 0;margin:22px 0 -16px;padding:24px 24px 18px}.seo-content>h2:not(:first-child)+.feature-grid,.seo-content>h2:not(:first-child)+.meaning-grid,.seo-content>h2:not(:first-child)+.level-table,.seo-content>h2:not(:first-child)+.tips,.seo-content>h2:not(:first-child)+.faq,.seo-content>h2:not(:first-child)+p{border:2px solid var(--ink);border-top:1px solid var(--line);box-shadow:5px 5px 0 var(--ink);background:#fff;border-radius:0 0 18px 18px;margin:0;padding:20px 22px 24px}.seo-content>h2:not(:first-child)+.feature-grid,.seo-content>h2:not(:first-child)+.meaning-grid{padding:20px}.seo-content>h2:not(:first-child)+p{border-left:2px solid var(--ink)}@media (max-width:640px){.seo-content>h2:not(:first-child){padding:20px 16px 16px}.seo-content>h2:not(:first-child)+.feature-grid,.seo-content>h2:not(:first-child)+.meaning-grid,.seo-content>h2:not(:first-child)+.level-table,.seo-content>h2:not(:first-child)+.tips,.seo-content>h2:not(:first-child)+.faq,.seo-content>h2:not(:first-child)+p{box-shadow:3px 3px 0 var(--ink);padding:16px}}.history{padding-bottom:70px;display:block}.history-list{scroll-snap-type:x proximity;gap:12px;padding:12px;display:flex;overflow-x:auto}.history-list div{scroll-snap-align:start;border:0;flex:0 0 220px;grid-template-columns:1fr;gap:7px;min-height:116px;padding:0;display:grid}.history-list em{grid-column:auto}@media (max-width:500px){.history-list div{flex-basis:190px}.keyboard-icon{width:108px;height:108px;font-size:60px}}.seo-content .tips{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0;overflow:hidden}.seo-content .tips p{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:112px;margin:0;padding:21px;line-height:1.6}.seo-content .tips p:nth-child(2n){border-right:0}.seo-content .tips p:nth-last-child(-n+2){border-bottom:0}.seo-content .tips strong{color:var(--ink);margin-bottom:6px;font-size:16px;display:block}.keyboard-seo{grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:18px 0 68px;display:grid}.keyboard-seo h2,.review-heading h2{margin:8px 0 14px;font-size:32px}.keyboard-seo>div>p:last-child,.keyboard-seo-points p{color:var(--muted);line-height:1.7}.keyboard-seo-points{border-left:3px solid var(--yellow);padding-left:22px}.keyboard-seo-points p{border-bottom:1px solid var(--line);margin:0;padding:12px 0}.keyboard-seo-points p:last-child{border:0}.keyboard-seo-points strong{color:var(--ink)}.review-section{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--lavender);padding:52px 0;overflow:hidden}.review-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.review-heading h2{margin-bottom:0}.review-heading>span{color:#6e56cf;white-space:nowrap;font-size:18px;font-weight:900}.review-heading small{color:var(--muted);font-size:12px}.review-marquee{margin-inline:calc(-50vw + min(1120px,100vw - 32px)/2);padding-inline:calc(50vw + min(1120px,100vw - 32px)/-2);overflow:hidden}.review-track{gap:14px;width:max-content;animation:48s linear infinite review-scroll;display:flex}.review-track:hover{animation-play-state:paused}.review-card{border:2px solid var(--ink);width:320px;min-height:178px;box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:10px;grid-template-rows:auto 1fr;gap:16px;padding:18px;display:grid}.review-user{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.review-user img{border:2px solid var(--ink);object-fit:cover;border-radius:50%;width:42px;height:42px}.review-user strong,.review-user small{display:block}.review-user small{color:var(--muted);margin-top:2px;font-size:11px}.review-user b{color:#6e56cf;letter-spacing:1px;font-size:11px}.review-card p{color:var(--muted);margin:0;line-height:1.6}@keyframes review-scroll{to{transform:translate(calc(-50% - 7px))}}@media (prefers-reduced-motion:reduce){.review-track{animation-play-state:paused}}@media (max-width:640px){.seo-content .tips{grid-template-columns:1fr}.seo-content .tips p,.seo-content .tips p:nth-child(2n){border-right:0;border-bottom:1px solid var(--line);min-height:0}.seo-content .tips p:last-child{border-bottom:0}.keyboard-seo{grid-template-columns:1fr;gap:18px;padding-bottom:48px}.keyboard-seo h2,.review-heading h2{font-size:28px}.review-heading{flex-direction:column;align-items:flex-start;gap:10px}.review-marquee{margin-inline:calc(-50vw + min(100% - 24px,1120px)/2);padding-inline:calc(50vw + min(100% - 24px,1120px)/-2)}.review-card{width:280px}.review-section{padding:40px 0}}.seo-content>.faq{display:none}.seo-content h2:has(+.faq){display:none}.faq-section h2{margin:8px 0 18px;font-size:32px}.faq-section .faq{border:2px solid var(--ink);background:#fff;border-radius:12px;overflow:hidden}.faq-section .faq details{padding:17px 20px}.faq-section .faq details>div{color:var(--muted);margin:10px 0 0;line-height:1.7}.faq-section .faq strong{color:var(--ink)}@media (max-width:640px){.faq-section{padding-bottom:48px}.faq-section h2{font-size:28px}.faq-section .faq details{padding:15px 16px}}.seo-content .seo-cta{display:none}.bottom-cta{border:2px solid var(--ink);background:var(--yellow);border-radius:12px;margin-top:0;margin-bottom:52px;padding:28px}.bottom-cta h2{margin:0 0 8px;font-size:31px}.bottom-cta p{max-width:650px;color:var(--ink);margin:0 0 18px}.bottom-cta a{border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:8px;padding:9px 13px;font-weight:900;text-decoration:none;display:inline-block}.review-section{background:#fff;border:0;padding:0 0 52px;overflow:hidden}.review-heading{margin-bottom:18px}.review-marquee{margin-inline:calc(-50vw + min(1120px,100vw - 32px)/2);padding-inline:calc(50vw + min(1120px,100vw - 32px)/-2)}.review-track{gap:14px;animation-duration:42s}.review{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;flex:0 0 488px;width:488px;min-height:280px;margin:0;padding:18px;display:flex;position:relative}.review-person{align-items:center;gap:12px;display:flex}.review-person img{border:2px solid var(--ink);object-fit:cover;border-radius:50%;flex:0 0 54px;width:54px;height:54px}.review-person strong{font-weight:900}.review-person small{color:var(--muted);margin-top:3px;font-size:13px;font-weight:760;display:block}.review p{color:var(--muted);margin:16px 0 18px;line-height:1.55}.review-person b{color:#f4b400;letter-spacing:2px;font-size:20px;line-height:1;position:absolute;bottom:18px;left:18px}@media (max-width:640px){.review-section{padding-bottom:40px}.review{flex-basis:300px;width:300px;min-height:240px}.review-marquee{margin-inline:calc(-50vw + min(100% - 24px,1120px)/2);padding-inline:calc(50vw + min(100% - 24px,1120px)/-2)}}:root{--panel:#fff}.topbar{gap:24px;padding-block:22px}.brand{gap:12px;font-weight:850}.brand small{font-size:12px;font-weight:650}.brand-mark{background:0 0;border:0;border-radius:0;width:44px;height:44px}.primary-nav{justify-content:flex-end;align-items:center;gap:6px}.primary-nav a{border:1px solid #0000;padding:10px 13px;font-weight:760}.primary-nav a:hover{border-color:var(--line);color:var(--ink)}.hero{align-items:end;min-height:315px;padding:42px 0 22px;display:grid}.hero-tags{gap:10px;margin-top:20px}.hero-tags span{border:1px solid var(--line);border-radius:999px;padding:8px 13px}.test-section{padding:18px 0 54px}.test-shell,.performance-card,.best-card,.history-list,.direct-type-surface,.faq-section .faq,.bottom-cta{border:1px solid var(--line);border-radius:18px}.test-shell{background:var(--panel)}.test-head{background:#fff;padding:16px 18px}.tabs button,.time-picker button{border:1px solid #0000;border-radius:999px}.tabs button.active,.time-picker button.active{border-color:var(--line);box-shadow:none}.time-picker button{border-color:var(--line);padding:8px 13px}.time-picker button.active{background:var(--yellow);border-color:var(--ink)}.keyboard-picker button{border-color:var(--line)}.scoreboard{border-bottom:1px solid var(--line);background:#fff}.scoreboard div{padding:18px 20px}.scoreboard div:first-child{background:var(--lavender)}.scoreboard div:nth-child(2){background:#f1fff8}.direct-type-surface{margin:24px 22px 18px;padding:20px}.test-footer{padding:4px 22px 18px}.restart,.bottom-cta a{border:1px solid var(--ink);border-radius:8px}.performance-grid{gap:18px;padding:36px 0 56px}.section-title{padding:8px 0}.performance-card,.best-card{padding:20px}.history{padding-bottom:64px}.history-list{padding:12px}.history-list div{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px}.seo-content{gap:18px;padding:62px 0}.seo-content h2{margin-top:32px}.seo-content>h2:first-child,.seo-content>h2:not(:first-child){background:0 0;border:0;border-radius:0;margin:24px 0 0;padding:0}.seo-content>h2:first-child+ol,.seo-content>h2:not(:first-child)+.feature-grid,.seo-content>h2:not(:first-child)+.meaning-grid,.seo-content>h2:not(:first-child)+.level-table,.seo-content>h2:not(:first-child)+.tips,.seo-content>h2:not(:first-child)+p{background:0 0;border:0;border-radius:0;margin:0;padding:0}.seo-content ol li,.feature-grid article,.meaning-grid>div,.level-table,.tips{border:1px solid var(--line);background:#fff;border-radius:18px}.feature-grid article{min-height:0}.faq-section{padding:8px 0 64px}.faq-section .faq{background:#fff}.review-section{padding-bottom:56px}.bottom-cta{background:var(--yellow);margin-bottom:56px;padding:28px}.site-footer{border-top:1px solid var(--line)}*{box-shadow:none!important}@media (max-width:780px){.hero{min-height:0;padding-top:38px}.test-head{padding:14px}.scoreboard div{padding:14px 10px}.direct-type-surface{margin:18px 14px 14px;padding:16px}.test-footer{padding:4px 14px 16px}.performance-grid{padding:28px 0 48px}.seo-content{padding:48px 0}.history{padding-bottom:48px}}@media (max-width:500px){.hero-tags span{padding:7px 11px}.history-list{padding:10px}}.seo-content>h2:has(+.feature-grid){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:first-child+ol{border:2px solid var(--ink);border-top:1px solid var(--line);background:#ffffffd1;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.feature-grid)+.feature-grid{border:2px solid var(--ink);border-top:1px solid var(--line);background:#ffffffd1;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:first-child+ol{gap:14px}.seo-content>h2:has(+.feature-grid)+.feature-grid{gap:14px}.seo-content>h2:first-child+ol li{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:18px;padding:18px}.seo-content>h2:has(+.feature-grid)+.feature-grid article{border:1px solid var(--line);box-shadow:none;background:#fff;border-radius:18px;padding:18px}@media (max-width:640px){.seo-content>h2:first-child{padding:20px 16px 16px}.seo-content>h2:has(+.feature-grid){padding:20px 16px 16px}.seo-content>h2:first-child+ol{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.feature-grid)+.feature-grid{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:first-child{border-radius:20px 20px 0 0}.seo-content>h2:has(+.feature-grid){border-radius:20px 20px 0 0}}.seo-content>.seo-module ol,.seo-content>.seo-module .feature-grid,.seo-content>.seo-module .meaning-grid,.seo-content>.seo-module .tips{margin:0}.seo-content>.seo-module ol li{min-height:118px;padding:20px 18px 18px 56px}.seo-content>.seo-module ol li:before{top:18px;left:18px}.seo-content>.seo-module .feature-grid article{padding:48px 18px 18px}.seo-content>.seo-module .meaning-grid,.seo-content>.seo-module .tips{padding:0}.seo-content>h2:first-child,.seo-content>h2:first-child+ol{background:0 0;border:0;border-radius:0;padding:0}.seo-content>h2:has(+.feature-grid){background:0 0;border:0;border-radius:0;padding:0}.seo-content>h2:has(+.feature-grid)+.feature-grid{background:0 0;border:0;border-radius:0;padding:0}@media (max-width:640px){.seo-content>.seo-module{border-radius:20px;padding:16px}.seo-content>.seo-module ol li{padding:18px 16px 18px 52px}.seo-content>.seo-module ol li:before{top:16px;left:16px}}.faq-section .faq{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.faq-section .faq details{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.faq-section .faq details:nth-child(odd){margin-right:7px}.faq-section .faq details:nth-child(2n){margin-left:7px}.seo-content>h2:first-child{z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+.feature-grid){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+.meaning-grid){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+.level-table){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+.tips){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+p){z-index:1;border:2px solid var(--ink);background:#ffffffd1;border-bottom:0;border-radius:26px 26px 0 0;margin:0;padding:24px 24px 18px;position:relative}.seo-content>h2:has(+.feature-grid)+.feature-grid{border:2px solid var(--ink);background:#ffffffd1;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.meaning-grid)+.meaning-grid{border:2px solid var(--ink);background:#ffffffd1;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.level-table)+.level-table{border:2px solid var(--ink);background:#ffffffd1;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.tips)+.tips{border:2px solid var(--ink);background:#ffffffd1;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+p)+p{border:2px solid var(--ink);background:#ffffffd1;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}@media (max-width:640px){.faq-section .faq{grid-template-columns:1fr}.faq-section .faq details:nth-child(odd),.faq-section .faq details:nth-child(2n){margin:0}.seo-content>h2:first-child{border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.feature-grid){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.meaning-grid){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.level-table){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.tips){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+p){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:first-child+ol{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.feature-grid)+.feature-grid{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.meaning-grid)+.meaning-grid{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.level-table)+.level-table{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.tips)+.tips{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+p)+p{border-radius:0 0 20px 20px;padding:16px}}.faq-section .faq{background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.faq-section .faq details,.faq-section .faq details:nth-child(odd),.faq-section .faq details:nth-child(2n){border:1px solid var(--line);background:#fff;border-radius:18px;margin:0;padding:18px}.seo-content>h2:first-child{border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:has(+.feature-grid){border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:has(+.meaning-grid){border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:has(+.level-table){border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:has(+.tips){border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:has(+p){border:2px solid var(--ink);background:#fff;border-bottom:0;border-radius:26px 26px 0 0;margin:22px 0 0;padding:24px 24px 18px}.seo-content>h2:first-child{margin-top:0}.seo-content>h2:first-child+ol{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.feature-grid)+.feature-grid{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.meaning-grid)+.meaning-grid{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.level-table)+.level-table{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+.tips)+.tips{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:has(+p)+p{border:2px solid var(--ink);background:#fff;border-top:0;border-radius:0 0 26px 26px;margin:0;padding:20px 22px 24px}.seo-content>h2:first-child+ol li{padding:20px 18px 18px 56px}.seo-content>h2:first-child+ol li:before{top:18px;left:18px}.review{flex-direction:column;display:flex}.review figcaption{min-width:0}.review figcaption strong,.review figcaption small{display:block}.review figcaption small{color:var(--muted);margin-top:3px;font-size:13px;font-weight:760}@media (max-width:640px){.faq-section .faq{grid-template-columns:1fr;gap:12px}.seo-content>h2:first-child{border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.feature-grid){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.meaning-grid){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.level-table){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+.tips){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:has(+p){border-radius:20px 20px 0 0;padding:20px 16px 16px}.seo-content>h2:first-child+ol{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.feature-grid)+.feature-grid{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.meaning-grid)+.meaning-grid{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.level-table)+.level-table{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+.tips)+.tips{border-radius:0 0 20px 20px;padding:16px}.seo-content>h2:has(+p)+p{border-radius:0 0 20px 20px;padding:16px}}.seo-content{gap:22px;padding:8px 0 64px;display:grid}.seo-content>.seo-module{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;gap:18px;margin:0;padding:24px;display:grid}.seo-content>.seo-module h2{color:var(--ink);margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05}.seo-content>.seo-module>p{color:var(--muted);margin:0;line-height:1.55}.seo-content>.seo-module ol{counter-reset:step;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:none;margin:0;padding:0;list-style:none;display:grid}.seo-content>.seo-module ol li{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:118px;padding:20px 18px 18px 56px;position:relative}.seo-content>.seo-module ol li:before{counter-increment:step;content:"0" counter(step);color:#6e56cf;font-size:13px;font-weight:950;position:absolute;top:18px;left:18px}.seo-content>.seo-module .feature-grid,.seo-content>.seo-module .meaning-grid,.seo-content>.seo-module .tips{max-width:none;margin:0}.seo-content>.seo-module .feature-grid article{min-height:0;padding:20px}.seo-content>.seo-module .feature-grid article:before{display:none}.seo-content>.seo-module .tips{padding:0}.seo-content>.seo-module .tips p{padding:20px}.seo-content>h2,.seo-content>ol,.seo-content>.feature-grid,.seo-content>.meaning-grid,.seo-content>.level-table,.seo-content>.tips,.seo-content>.faq,.seo-content>.seo-cta{display:none}@media (max-width:640px){.seo-content{gap:16px;padding-bottom:48px}.seo-content>.seo-module{border-radius:20px;gap:16px;padding:16px}.seo-content>.seo-module ol{grid-template-columns:1fr}.seo-content>.seo-module ol li{min-height:0;padding:18px 16px 18px 52px}.seo-content>.seo-module ol li:before{top:16px;left:16px}}.seo-feature-module .feature-grid{counter-reset:feature}.seo-feature-module .feature-grid article{padding:48px 18px 18px;position:relative}.seo-feature-module .feature-grid article:before{counter-increment:feature;content:"0" counter(feature);color:#6e56cf;font-size:13px;font-weight:950;display:block;position:absolute;top:18px;left:18px}.faq-section{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;margin:8px auto 64px;padding:24px}.faq-section h2{margin:8px 0 18px;font-size:clamp(28px,4vw,46px);line-height:1.05}.review-section{background:0 0;border:0;padding:0 0 56px}.review-section .wrap{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;padding:24px;overflow:hidden}.review-section .review-marquee{margin:0;padding:0}@media (max-width:640px){.seo-feature-module .feature-grid article{padding:46px 16px 16px}.faq-section{border-radius:20px;margin-bottom:48px;padding:16px}.review-section{padding-bottom:48px}.review-section .wrap{border-radius:20px;padding:16px}}.performance-grid{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:36px auto 56px;padding:24px}.performance-grid .section-title{grid-column:1/-1;padding:0}.performance-grid .section-title h2{margin:8px 0;font-size:clamp(28px,4vw,46px);line-height:1.05}.performance-card,.best-card{border:1px solid var(--line);background:#fff;border-radius:18px;min-height:260px}.history{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;margin:0 auto 64px;padding:24px;display:block}.history>div:first-child{margin-bottom:18px}.history h2{margin:8px 0;font-size:clamp(28px,4vw,46px);line-height:1.05}.history-list{scroll-snap-type:x mandatory;background:0 0;border:0;border-radius:0;gap:14px;padding:0;display:flex;overflow-x:auto}.history-list div{border:1px solid var(--line);scroll-snap-align:start;background:#fff;border-radius:18px;flex:0 0 250px;grid-template-columns:1fr;gap:8px;min-height:126px;padding:18px;display:grid}.history-list span{font-size:12px;font-weight:760}.history-list b{font-size:16px}.history-list em{background:var(--mint);border-radius:999px;justify-self:start;padding:4px 8px;font-size:12px}.info-band{border:2px solid var(--ink);background:#caeb70;padding:64px 0}.info-grid{align-items:center}.info-grid h2{font-size:clamp(28px,4vw,46px);line-height:1.05}.info-grid>p{max-width:620px;color:var(--ink);font-weight:650}@media (max-width:780px){.performance-grid{margin-top:28px;padding:18px}.performance-card,.best-card{min-height:0}.history{margin-bottom:48px;padding:18px}.info-band{padding:52px 0}}@media (max-width:600px){.performance-grid{grid-template-columns:1fr}.history-list div{flex-basis:230px}.info-band{padding:44px 0}}.performance-card,.best-card{justify-content:flex-start;position:relative}.performance-card{background:#9cddf7}.best-card{background:#caeb70}.performance-card h3,.best-card h3{color:var(--ink);margin:0 0 14px;font-size:18px;line-height:1.2}.best-card p{display:none}.best-card strong{margin:8px 0}.info-band{padding:56px 0}.seo-content{padding-top:56px}@media (max-width:780px){.info-band,.seo-content{padding-top:44px;padding-bottom:44px}}.qf-content{gap:22px;padding:0 0 64px;display:grid}.qf-module{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;gap:16px;padding:24px;display:grid}.qf-module h2{color:var(--ink);margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05}.qf-module p,.qf-module li{color:var(--muted);margin:0;line-height:1.6}.qf-module ul,.qf-module ol{gap:8px;margin:0;padding-left:22px;display:grid}.qf-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.qf-columns>div{gap:12px;display:grid}.qf-columns h2{font-size:24px}.qf-table-wrap{overflow-x:auto}.qf-table-wrap table{border-collapse:collapse;width:100%;min-width:650px}.qf-table-wrap th,.qf-table-wrap td{border:1px solid var(--line);text-align:left;padding:12px}.qf-table-wrap th{color:var(--muted);text-transform:uppercase;background:#fbf7ff;font-size:12px}.qf-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.qf-faq details{border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px}.qf-faq summary{color:var(--ink);cursor:pointer;font-weight:850}.qf-faq p{margin-top:10px}@media (max-width:640px){.qf-content{gap:16px;padding-bottom:48px}.qf-module{border-radius:20px;padding:16px}.qf-columns,.qf-faq{grid-template-columns:1fr}.qf-table-wrap{margin-inline:-16px;padding-inline:16px}.qf-faq details{padding:16px}}.seo-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.seo-pair>.seo-module{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;gap:18px;min-width:0;margin:0;padding:24px;display:grid}.seo-pair>.seo-module h2{color:var(--ink);margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05}.seo-pair>.seo-module>p{color:var(--muted);margin:0;line-height:1.55}.qf-summary h3{color:var(--ink);margin:0;font-size:18px}.qf-summary p{margin:0}.qf-summary .qf-table-wrap{overflow-x:auto}.qf-summary table{border-collapse:collapse;width:100%;min-width:420px}.qf-summary th,.qf-summary td{border:1px solid var(--line);text-align:left;padding:9px}.qf-summary th{color:var(--muted);background:#fbf7ff;font-size:11px}@media (max-width:780px){.seo-pair{grid-template-columns:1fr}}@media (max-width:640px){.seo-pair>.seo-module{border-radius:20px;gap:16px;padding:16px}}.performance-grid{border-radius:26px 26px 0 0;margin-bottom:0}.performance-grid+.history{border-top:0;border-radius:0 0 26px 26px;margin-top:0}.speed-guide{align-content:start}.speed-guide h3{color:var(--ink);margin:4px 0 0;font-size:20px;line-height:1.2}.speed-guide>p{margin:0}.level-notes{gap:10px;display:grid}.level-notes p{border-top:1px solid var(--line);margin:0;padding-top:10px}.level-notes strong{color:var(--ink)}.speed-cta a{color:var(--ink);text-underline-offset:3px;font-weight:900;text-decoration:underline}.performance-grid.is-empty{border-radius:26px;margin-bottom:18px;padding:20px 24px;display:block}.performance-grid.is-empty .performance-card,.performance-grid.is-empty .best-card{display:none}.performance-grid.is-empty .section-title{padding:0}.performance-grid.is-empty .section-title>p:last-child{color:var(--muted);margin:0;line-height:1.5}.history.is-empty{display:none}.performance-grid.has-records+.history.has-records{margin-top:0}@media (max-width:600px){.performance-grid.is-empty{padding:18px}}.how-to-subtitle{color:var(--ink);margin:0;font-size:20px;font-weight:900}.how-to-cta{border:1px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:8px;justify-self:start;padding:10px 14px;font-weight:900;text-decoration:none}.how-to-card>p:not(.how-to-subtitle){color:var(--muted);margin:0;line-height:1.6}.history h3{margin:8px 0;font-size:clamp(24px,3vw,34px);line-height:1.1}.bottom-cta h2{font-size:clamp(28px,4vw,42px)}.inner-page{min-height:100vh}.inner-hero{padding:48px 0 34px}.inner-hero h1{margin:10px 0 14px;font-size:clamp(42px,7vw,78px);line-height:.98}.inner-hero>p:last-child{max-width:700px;color:var(--muted);margin:0;font-size:19px;line-height:1.6}.inner-tool,.pixel-tool,.inner-card,.inner-cta{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;padding:24px}.bmi-tool{grid-template-columns:1fr .8fr;align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.tool-form{grid-template-columns:1fr 1fr;align-content:start;gap:14px;display:grid}.tool-form label{color:var(--muted);font-size:13px;font-weight:850}.tool-form input{margin-top:6px;display:block}.inner-button{border:1px solid var(--ink);background:var(--yellow);color:var(--ink);cursor:pointer;border-radius:8px;padding:11px 14px;font-weight:900}.tool-form .inner-button{grid-column:1/-1;justify-self:start}.bmi-result{border-radius:18px;place-content:center;gap:6px;min-height:190px;padding:20px;display:grid}.bmi-result span,.bmi-result small{color:var(--muted);font-weight:750}.bmi-result strong{font-size:54px;line-height:1}.bmi-result b{font-size:20px}.inner-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 0 22px;display:grid}.inner-card h2,.inner-cta h2{margin:0 0 14px;font-size:clamp(25px,3.5vw,38px);line-height:1.08}.inner-card h3{margin:20px 0 8px;font-size:20px}.inner-card p,.inner-card li{color:var(--muted);line-height:1.65}.inner-card ol{gap:8px;margin:0;padding-left:22px;display:grid}.formula{border:1px solid var(--line);background:var(--lavender);border-radius:12px;padding:14px;font-weight:900}.range-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.range-grid span{border:1px solid var(--line);color:var(--muted);border-radius:12px;justify-content:space-between;gap:10px;padding:12px;display:flex}.range-grid b{color:var(--ink)}.inner-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 0 22px;display:grid}.inner-faq{margin-bottom:22px}.inner-faq details{border-top:1px solid var(--line);padding:14px 0}.inner-faq summary{color:var(--ink);cursor:pointer;font-weight:850}.inner-faq details p{margin:10px 0 0}.inner-reviews{border-block:2px solid var(--ink);background:var(--lavender);padding:44px 0}.inner-reviews h2{margin:8px 0 18px;font-size:clamp(26px,4vw,42px)}.inner-review-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.inner-review-row article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:44px 1fr;gap:10px;padding:16px;display:grid}.inner-review-row img{border:2px solid var(--ink);object-fit:cover;border-radius:50%;width:44px;height:44px}.inner-review-row strong,.inner-review-row small{display:block}.inner-review-row small{color:var(--muted);font-size:12px}.inner-review-row p{color:var(--muted);grid-column:1/-1;margin:4px 0 0;line-height:1.55}.inner-cta{background:#caeb70;margin:44px auto}.inner-cta a{text-decoration:none;display:inline-block}.pixel-tool{margin-bottom:22px}.pixel-stage{text-align:center;border-radius:18px;place-items:center;min-height:360px;font-size:18px;transition:background .2s;display:grid}.pixel-controls{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.secondary{background:#9cddf7}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-weight:800}.pixel-progress{color:var(--muted);margin:12px 0 0;font-size:13px}@media (max-width:780px){.inner-hero{padding-top:36px}.bmi-tool,.inner-content,.inner-pair,.inner-review-row{grid-template-columns:1fr}.inner-tool,.pixel-tool,.inner-card,.inner-cta{border-radius:20px;padding:18px}}@media (max-width:500px){.tool-form{grid-template-columns:1fr}.tool-form .inner-button{grid-column:auto}.pixel-stage{min-height:280px}.range-grid{grid-template-columns:1fr}}.source-note{border-color:var(--line);background:#f7fbff;margin:0 auto 22px;padding:18px 22px;font-size:14px;line-height:1.6}.source-note>strong{color:var(--ink);margin-bottom:6px;font-size:17px;display:block}.source-note p{color:var(--muted);margin:6px 0}.source-note ul{flex-wrap:wrap;gap:10px;margin:8px 0;padding:0;list-style:none;display:flex}.source-note li{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.source-note small{color:var(--muted);font-size:12px}@media (max-width:780px){.source-note{padding:16px}}.signal-source{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:13px;font-weight:850;display:flex}.signal-source>span{margin-right:2px}.signal-button{border:2px solid var(--ink);width:34px;height:34px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;border-radius:50%}.signal-button.active{outline:3px solid var(--yellow);outline-offset:2px}.pixel-tool:fullscreen{width:100vw;height:100vh;box-shadow:none;background:#fff;border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto auto;margin:0;padding:24px;display:grid}.pixel-tool:fullscreen .pixel-stage{border-radius:0;min-height:0}.pixel-tool:fullscreen .pixel-progress{margin-bottom:0}@media (max-width:500px){.pixel-tool:fullscreen{padding:12px}.signal-source{gap:8px}}.pixel-stage-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.pixel-stage-clickable:focus-visible{outline-offset:4px;outline:4px solid #246b52}.pixel-stage-clickable:active{transform:scale(.998)}.light-sensitivity-warning{background:linear-gradient(135deg,#f5fff9,#dcfbef);border-color:#74a98e}.light-sensitivity-warning h2{color:#1f684d}.light-sensitivity-warning p{color:#405b4e}.sunset-tool{grid-template-columns:1fr .85fr;align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.sunset-form{grid-template-columns:1fr}.sunset-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;margin-top:6px;padding:12px;font-weight:800;display:block}.sunset-note{border:1px solid var(--line);background:#fff;border-radius:14px;gap:5px;padding:14px;display:grid}.sunset-note strong{font-size:13px}.sunset-note span{color:var(--muted);font-weight:750}.sunset-result{text-align:center;background:linear-gradient(135deg,#ffda68,#ffb3c1);border-radius:18px;place-content:center;gap:8px;min-height:190px;padding:22px;display:grid}.sunset-result span,.sunset-result small{font-weight:800}.sunset-result strong{font-size:clamp(54px,8vw,82px);line-height:.95}.sunset-seo-content{padding-top:0}@media (max-width:780px){.sunset-tool{border-radius:20px;grid-template-columns:1fr;padding:18px}}.sunset-week{margin-bottom:22px}.sunset-week>p{color:var(--muted);margin:6px 0 14px}.sunset-week-scroll{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}.sunset-week table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}.sunset-week th,.sunset-week td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px}.sunset-week thead th{text-transform:uppercase;letter-spacing:.02em;background:#f7fbff;font-size:13px}.sunset-week tbody tr:last-child th,.sunset-week tbody tr:last-child td{border-bottom:0}.sunset-week tbody th{font-weight:850}.sunset-week tbody td{color:var(--muted);font-weight:750}.sunset-week tbody tr.is-today td{color:var(--ink)}.sunset-week-badge{background:var(--ink);color:#fff;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.sunset-week-note{color:var(--muted);margin-top:12px;font-size:12px;display:block}@media (max-width:780px){.sunset-week th,.sunset-week td{padding:10px 12px;font-size:14px}}.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:24px}.site-footer .footer{grid-template-columns:220px 1fr;gap:34px;padding:38px 0 22px;display:grid}.footer-intro{align-self:start}.footer-brand{color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:900;text-decoration:none;display:inline-block}.footer-intro p{max-width:170px;color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.footer-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.footer-group h2{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;margin:2px 0 11px;font-size:12px;font-weight:850}.footer-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.footer-group a{color:var(--muted);font-size:13px;font-weight:650;text-decoration:none}.footer-group a:hover,.footer-group a[aria-current=page]{color:var(--ink)}.footer-group a[aria-current=page]{font-weight:850}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:18px;margin-top:3px;padding-top:16px;font-size:12px;display:flex}.footer-bottom p{margin:0}.footer-note{max-width:760px;line-height:1.5}.footer-bottom small{white-space:nowrap;font-size:12px}@media (max-width:900px){.site-footer .footer{grid-template-columns:170px 1fr;gap:24px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}@media (max-width:600px){.site-footer .footer{grid-template-columns:1fr;gap:28px;padding:30px 0 18px}.footer-intro p{max-width:none}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;margin-top:0}.footer-bottom small{white-space:normal}}.sunset-week table.namaz-table{min-width:760px}.sunset-week .namaz-table td.namaz-desc{white-space:normal;max-width:430px;font-size:13.5px;font-weight:650;line-height:1.5}.sunset-week .namaz-table td.namaz-time{font-variant-numeric:tabular-nums}.site-header{z-index:10;flex-wrap:wrap;position:relative}.site-header .brand{flex-shrink:0}.category-nav{align-items:center;gap:6px;display:flex}.nav-category{position:relative}.nav-category summary{cursor:pointer;color:var(--muted);border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:750;list-style:none;display:flex}.nav-category summary::-webkit-details-marker{display:none}.nav-category summary:hover,.nav-category summary.is-current,.nav-category[open]>summary{color:var(--ink);border-color:var(--line);background:#fff}.nav-chevron{transition:transform .15s}.nav-category[open] .nav-chevron{transform:rotate(180deg)}.nav-submenu{z-index:20;border:1px solid var(--line);background:#fff;border-radius:16px;gap:4px;min-width:240px;padding:8px;display:grid;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #17131f1f}.category-nav .nav-submenu a{white-space:normal;border-radius:10px;display:block}.category-nav .nav-submenu a[aria-current=page]{background:var(--lavender);color:var(--ink)}.category-nav summary:focus-visible,.category-nav a:focus-visible,.location-picker button:focus-visible,.location-picker select:focus-visible{outline-offset:3px;outline:3px solid #6e56cf}.location-picker{min-width:0}.location-picker-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.location-picker-controls label{flex:1;min-width:150px}.location-picker-controls select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;margin-top:6px;padding:11px 34px 11px 12px;font:850 14px/1 inherit;display:block}.location-picker-controls .location-button{background:var(--lavender);flex-shrink:0;min-height:45px;font-size:13px}.location-button:disabled{opacity:.65;cursor:wait}.location-help,.location-status{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.55}.location-status:empty{display:none}.location-status{font-weight:700}.location-status.is-error{color:#9b2440}@media (max-width:780px){.site-header{gap:16px}.site-header .category-nav{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;display:grid}.nav-category summary{padding:10px 8px;font-size:13px}.nav-submenu{min-width:0;box-shadow:none;margin-top:6px;position:static}.category-nav .nav-submenu a{padding:10px 8px;font-size:13px}.location-picker-controls .location-button{flex:1}}.calculator-tool{grid-template-columns:1fr .85fr;align-items:stretch;gap:22px;margin-bottom:22px;display:grid}.calculator-form{grid-template-columns:1fr}.calculator-form .age-date-toggle{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.6;display:flex}.calculator-form .age-date-toggle input{width:18px;height:18px;accent-color:var(--ink);flex:none;margin:2px 0 0;padding:0}.calculator-form input,.calculator-form select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;margin-top:6px;padding:12px;font-weight:800;display:block}.calculator-form small.field-help{color:var(--muted);margin-top:-8px;font-size:12px}.calculator-result{background:linear-gradient(135deg,var(--yellow),#ffb3c1);text-align:center;border-radius:18px;place-content:center;gap:8px;min-height:210px;padding:22px;display:grid}.calculator-result span,.calculator-result small{color:var(--muted);font-weight:800}.calculator-result strong{font-size:clamp(46px,7vw,74px);line-height:1}.calculator-result b{font-size:19px}.kdv-result strong{font-size:clamp(32px,5vw,56px)}.result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.result-summary>div{border:1px solid var(--line);background:#fff;border-radius:16px;gap:6px;padding:18px;display:grid}.result-summary span{color:var(--muted);font-size:13px;font-weight:800}.result-summary strong{font-size:clamp(20px,3vw,30px);line-height:1.2}.form-error{color:#9b2440;grid-column:1/-1;margin:0;font-size:13px;font-weight:800}.rate-buttons{flex-wrap:wrap;gap:8px;display:flex}.rate-buttons button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;padding:7px 12px;font-weight:850}.rate-buttons button.active{border-color:var(--ink);background:var(--lavender);color:var(--ink)}.calculator-seo-content{padding-top:34px}.euro-result strong{overflow-wrap:anywhere;font-size:clamp(33px,5vw,58px)}.euro-page .result-summary strong{font-size:clamp(17px,2.2vw,25px)}.ramadan-lead{border:2px solid var(--ink);background:linear-gradient(120deg,#dcfbef,#caeb70);border-radius:26px;grid-template-columns:1fr 230px;align-items:center;gap:24px;margin-bottom:22px;padding:28px;display:grid}.ramadan-lead h2{margin:8px 0 16px;font-size:clamp(25px,4vw,42px)}.ramadan-lead>div:first-child>strong{font-size:clamp(27px,4.5vw,48px);line-height:1.1;display:block}.ramadan-lead p:last-child{max-width:650px;color:var(--muted);line-height:1.6}.ramadan-count{border:1px solid var(--line);text-align:center;background:#fff;border-radius:20px;place-items:center;min-height:190px;display:grid}.ramadan-count span{font-weight:800}.ramadan-count strong{font-size:72px;line-height:1}.ramadan-calendar{margin-bottom:22px}.ramadan-date-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.ramadan-date-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:18px}.ramadan-date-grid h3{margin:0 0 12px}.ramadan-date-grid p{justify-content:space-between;gap:12px;margin:8px 0;display:flex}.ramadan-date-grid p strong{text-align:right;color:var(--ink)}.ramadan-date-grid a{margin-top:8px;font-weight:800;display:inline-block}.ramadan-page .result-summary strong{font-size:clamp(16px,2.1vw,24px)}.ramadan-eid{margin-bottom:22px}@media (max-width:780px){.ramadan-lead{grid-template-columns:1fr}.ramadan-count{min-height:140px}.ramadan-date-grid{grid-template-columns:1fr}.ramadan-date-grid p{display:grid}.ramadan-date-grid p strong{text-align:left}.calculator-tool,.result-summary{grid-template-columns:1fr}.calculator-tool{border-radius:20px;padding:18px}.calculator-result{min-height:180px}}.namaz-page .kicker{color:#246b52}.namaz-page .namaz-hero{padding:28px 0 20px}.namaz-page .namaz-hero h1{max-width:1120px;font-size:clamp(42px,4.25vw,54px);line-height:1}.namaz-page .namaz-hero>p:last-child{max-width:860px;font-size:18px}.namaz-page .sunset-result{background:linear-gradient(135deg,#dcfbef,#caeb70)}.namaz-page .sunset-week tbody tr.is-today{background:linear-gradient(135deg,#dcfbefbf,#caeb7080)}.namaz-page .sunset-week-badge{background:#246b52}.namaz-page .inner-cta{background:#dcfbef}.namaz-dashboard{background:linear-gradient(145deg,#fffffff2,#dcfbef61);gap:18px;margin-bottom:22px;display:grid}.namaz-location-bar{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:18px;display:grid}.namaz-location-bar .location-help{display:none}.namaz-location-bar .location-status{grid-column:1/-1;margin-bottom:0}.namaz-location-bar .location-picker-controls label{color:var(--muted);gap:6px;font-size:12px;font-weight:850;display:grid}.namaz-location-bar .location-picker-controls select{border:1px solid var(--line);width:100%;min-width:180px;color:var(--ink);background:#fff;border-radius:11px;margin:0;padding:11px 36px 11px 12px;font:850 14px/1 inherit;display:block}.namaz-location-bar .location-button{background:var(--mint);min-height:42px;color:var(--ink);border-radius:11px}.namaz-date-chip{border:1px solid var(--line);background:#fff;border-radius:14px;gap:3px;min-width:210px;padding:11px 14px;display:grid}.namaz-date-chip span{color:#246b52;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:900}.namaz-date-chip time{white-space:nowrap;font-size:14px;font-weight:850}.namaz-overview-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:18px;display:grid}.namaz-next-panel{background:linear-gradient(140deg,var(--mint),var(--yellow));text-align:center;border:1px solid #246b522e;border-radius:20px;place-content:center;justify-items:center;min-height:280px;padding:22px;display:grid}.namaz-next-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:7px;margin-bottom:18px;font-size:11px;font-weight:800;display:flex}.namaz-next-meta span{color:#246b52}.namaz-next-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:900}.namaz-next-panel>strong{font-variant-numeric:tabular-nums;margin:8px 0 2px;font-size:clamp(58px,7vw,82px);line-height:.9}.namaz-next-panel>b{font-size:19px}.namaz-next-panel>p{color:var(--muted);margin:10px 0 0;font-size:13px;font-weight:800}.namaz-today-panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px}.namaz-today-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.namaz-today-heading h2{margin:0;font-size:24px;line-height:1.1}.namaz-today-heading p{color:var(--muted);margin:4px 0 0;font-size:12px;font-weight:750}.namaz-today-heading>span{background:var(--mint);color:#246b52;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900}.namaz-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.namaz-time-grid>div{border:1px solid var(--line);background:var(--bg);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:10px 12px;display:grid}.namaz-time-grid>div.is-next{background:linear-gradient(135deg,var(--mint),#caeb7080);border-color:#246b52;box-shadow:inset 0 0 0 1px #246b52}.namaz-time-grid span{align-items:center;gap:6px;font-size:14px;font-weight:900;display:flex}.namaz-time-grid span i{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#246b52;border-radius:999px;padding:2px 6px;font-size:8px;font-style:normal}.namaz-time-grid time{font-variant-numeric:tabular-nums;font-size:22px;font-weight:950;line-height:1}.namaz-time-grid small{color:var(--muted);grid-column:1/-1;font-size:10px;font-weight:750}@media (max-width:780px){.namaz-page .namaz-hero{padding:28px 0 22px}.namaz-page .namaz-hero h1{font-size:clamp(39px,11vw,54px)}.namaz-location-bar{grid-template-columns:1fr}.namaz-date-chip{justify-content:space-between;align-items:center;min-width:0;display:flex}.namaz-overview-grid{grid-template-columns:1fr}.namaz-today-panel{order:1;padding:15px}.namaz-next-panel{order:2;min-height:220px}}@media (max-width:500px){.namaz-dashboard{gap:14px}.namaz-time-grid{gap:7px}.namaz-time-grid>div{grid-template-columns:1fr;padding:10px}.namaz-time-grid time{font-size:21px}.namaz-time-grid small{grid-column:auto}.namaz-time-grid span{justify-content:space-between}.namaz-next-panel>strong{font-size:64px}}:root{--ink:#15231d;--muted:#56685f;--line:#d9eadf;--paper:#fff;--bg:#f6fbf7;--yellow:#caeb70;--mint:#dcfbef;--lavender:#e7f7ee;--rose:#74c69d}body{background:radial-gradient(circle at 0 0,#dcfbef 0,#0000 30rem),linear-gradient(#fbfefc,#f4faf6 58%,#fff)}.kicker,.hero h1 span,.start-overlay b{color:#246b52}.switches input,.chart-toggle input{accent-color:#246b52}.typing-area textarea:focus,.category-nav summary:focus-visible,.category-nav a:focus-visible,.location-picker button:focus-visible,.location-picker select:focus-visible{outline-color:#246b52}.performance-card,.secondary{background:#dcfbef}.best-card,.inner-cta{background:#caeb70}.sunset-result,.calculator-result{background:linear-gradient(135deg,#dcfbef,#caeb70)}.sunset-week tbody tr.is-today{background:linear-gradient(135deg,#dcfbefbf,#caeb7080)}.sunset-week-badge{background:#246b52}.inner-cta .inner-button{color:#fff;box-shadow:3px 3px 0 var(--ink);background:#246b52;border-color:#246b52}.date-fieldset{border:0;min-width:0;margin:0;padding:0}.date-fieldset legend{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:850}.date-parts{grid-template-columns:.7fr 1.35fr 1fr;gap:8px;display:grid}.date-parts select{min-width:0;margin:0}@media (max-width:500px){.date-parts{grid-template-columns:.7fr 1.2fr 1fr;gap:6px}}.city-switcher{margin-bottom:22px}.city-switcher>p{color:var(--muted);margin:0 0 16px}.city-switcher-grid{flex-wrap:wrap;gap:9px;display:flex}.city-switcher-grid a,.city-switcher-grid button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;padding:9px 13px;font-size:14px;font-weight:800;text-decoration:none}.city-switcher-grid a:hover,.city-switcher-grid button:hover,.city-switcher-grid a[aria-current],.city-switcher-grid button[aria-pressed=true]{background:var(--mint);color:#246b52;border-color:#246b52}.bmi-tool{background:linear-gradient(145deg,#fffffff0,#dcfbef6b);grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:start}.bmi-calculator-form{gap:14px;display:grid}.bmi-form-heading{justify-content:space-between;align-items:end;gap:16px;padding:0 2px 3px;display:flex}.bmi-form-heading span{font-size:20px;font-weight:950}.bmi-form-heading small{color:var(--muted);text-align:right;font-size:12px;font-weight:750}.bmi-field{border:1px solid var(--line);background:#fff;border-radius:18px;gap:10px;padding:15px 16px;display:grid;box-shadow:0 8px 22px #246b5212}.bmi-field:focus-within{border-color:#246b52;box-shadow:0 0 0 3px #246b5221}.bmi-field-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.bmi-field-head label,.bmi-gender-field legend{color:#246b52;font-size:14px;font-weight:900}.bmi-number-input{justify-content:flex-end;align-items:baseline;gap:6px;min-width:118px;display:flex}.bmi-number-input input{width:82px;color:var(--ink);text-align:right;-moz-appearance:textfield;background:0 0;border:0;border-bottom:2px solid #246b52;outline:0;padding:0 2px 4px;font:900 28px/1 inherit}.bmi-number-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bmi-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bmi-number-input span{min-width:28px;color:var(--muted);font-size:13px;font-weight:850}.bmi-range{--range-progress:50%;appearance:none;background:linear-gradient(to right,#246b52 0 var(--range-progress),#d9eadf var(--range-progress)100%);cursor:pointer;border-radius:999px;outline:0;width:100%;height:7px;margin:0}.bmi-range::-webkit-slider-thumb{appearance:none;background:#246b52;border:4px solid #fff;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 2px #246b52,0 3px 9px #15231d40}.bmi-range::-moz-range-thumb{background:#246b52;border:4px solid #fff;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 2px #246b52,0 3px 9px #15231d40}.bmi-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px #246b5238}.bmi-range-ends{color:var(--muted);justify-content:space-between;margin-top:-4px;font-size:11px;font-weight:750;display:flex}.bmi-gender-field{border:1px solid var(--line);background:#fff;border-radius:18px;min-width:0;margin:0;padding:12px 16px 16px;box-shadow:0 8px 22px #246b5212}.bmi-gender-field legend{padding:0 5px}.bmi-gender-field>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.bmi-gender-field button{border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:12px;padding:11px;font:850 14px/1 inherit}.bmi-gender-field button.active{background:var(--mint);color:#246b52;border-color:#246b52;box-shadow:inset 0 0 0 1px #246b52}.bmi-form-note{color:var(--muted);margin:0 2px;font-size:12px;line-height:1.45}.bmi-submit{color:#fff;width:100%;box-shadow:3px 3px 0 var(--ink);background:#246b52;border-radius:13px;font-size:16px}.bmi-result-panel{border:1px solid var(--line);background:linear-gradient(150deg,#fff 0%,var(--mint)100%);border-radius:22px;place-content:center;min-height:590px;padding:24px;display:grid;overflow:hidden}.bmi-result-panel.has-result{place-content:stretch;gap:18px}.bmi-result-empty{text-align:center;justify-items:center;max-width:280px;display:grid}.bmi-result-empty>strong{margin-top:20px;font-size:21px}.bmi-result-empty p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.bmi-empty-figure{opacity:.38;width:105px;height:150px;position:relative}.bmi-empty-figure i,.bmi-empty-figure span{border:3px dashed #246b52;position:absolute;left:50%;translate:-50%}.bmi-empty-figure i{border-radius:50%;width:38px;height:38px;top:0}.bmi-empty-figure span{border-radius:42% 42% 30% 30%;width:82px;height:98px;top:48px}.bmi-result-summary{text-align:center;justify-items:center;gap:7px;display:grid}.bmi-result-summary>span,.bmi-result-summary>small{color:var(--muted);font-weight:800}.bmi-result-summary>strong{font-size:clamp(50px,7vw,72px);line-height:.9}.bmi-result-summary>b{border:1px solid #15231d38;border-radius:999px;padding:6px 12px;font-size:14px}.bmi-result-summary>small{font-size:12px}.bmi-body-visual{border-block:1px solid #246b522e;grid-template-columns:145px 1fr;align-items:center;gap:8px 18px;padding:14px 0;display:grid}.bmi-figure-wrap{grid-row:1/4;align-self:stretch;justify-items:center;display:grid}.bmi-figure-wrap svg{filter:drop-shadow(0 7px 7px #15231d29);width:118px;height:178px;overflow:visible}.bmi-figure-wrap svg>path:not(.bmi-figure-highlight),.bmi-figure-wrap svg>circle{stroke:#fff;stroke-width:3px;stroke-linejoin:round}.bmi-figure-wrap .bmi-figure-highlight{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;opacity:.38}.bmi-figure-wrap>span{text-align:center;margin-top:2px;font-size:12px;font-weight:950}.bmi-visual-copy{align-self:end}.bmi-visual-copy strong,.bmi-visual-copy small{display:block}.bmi-visual-copy strong{font-size:15px}.bmi-visual-copy small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4}.bmi-scale{background:linear-gradient(90deg,#9cddf7 0 18%,#74c69d 18% 41%,#ffda68 41% 58%,#ffbd77 58% 75%,#ff7f8f 75% 100%);border:2px solid #fff;border-radius:999px;align-self:end;height:10px;position:relative;box-shadow:0 0 0 1px #15231d33}.bmi-scale i{background:var(--ink);border-radius:2px;width:4px;height:22px;position:absolute;top:50%;translate:-50% -50%}.bmi-scale-labels{color:var(--muted);justify-content:space-between;align-self:start;font-size:9px;font-weight:800;display:flex}.bmi-result-details{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bmi-result-details>div{background:#ffffffb3;border:1px solid #246b5233;border-radius:14px;gap:5px;padding:12px;display:grid}.bmi-result-details span{color:var(--muted);font-size:11px;font-weight:800}.bmi-result-details strong{font-size:14px;line-height:1.3}@media (max-width:780px){.bmi-tool{grid-template-columns:1fr}.bmi-result-panel{min-height:420px}.bmi-result-panel.has-result{min-height:0}}@media (max-width:500px){.bmi-form-heading{flex-direction:column;align-items:start;gap:4px}.bmi-form-heading small{text-align:left}.bmi-field{padding:14px}.bmi-body-visual{grid-template-columns:116px 1fr;gap:8px 12px}.bmi-figure-wrap svg{width:100px;height:164px}.bmi-result-details{grid-template-columns:1fr}.bmi-scale-labels{font-size:8px}}.breadcrumb{color:var(--muted);align-items:center;gap:8px;padding-top:22px;font-size:13px;font-weight:800;display:flex}.breadcrumb a{color:#246b52;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span[aria-current=page]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qibla-card{background:linear-gradient(145deg,#fff,var(--mint));grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:28px;margin-bottom:22px;display:grid}.qibla-card p{max-width:760px}.qibla-card small{color:var(--muted)}.qibla-compass{background:radial-gradient(circle,#fff 0 22%,#0000 23%),conic-gradient(#dcfbef,#caeb70,#dcfbef);border:8px solid #fff;border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative;box-shadow:0 0 0 2px #246b52,0 10px 26px #246b5229}.qibla-north{color:#246b52;font-size:12px;font-weight:950;position:absolute;top:8px}.qibla-needle{transform-origin:50%;color:#246b52;text-align:center;width:34px;height:118px;font-size:58px;line-height:82px;display:block;position:absolute}.qibla-compass strong{background:#fff;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;bottom:18px}.namaz-topic-links,.district-links{margin-bottom:22px}.namaz-topic-links>p,.district-links>p{margin:0 0 16px}.namaz-topic-links .city-switcher-grid a,.district-links .city-switcher-grid a{background:var(--mint);color:#246b52;border-color:#246b52}.fasting-tool{gap:18px;margin-bottom:22px;display:grid}.fasting-results{grid-template-columns:1fr 1fr;gap:16px;display:grid}.fasting-results article{border:1px solid var(--line);background:#fff;border-radius:20px;gap:6px;padding:24px;display:grid}.fasting-results article.is-primary{background:linear-gradient(135deg,var(--mint),var(--yellow))}.fasting-results span,.fasting-results small{color:var(--muted);font-weight:800}.fasting-results strong{font-variant-numeric:tabular-nums;font-size:clamp(48px,7vw,74px);line-height:1}.qibla-tool{gap:22px;margin-bottom:22px;display:grid}.qibla-live-grid{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;gap:24px;display:grid}.qibla-live-compass{aspect-ratio:1;background:repeating-conic-gradient(from -1deg,#d9eadf 0 2deg,transparent 2deg 15deg),radial-gradient(circle,#fff 0 52%,var(--mint)53% 100%);border:12px solid #fff;border-radius:50%;width:min(78vw,330px);margin:auto;position:relative;box-shadow:0 0 0 2px #246b52,0 14px 32px #246b522b}.qibla-live-compass>span:not(.qibla-live-needle):not(.compass-center){font-size:15px;font-weight:950;position:absolute}.compass-north{top:12px;left:50%;translate:-50%}.compass-east{top:50%;right:16px;translate:0 -50%}.compass-south{bottom:12px;left:50%;translate:-50%}.compass-west{top:50%;left:16px;translate:0 -50%}.qibla-live-needle{transform-origin:50% 100%;color:#246b52;text-shadow:0 3px #fff;height:42%;font-size:94px;line-height:.8;transition:transform .12s linear;position:absolute;top:50%;left:50%}.compass-center{background:#246b52;border:5px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 0 2px #246b52}.qibla-result{justify-items:start;gap:8px;display:grid}.qibla-result>span,.qibla-result>small{color:var(--muted);font-weight:800}.qibla-result>strong{font-size:clamp(62px,9vw,104px);line-height:.9}.qibla-result>b{font-size:24px}.qibla-result p{color:var(--muted);margin:4px 0}.qibla-result small{max-width:460px;line-height:1.5}.pregnancy-cycle{grid-template-columns:1fr 74px auto;align-items:center;gap:10px;margin-top:8px;display:grid}.pregnancy-cycle input[type=range]{accent-color:#246b52}.pregnancy-cycle input[type=number]{text-align:right;margin:0}.pregnancy-cycle span{color:var(--muted);font-weight:800}.pregnancy-progress{background:#ffffffa6;border-radius:999px;width:min(280px,100%);height:10px;overflow:hidden}.pregnancy-progress i{border-radius:inherit;background:#246b52;height:100%;display:block}.pregnancy-result b{margin-bottom:4px}@media (max-width:780px){.qibla-card,.qibla-live-grid,.fasting-results{grid-template-columns:1fr}.qibla-card{justify-items:center}.qibla-card>div:first-child{justify-self:stretch}.qibla-result{text-align:center;justify-items:center}.qibla-result small{text-align:center}}.sunset-use-cases,.namaz-hub-section{margin-bottom:22px}.sunset-use-cases>h2,.namaz-hub-section>h2{margin-top:8px}.sunset-use-cases .feature-grid{margin-top:18px}.namaz-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.namaz-hub-grid>a{border:1px solid var(--line);background:linear-gradient(145deg,#fff,var(--mint));color:var(--ink);border-radius:18px;gap:8px;padding:20px;text-decoration:none;display:grid}.namaz-hub-grid>a:hover{border-color:#246b52;transform:translateY(-1px)}.namaz-hub-grid span,.namaz-hub-grid small{color:#246b52;font-size:12px;font-weight:850}.namaz-hub-grid strong{font-size:21px}.namaz-hub-grid p{margin:0}.namaz-topic-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.namaz-topic-groups article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.namaz-topic-groups h3{margin:0 0 12px}.namaz-topic-groups .city-switcher-grid{display:grid}.namaz-topic-groups .city-switcher-grid a{text-align:center}.namaz-city-finder{margin-bottom:22px}.namaz-city-finder h2{margin-bottom:8px}.namaz-city-finder>p{margin:0 0 16px}.namaz-city-search,.namaz-city-search form{flex-wrap:wrap;gap:10px;display:flex}.namaz-city-search form{flex:1}.namaz-city-search input{border:1px solid var(--line);min-width:200px;font:inherit;border-radius:10px;flex:1;padding:11px 14px}.namaz-city-finder .city-switcher-grid{margin-top:16px}.namaz-city-finder .location-status{margin:12px 0 0}.namaz-hub-section>h3{margin:24px 0 12px}.namaz-hub-time-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.namaz-hub-time-cards article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,var(--mint));border-radius:18px;min-width:0;padding:18px}.namaz-hub-time-cards .kicker{margin:0;font-size:11px}.namaz-hub-time-cards h2{margin:4px 0 8px;font-size:clamp(22px,2.2vw,28px);line-height:1.15}.namaz-hub-time-date{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.5}.namaz-hub-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.namaz-hub-time-grid>div{border:1px solid var(--line);background:#fff;border-radius:10px;gap:3px;padding:10px;display:grid}.namaz-hub-time-grid span{color:var(--muted);font-size:12px;font-weight:800}.namaz-hub-time-grid strong{font-size:19px}.namaz-hub-time-cards article>a{color:#246b52;margin-top:16px;font-weight:850;display:inline-block}.namaz-all-cities summary{cursor:pointer;border:1px solid var(--line);background:var(--mint);border-radius:10px;padding:12px 14px;font-weight:850}.namaz-all-cities .city-switcher-grid{margin-top:16px}@media (max-width:780px){.namaz-hub-grid,.namaz-topic-groups,.namaz-hub-time-cards{grid-template-columns:1fr}}@media (max-width:440px){.namaz-hub-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pregnancy-page .result-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.pregnancy-page .result-summary>div{min-width:0}.pregnancy-page .result-summary small{color:var(--muted);font-size:12px;line-height:1.4}.pregnancy-milestones,.pregnancy-schedule{border:2px solid var(--ink);background:#ffffffd1;border-radius:26px;gap:22px;margin-bottom:22px;padding:24px;display:grid}.pregnancy-section-heading{gap:8px;display:grid}.pregnancy-section-heading h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.05}.pregnancy-section-heading>p:last-child{max-width:760px;color:var(--muted);margin:0;line-height:1.6}.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.milestone-grid article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;align-items:start;gap:13px;min-width:0;padding:18px;display:grid}.milestone-grid article>div{gap:6px;display:grid}.milestone-icon{background:var(--lavender);color:#6e56cf;border-radius:50%;place-items:center;width:40px;height:40px;font-size:25px;font-weight:900;display:grid}.milestone-grid strong{font-size:17px;line-height:1.2}.milestone-grid b{font-size:14px;line-height:1.35}.milestone-grid small{color:var(--muted);font-size:12px;line-height:1.4}.milestone-age{background:linear-gradient(135deg,#fff,var(--mint))!important}.milestone-age .milestone-icon{background:var(--mint);color:#246b52}.schedule-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.schedule-list article{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:128px 1fr;align-items:start;gap:16px;padding:16px;display:grid}.schedule-list article.is-current{background:linear-gradient(135deg,#fff,#f0fff8);border-color:#246b52}.schedule-week{color:#6e56cf;font-size:14px;font-weight:950;line-height:1.35}.schedule-week span{background:var(--mint);color:#246b52;border-radius:999px;width:max-content;margin-top:7px;padding:4px 8px;font-size:11px;display:block}.schedule-detail{gap:5px;min-width:0;display:grid}.schedule-detail h3{margin:0;font-size:17px;line-height:1.25}.schedule-detail p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.schedule-detail small{color:var(--muted);font-size:12px;line-height:1.4}.schedule-detail small strong{color:var(--ink)}@media (max-width:900px){.pregnancy-page .result-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-grid{grid-template-columns:1fr}.milestone-grid article{min-height:0}}@media (max-width:640px){.pregnancy-milestones,.pregnancy-schedule{border-radius:20px;padding:16px}.pregnancy-page .result-summary,.schedule-list{grid-template-columns:1fr}.schedule-list article{grid-template-columns:112px 1fr;gap:12px;padding:14px}.pregnancy-section-heading h2{font-size:30px}}body:has(.hub-page){color:#202522;background:#fff}body:has(.hub-page) .site-header{border-bottom:1px solid #edf0eb;width:min(1200px,100% - 48px);padding:17px 0}body:has(.hub-page) .site-header .brand-mark{filter:grayscale();width:36px;height:36px}body:has(.hub-page) .site-header .brand{letter-spacing:-.04em;font-size:18px}body:has(.hub-page) .site-header .brand small{display:none}body:has(.hub-page) .nav-category summary{color:#343b36;font-size:13px;font-weight:650}body:has(.hub-page) .nav-category summary:hover{background:#f8faf7;border-color:#e3e8e1}body:has(.hub-page) .site-footer{background:#f3f4f2;border-color:#e8ece6;margin-top:0}.hub-page{color:#202522;background:#fff;overflow:hidden}.hub-page .wrap{width:min(1200px,100% - 48px)}.hub-page .kicker{color:#51735a;letter-spacing:.13em;font-size:11px}.hub-hero{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr);align-items:end;gap:80px;min-height:400px;padding:54px 0 62px;display:grid}.hub-hero-copy,.hub-hero-side{min-width:0}.hub-eyebrow{color:#66746b;letter-spacing:.11em;background:#fafcf9;border:1px solid #e4e9e3;border-radius:999px;align-items:center;gap:9px;margin:0;padding:9px 13px;font-size:11px;font-weight:750;display:inline-flex}.hub-eyebrow span{background:#75a77d;border-radius:50%;width:7px;height:7px}.hub-hero h1{letter-spacing:-.055em;max-width:800px;margin:27px 0 30px;font-size:clamp(52px,5.2vw,68px);font-weight:680;line-height:1.06}.hub-hero h1 em{color:#4d7656;font-style:normal}.hub-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-hero-actions a{border-radius:999px;justify-content:center;align-items:center;gap:16px;min-height:46px;padding:11px 19px;font-size:13px;font-weight:730;text-decoration:none;display:inline-flex}.hub-main-action{color:#fff;background:#315b42}.hub-main-action:hover{background:#254b34}.hub-text-action{color:#273c2d;background:#fff;border:1px solid #dde4dc}.hub-text-action:hover{background:#f4f8f2}.hub-lead{color:#68726b;max-width:400px;margin:0 0 26px;font-size:17px;line-height:1.65}.hub-search{background:#fff;border:1px solid #d8dfd7;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:420px;min-height:54px;padding:6px 8px 6px 14px;display:flex}.hub-search:focus-within{outline-offset:2px;border-color:#5c8866;outline:3px solid #dcebdc}.hub-search-icon{color:#51735a;font-size:26px;line-height:1}.hub-search input{color:#202522;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 0;font-size:14px}.hub-search input::placeholder{color:#89918b}.hub-search-badge{color:#45634a;letter-spacing:.07em;background:#e9f2e8;border-radius:7px;padding:9px;font-size:10px;font-weight:800}.hub-hero-links{color:#8b938d;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:11px;display:flex}.hub-hero-links a{color:#526a56;font-size:11px;font-weight:700;text-decoration:none}.hub-hero-links a:not(:last-child):after{content:"·";color:#aeb8af;margin-left:8px}.hub-hero-links a:hover{text-decoration:underline}.hub-showcase{isolation:isolate;background:#93c581;padding:52px 0 78px;position:relative;overflow:hidden}.hub-showcase:before,.hub-showcase:after{content:"";z-index:-1;pointer-events:none;background:#2f703929;width:125%;height:115px;position:absolute;transform:rotate(31deg)}.hub-showcase:before{top:21%;left:-46%}.hub-showcase:after{bottom:12%;right:-55%;transform:rotate(-30deg)}.hub-showcase-inner{position:relative}.hub-showcase-caption{color:#244b32;letter-spacing:.12em;justify-content:space-between;gap:20px;margin-bottom:22px;font-size:11px;font-weight:850;display:flex}.hub-hero-panel{background:#fff;border:1px solid #e4e9e2;border-radius:15px;overflow:hidden}.hub-panel-top{color:#7f8981;text-align:center;border-bottom:1px solid #e9eee8;grid-template-columns:1fr 1fr 1fr;align-items:center;height:49px;padding:0 20px;font-size:11px;font-weight:650;display:grid}.hub-panel-top>span:last-child{text-align:right}.hub-panel-dots{gap:6px;display:flex}.hub-panel-dots i{background:#ecf0ea;border:1px solid #cfd7ce;border-radius:50%;width:9px;height:9px;display:block}.hub-panel-dots i:first-child{background:#bdddb7}.hub-panel-dots i:nth-child(2){background:#e5e9d8}.hub-panel-body{grid-template-columns:210px minmax(0,1fr);min-height:425px;display:grid}.hub-panel-nav{background:#fbfcfa;border-right:1px solid #ecf0eb;flex-direction:column;align-items:stretch;gap:5px;padding:27px 16px;display:flex}.hub-panel-nav strong{color:#274e34;letter-spacing:-.09em;margin-bottom:24px;font-size:29px;line-height:1}.hub-panel-nav strong span{color:#8fc582}.hub-panel-nav small{color:#9aa69d;letter-spacing:.14em;margin:0 10px 10px;font-size:9px;font-weight:850}.hub-panel-nav button{color:#59675e;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:10px;font-size:12px;font-weight:680;display:flex}.hub-panel-nav button[aria-pressed=true],.hub-panel-nav button:hover{color:#244c31;background:#eaf4e8}.hub-panel-nav button:focus-visible,.hub-panel-controls button:focus-visible{outline-offset:2px;outline:2px solid #315b42}.hub-panel-nav button span{color:#4f7955;text-align:center;width:20px;font-size:17px}.hub-panel-content{flex-direction:column;padding:34px 36px 39px;display:flex}.hub-panel-intro{justify-content:space-between;align-items:start;gap:12px;margin-bottom:24px;display:flex}.hub-panel-intro h2{letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(25px,2.7vw,34px);font-weight:680;line-height:1.1}.hub-panel-intro p:last-child{color:#879188;margin:0;font-size:12px}.hub-panel-intro p:last-child strong{color:#446c4d;font-weight:750}.hub-panel-intro>span{color:#a1aaa2;white-space:nowrap;font-size:10px;font-weight:800}.hub-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.hub-panel-grid a{color:#202522;background:#fff;border:1px solid #e4eae3;border-radius:11px;flex-direction:column;min-height:130px;padding:16px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.hub-panel-grid a:hover{background:#f7fbf6;border-color:#a7c9a3;transform:translateY(-2px)}.hub-panel-grid a>span{color:#7a9a7c;letter-spacing:.1em;font-size:9px;font-weight:850}.hub-panel-grid a strong{margin:18px 24px 5px 0;font-size:17px;font-weight:750;line-height:1.2}.hub-panel-grid a small{color:#7e8981;max-width:250px;font-size:11px;line-height:1.4}.hub-panel-grid a b{color:#5a8a62;font-size:16px;font-weight:500;position:absolute;top:13px;right:15px}.hub-panel-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;display:flex}.hub-panel-progress{gap:5px;display:flex}.hub-panel-progress i{background:#dce5da;border-radius:3px;width:22px;height:3px}.hub-panel-progress i.active{background:#4f8a59}.hub-panel-controls button{color:#55735a;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:11px;font-weight:750}.hub-results,.hub-categories,.hub-all{padding-bottom:90px}.hub-results{padding-top:80px}.hub-categories{padding-top:96px}.hub-section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px;display:flex}.hub-section-head h2{letter-spacing:-.035em;margin:9px 0 0;font-size:clamp(32px,3.4vw,47px);font-weight:680;line-height:1.12}.hub-section-head>span{color:#8c968f;white-space:nowrap;font-size:12px;font-weight:720}.hub-category-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.hub-category-card{color:#242b25;background:#fff;border:1px solid #e4e9e3;border-radius:13px;flex-direction:column;align-items:flex-start;min-height:175px;padding:20px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative}.hub-category-card:hover{background:#f8fbf7;border-color:#a4c7a2;transform:translateY(-2px)}.hub-category-icon{color:#45764e;background:#e9f4e6;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;font-size:23px;font-weight:700;line-height:1;display:grid}.hub-category-card strong{margin-top:23px;font-size:16px;font-weight:760;line-height:1.25}.hub-category-card small{color:#7b857d;max-width:170px;margin-top:7px;font-size:12px;line-height:1.45}.hub-category-go{color:#739777;font-size:17px;position:absolute;top:20px;right:19px}.hub-popular{padding-bottom:88px}.hub-popular-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hub-popular-card{color:#202522;background:#f8fbf7;border:1px solid #dce6dc;border-radius:15px;flex-direction:column;min-height:235px;padding:22px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.hub-popular-card:hover{background:#f0f8ef;border-color:#9ec39f;transform:translateY(-2px)}.hub-popular-index{color:#608367;letter-spacing:.1em;font-size:10px;font-weight:850}.hub-popular-card strong{letter-spacing:-.02em;margin:30px 20px 8px 0;font-size:21px;font-weight:750;line-height:1.2}.hub-popular-card p{color:#7b887e;margin:0 0 24px;font-size:12px;line-height:1.5}.hub-popular-usage{color:#7c8b7e;border-top:1px solid #e0e9df;justify-content:space-between;align-items:baseline;gap:8px;margin-top:auto;padding-top:13px;font-size:11px;display:flex}.hub-popular-usage b{color:#315b42;font-size:17px;font-weight:750}.hub-popular-arrow{color:#628c67;font-size:19px;position:absolute;top:19px;right:20px}.hub-all{border-top:1px solid #e8ece7;padding-top:88px}.hub-group{margin-top:43px;scroll-margin-top:30px}.hub-group-heading{align-items:center;gap:13px;margin-bottom:15px;display:flex}.hub-group-heading h3{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:730}.hub-group-heading p{color:#89948b;margin:4px 0 0;font-size:12px}.hub-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hub-tool-card{color:#202522;background:#fff;border:1px solid #e3e8e1;border-radius:13px;flex-direction:column;min-height:174px;padding:20px;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.hub-tool-card:hover{background:#f8fbf7;border-color:#a5c6a2;transform:translateY(-2px)}.hub-tool-card .hub-tool-category{color:#709574;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.hub-tool-card strong{margin:20px 20px 8px 0;font-size:18px;font-weight:740;line-height:1.2}.hub-tool-card>span:nth-of-type(2){color:#78857b;font-size:12px;line-height:1.5}.hub-tool-arrow{color:#628c67;font-size:19px;position:absolute;bottom:17px;right:19px}.hub-empty{color:#67746a;background:#f9fbf8;border:1px solid #e3e8e1;border-radius:13px;padding:24px}@media (max-width:1000px){.hub-hero{grid-template-columns:minmax(0,1fr) minmax(290px,.75fr);gap:36px}.hub-hero h1{font-size:clamp(50px,6.2vw,68px)}.hub-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.hub-page .wrap{width:min(100% - 32px,1200px)}body:has(.hub-page) .site-header{width:min(100% - 32px,1200px)}.hub-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding:62px 0 70px}.hub-hero h1{max-width:640px;margin:20px 0 25px;font-size:clamp(48px,9vw,68px)}.hub-hero-side{max-width:600px}.hub-lead{max-width:600px;margin-bottom:20px}.hub-search{max-width:550px}.hub-showcase{padding:36px 0 55px}.hub-panel-body{grid-template-columns:155px minmax(0,1fr)}.hub-panel-nav{padding:21px 10px}.hub-panel-nav button{gap:7px;padding:9px 7px;font-size:11px}.hub-panel-content{padding:25px 20px 28px}.hub-panel-grid{gap:8px}.hub-panel-grid a{min-height:145px;padding:12px}.hub-panel-grid a strong{font-size:15px}.hub-categories{padding-top:70px}.hub-popular{padding-bottom:70px}.hub-all{padding-top:70px}.hub-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.hub-panel-body{grid-template-columns:1fr}.hub-panel-nav{border-bottom:1px solid #ecf0eb;border-right:0;flex-direction:row;gap:6px;padding:10px;overflow-x:auto}.hub-panel-nav strong,.hub-panel-nav small{display:none}.hub-panel-nav button{white-space:nowrap;flex:none;width:auto}.hub-panel-content{padding:22px}.hub-panel-grid a{min-height:134px}.hub-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-category-card{min-height:160px}.hub-section-head{flex-direction:column;align-items:start;gap:8px}.hub-results,.hub-categories,.hub-all,.hub-popular{padding-bottom:65px}}@media (max-width:440px){.hub-hero{padding:48px 0 58px}.hub-hero h1{font-size:48px}.hub-hero-actions{gap:8px}.hub-hero-actions a{min-height:43px;padding:10px 13px;font-size:11px}.hub-lead{font-size:15px}.hub-search-badge{padding:9px 7px}.hub-hero-links>span{width:100%}.hub-showcase-caption{font-size:9px}.hub-panel-top{padding:0 11px}.hub-panel-content{padding:20px 14px}.hub-panel-intro h2{font-size:25px}.hub-panel-intro>span{display:none}.hub-panel-grid{grid-template-columns:1fr}.hub-panel-grid a{min-height:107px}.hub-panel-grid a strong{margin-top:11px}.hub-category-grid{gap:8px}.hub-popular-grid{grid-template-columns:1fr;gap:9px}.hub-popular-card{min-height:185px;padding:18px}.hub-popular-card strong{margin-top:20px}.hub-category-card{min-height:170px;padding:14px}.hub-category-card strong{margin-top:18px;font-size:14px}.hub-category-card small{font-size:11px}.hub-category-go{top:14px;right:12px}.hub-tools-grid{grid-template-columns:1fr}.hub-tool-card{min-height:148px}}
:root{--ink:#202522;--muted:#6d786f;--line:#e4eae3;--paper:#fff;--bg:#f8faf7;--yellow:#e9f4e6;--mint:#e9f4e6;--lavender:#eef4ed;--rose:#a6cba4}body{color:var(--ink);background:#fff}.site-header{border-bottom:1px solid #edf0eb;width:min(1200px,100% - 48px);padding:17px 0}.site-header .brand{letter-spacing:-.04em;font-size:18px}.site-header .brand small{display:none}.site-header .brand-mark{filter:grayscale();width:36px;height:36px}.site-header .nav-category summary{color:#343b36;font-size:13px;font-weight:650}.site-header .nav-category summary:hover,.site-header .nav-category summary.is-current,.site-header .nav-category[open]>summary{background:#f8faf7;border-color:#e3e8e1}.site-footer{background:#f3f4f2;border-color:#e8ece6;margin-top:0}.site-footer .footer{grid-template-columns:220px minmax(0,1fr);width:min(1200px,100% - 48px)}.footer-brand{color:#202522}.inner-page{background:#fff}.inner-page .wrap{width:min(1200px,100% - 48px)}.inner-page .breadcrumb{color:#849087;padding-top:25px;font-size:12px;font-weight:700}.inner-page .breadcrumb a{color:#51735a}.inner-page .inner-hero{min-height:260px;padding:49px 0 53px}.inner-page .inner-hero .kicker,main>.hero .kicker{color:#66746b;letter-spacing:.1em;background:#fafcf9;border:1px solid #e4e9e3;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font-size:11px;font-weight:750;display:inline-flex}.inner-page .inner-hero .kicker:before,main>.hero .kicker:before{content:"";background:#75a77d;border-radius:50%;width:7px;height:7px}.inner-page .inner-hero h1,main>.hero h1{color:#202522;letter-spacing:-.055em;max-width:1000px;margin:22px 0 16px;font-size:clamp(43px,5.2vw,68px);font-weight:680;line-height:1.06}main>.hero h1 span{color:#4d7656}.inner-page .inner-hero>p:last-child,main>.hero .lead{color:#68726b;max-width:800px;font-size:17px;line-height:1.65}.inner-page .inner-card h2,.inner-page .seo-module h2,.inner-page .qf-module h2,.faq-section h2,.performance-grid .section-title h2{letter-spacing:-.035em;font-weight:680;line-height:1.12}.inner-page :is(.inner-tool,.pixel-tool,.inner-card,.seo-content>.seo-module,.qf-module,.pregnancy-milestones,.pregnancy-schedule,.faq-section,.namaz-dashboard),:is(.test-shell,.performance-grid,.history,.faq-section .faq details,.qf-module){background:#fff;border:1px solid #e4eae3;border-radius:17px}.inner-page :is(.inner-pair,.inner-content){gap:16px}.inner-page .source-note{background:#f8fbf7;border-color:#dce9dc}.inner-page :is(.result-summary>div,.feature-grid article,.meaning-grid>div,.seo-content ol li,.milestone-grid article,.schedule-list article,.namaz-hub-grid>a,.namaz-hub-time-cards article){background:#fff;border-color:#e4eae3}.inner-page :is(.formula,.rate-buttons button.active,.namaz-all-cities summary){color:#315b42;background:#eaf4e8;border-color:#dce9dc}.inner-page :is(.calculator-result,.sunset-result,.namaz-next-panel,.bmi-result-panel,.fasting-results article.is-primary,.ramadan-lead){background:linear-gradient(145deg,#f8fbf7,#e9f4e6);border-color:#dce9dc}.inner-page :is(.inner-cta,.bottom-cta,.info-band){background:#eaf4e8;border:1px solid #dce9dc}.inner-page .qibla-card{background:linear-gradient(145deg,#fff,#f1f8ef)}.inner-page .sunset-week thead th,.inner-page .qf-table-wrap th,.inner-page .sunset-week tbody tr.is-today{background:#f1f8ef}.inner-page :is(.inner-button,.how-to-cta,.seo-cta a){color:#fff;background:#315b42;border:1px solid #315b42;border-radius:999px;font-weight:730;text-decoration:none}.inner-page :is(.inner-button.secondary,.text-button){color:#315b42;background:#f5faf4;border-color:#dce9dc}.inner-page :is(.inner-button,.how-to-cta,.seo-cta a):hover{color:#fff;background:#254b34}.inner-page .inner-button.secondary:hover{color:#315b42;background:#e9f4e6}.inner-page :is(input,select,textarea):focus-visible,main :is(button,a,summary):focus-visible{outline-offset:3px;outline:2px solid #4d7656}.inner-page .inner-faq details[open]{background:#f8fbf7;border-radius:10px;padding-inline:12px}main>.hero{min-height:300px;padding:55px 0 38px}main>.hero .kicker{justify-self:start;width:max-content}.hero-tags span{color:#45634a;background:#f8fbf7;border-color:#dce9dc}.test-shell,.direct-type-surface{border-color:#e4eae3}.test-head,.scoreboard{background:#fff}.scoreboard div:first-child{background:#eaf4e8}.scoreboard div:nth-child(2){background:#f8fbf7}.tabs button.active,.time-picker button.active{color:#315b42;background:#eaf4e8;border-color:#dce9dc}.restart,.bottom-cta a{color:#fff;background:#315b42;border-color:#315b42;border-radius:999px}.performance-card{background:#f8fbf7;border-color:#e4eae3}.best-card{background:#eaf4e8;border-color:#dce9dc}.history-list div{border-color:#e4eae3}.info-band{background:#eaf4e8;border-color:#dce9dc}.seo-content>.seo-module ol li:before,.seo-feature-module .feature-grid article:before,.schedule-week{color:#51735a}@media (max-width:900px){.site-footer .footer{grid-template-columns:170px minmax(0,1fr)}}@media (max-width:780px){.site-header,.inner-page .wrap,.site-footer .footer{width:min(100% - 32px,1200px)}.inner-page .inner-hero{min-height:0;padding:38px 0 44px}.inner-page .inner-hero h1{font-size:clamp(42px,8vw,60px)}}@media (max-width:600px){.site-footer .footer{grid-template-columns:1fr}.inner-page .inner-hero{padding:32px 0 38px}.inner-page .inner-hero h1{font-size:42px}}