.hb-utility-screen{--hb-util-blue:#2758a5;--hb-util-green:#13735f;--hb-util-purple:#7146ba;--hb-util-red:#b94b34}
.hb-utility-shell{padding:14px 14px 42px;max-width:760px;margin:0 auto}
.hb-utility-shell .hb-tool-detail-head{padding:2px 1px 18px}
.hb-utility-refresh{width:42px;height:42px;margin-right:auto;border:1px solid var(--hb-line);border-radius:14px;background:var(--hb-surface);color:var(--hb-accent);display:grid;place-items:center;cursor:pointer}
.hb-utility-refresh svg{width:19px;height:19px}.hb-utility-refresh.is-loading svg{animation:hbUtilitySpin .8s linear infinite}
.hb-utility-block{margin-top:15px}.hb-utility-block>header{display:flex;align-items:end;justify-content:space-between;margin:0 3px 9px}.hb-utility-block>header span{font-size:12px;color:var(--hb-accent);font-weight:800}.hb-utility-block>header h2{margin:1px 0 0;font-size:17px}
.hb-utility-loading{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--hb-muted);font-size:12px}.hb-utility-loading i{width:27px;height:27px;border:3px solid rgba(8,127,131,.12);border-top-color:var(--hb-accent);border-radius:50%;animation:hbUtilitySpin .8s linear infinite}
.hb-tool-note{margin:15px 3px 0;color:var(--hb-muted);font-size:12px;line-height:1.8;text-align:center}
.hb-currency-card{position:relative;overflow:hidden;border-radius:29px;padding:23px 19px 20px;color:#fff;background:radial-gradient(circle at 0 0,rgba(255,221,121,.32),transparent 35%),linear-gradient(145deg,#17775f,#093f39);box-shadow:0 22px 55px rgba(8,83,69,.2);isolation:isolate}.hb-currency-card:before{content:"";position:absolute;width:230px;height:230px;left:-120px;bottom:-160px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);z-index:-1}.hb-currency-glow{position:absolute;width:150px;height:150px;right:-75px;top:-85px;border-radius:50%;background:rgba(74,222,186,.22);filter:blur(5px);z-index:-1}
.hb-currency-amount{display:block}.hb-currency-amount>span,.hb-currency-pair label>span{display:block;color:rgba(255,255,255,.66);font-size:12px;margin-bottom:4px}.hb-currency-amount input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.24);outline:0;background:transparent;color:#fff;font:800 38px/1.25 Vazirmatn,sans-serif;text-align:right;direction:ltr}.hb-currency-pair{display:grid;grid-template-columns:1fr 45px 1fr;align-items:end;gap:10px;margin-top:17px}.hb-currency-pair label{min-width:0}.hb-currency-pair select{width:100%;height:47px;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:0 10px;background:rgba(255,255,255,.1);color:#fff;outline:0;font:700 12px Vazirmatn,sans-serif}.hb-currency-pair select option{color:#111}.hb-currency-pair button{width:45px;height:45px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.13);color:#fff;display:grid;place-items:center;cursor:pointer}.hb-currency-pair button svg{width:19px;transform:rotate(90deg)}
.hb-currency-result{margin-top:20px;padding:15px;border:1px solid rgba(255,255,255,.14);border-radius:19px;background:rgba(0,25,22,.18)}.hb-currency-result small{display:block;color:rgba(255,255,255,.64);font-size:12px}.hb-currency-result strong{display:block;margin-top:4px;font-size:28px;line-height:1.25;direction:ltr;text-align:right}.hb-currency-result>span{display:block;margin-top:5px;color:#bce8db;font-size:12px}
.hb-currency-popular{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hb-currency-popular button{min-width:0;border:1px solid var(--hb-line);border-radius:18px;padding:13px;background:var(--hb-surface);text-align:right;color:var(--hb-text);cursor:pointer;box-shadow:0 8px 22px rgba(12,54,59,.045)}.hb-currency-popular button>span{display:flex;align-items:center;justify-content:space-between;gap:8px}.hb-currency-popular i{width:28px;height:28px;border-radius:10px;background:rgba(19,115,95,.1);color:var(--hb-util-green);display:grid;place-items:center;font-size:12px;font-style:normal;font-weight:850;direction:ltr}.hb-currency-popular small{font-size:12px;color:var(--hb-muted)}.hb-currency-popular strong{display:block;margin-top:8px;font-size:15px;direction:ltr;text-align:right}.hb-currency-popular em{display:block;margin-top:2px;font-style:normal;font-size:12px;color:var(--hb-muted)}.hb-currency-meta{margin-top:11px;padding:11px 13px;border-radius:14px;background:var(--hb-surface-2);color:var(--hb-muted);font-size:12px;line-height:1.8}.hb-currency-error{padding:18px;border:1px solid rgba(185,75,52,.2);border-radius:18px;background:rgba(185,75,52,.07);color:var(--hb-text);text-align:center;font-size:12px}
.hb-date-tool-card,.hb-age-input-card{border:1px solid var(--hb-line);border-radius:27px;padding:18px;background:var(--hb-surface);box-shadow:0 18px 45px rgba(41,48,92,.08)}.hb-date-tool-card{background:radial-gradient(circle at 100% 0,rgba(113,70,186,.1),transparent 33%),var(--hb-surface)}
.hb-date-kind{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;border-radius:15px;background:var(--hb-surface-2)}.hb-date-kind button{height:38px;border:0;border-radius:11px;background:transparent;color:var(--hb-muted);font:750 12px Vazirmatn,sans-serif;cursor:pointer}.hb-date-kind button.is-active{background:var(--hb-surface);color:var(--hb-util-purple);box-shadow:0 5px 16px rgba(42,35,83,.1)}
.hb-date-fields{display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:7px;margin-top:16px}.hb-date-fields label>span{display:block;margin:0 3px 5px;color:var(--hb-muted);font-size:12px}.hb-date-fields input,.hb-date-fields select{width:100%;height:49px;border:1px solid var(--hb-line);border-radius:14px;outline:0;padding:0 10px;background:var(--hb-surface-2);color:var(--hb-text);font:750 12px Vazirmatn,sans-serif;text-align:center}.hb-date-fields input:focus,.hb-date-fields select:focus{border-color:rgba(113,70,186,.45);box-shadow:0 0 0 3px rgba(113,70,186,.08)}
.hb-primary-action{width:100%;height:49px;margin-top:14px;border:0;border-radius:15px;background:linear-gradient(135deg,#7a4dc3,#4c348a);color:#fff;font:800 12px Vazirmatn,sans-serif;cursor:pointer;box-shadow:0 11px 23px rgba(91,57,157,.22)}
.hb-date-results,.hb-age-results{margin-top:12px}.hb-date-placeholder{min-height:190px;border:1px dashed rgba(113,70,186,.25);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--hb-muted)}.hb-date-placeholder svg{width:36px;height:36px;margin-bottom:10px;color:var(--hb-util-purple)}.hb-date-placeholder strong{color:var(--hb-text);font-size:12px}.hb-date-placeholder span{margin-top:4px;font-size:12px}
.hb-date-output-grid{display:grid;gap:8px}.hb-date-output{position:relative;overflow:hidden;border:1px solid var(--hb-line);border-radius:20px;padding:15px 16px;background:var(--hb-surface);display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px}.hb-date-output>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(113,70,186,.1);color:var(--hb-util-purple);font-size:12px;font-weight:850}.hb-date-output:nth-child(2)>span{background:rgba(39,88,165,.1);color:var(--hb-util-blue)}.hb-date-output:nth-child(3)>span{background:rgba(19,115,95,.1);color:var(--hb-util-green)}.hb-date-output small{display:block;color:var(--hb-muted);font-size:12px}.hb-date-output strong{display:block;margin-top:2px;font-size:14px}.hb-date-output em{display:block;margin-top:3px;color:var(--hb-muted);font-style:normal;font-size:12px}.hb-date-error{padding:16px;border-radius:18px;background:rgba(185,75,52,.08);color:#a94330;text-align:center;font-size:12px}
.hb-copy-all{width:100%;height:44px;margin-top:9px;border:1px solid rgba(113,70,186,.22);border-radius:14px;background:rgba(113,70,186,.08);color:var(--hb-util-purple);display:flex;align-items:center;justify-content:center;gap:7px;font:750 12px Vazirmatn,sans-serif;cursor:pointer}.hb-copy-all svg{width:16px}
.hb-age-input-card{text-align:center;background:radial-gradient(circle at 50% 0,rgba(192,90,101,.12),transparent 34%),var(--hb-surface)}.hb-age-orb{width:64px;height:64px;margin:1px auto 10px;border-radius:22px;background:linear-gradient(145deg,#d06a73,#85374d);color:#fff;display:grid;place-items:center;position:relative;box-shadow:0 14px 28px rgba(155,60,76,.2)}.hb-age-orb svg{width:30px}.hb-age-orb i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffd7a6;top:9px;left:10px;box-shadow:0 0 11px #ffd7a6}.hb-age-input-card h2{margin:0;font-size:17px}.hb-age-input-card>p{margin:3px 0 15px;color:var(--hb-muted);font-size:12px}.hb-age-input-card .hb-date-kind button.is-active{color:#b24c5d}.hb-age-input-card .hb-primary-action{background:linear-gradient(135deg,#c45d68,#7e344a);box-shadow:0 11px 23px rgba(165,62,79,.2)}
.hb-age-hero{overflow:hidden;position:relative;border-radius:26px;padding:21px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,214,164,.3),transparent 30%),linear-gradient(145deg,#c05a65,#743046);box-shadow:0 18px 40px rgba(146,53,72,.18)}.hb-age-hero small{color:rgba(255,255,255,.68);font-size:12px}.hb-age-hero h2{margin:3px 0;font-size:25px}.hb-age-hero p{margin:0;color:rgba(255,255,255,.72);font-size:12px}.hb-age-calendar-grid{display:grid;gap:8px;margin-top:9px}.hb-age-calendar{border:1px solid var(--hb-line);border-radius:19px;padding:14px;background:var(--hb-surface);display:flex;align-items:center;justify-content:space-between;gap:10px}.hb-age-calendar span small{display:block;color:var(--hb-muted);font-size:12px}.hb-age-calendar span strong{display:block;margin-top:2px;font-size:12px}.hb-age-calendar>strong{font-size:17px;color:var(--hb-util-purple);white-space:nowrap}.hb-age-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.hb-age-facts span{border-radius:17px;padding:13px;background:var(--hb-surface-2);text-align:center}.hb-age-facts small{display:block;color:var(--hb-muted);font-size:12px}.hb-age-facts strong{display:block;margin-top:3px;font-size:15px}
.hb-quake-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;margin-bottom:11px;border-radius:16px;background:var(--hb-surface-2)}.hb-quake-tabs button{height:42px;border:0;border-radius:12px;background:transparent;color:var(--hb-muted);font:750 12px Vazirmatn,sans-serif;cursor:pointer}.hb-quake-tabs button.is-active{background:var(--hb-surface);color:var(--hb-util-red);box-shadow:0 6px 18px rgba(70,41,35,.1)}
.hb-quake-summary{min-height:145px;overflow:hidden;position:relative;border-radius:26px;padding:19px;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,181,112,.32),transparent 30%),linear-gradient(145deg,#bd5235,#652a21);box-shadow:0 18px 45px rgba(131,53,37,.18)}.hb-quake-summary:before{content:"";position:absolute;width:160px;height:160px;left:-90px;bottom:-100px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.025)}.hb-quake-summary .hb-utility-loading{min-height:107px;color:rgba(255,255,255,.7)}.hb-quake-summary .hb-utility-loading i{border-color:rgba(255,255,255,.18);border-top-color:#fff}.hb-quake-summary-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.hb-quake-summary-top>div>small{font-size:12px;color:rgba(255,255,255,.65)}.hb-quake-summary-top h2{margin:2px 0;font-size:18px}.hb-quake-summary-mag{width:70px;height:70px;border:1px solid rgba(255,255,255,.2);border-radius:23px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:29px;font-weight:900;direction:ltr}.hb-quake-summary-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:11px;border-top:1px solid rgba(255,255,255,.13);font-size:12px;color:rgba(255,255,255,.7)}
.hb-quake-list{display:flex;flex-direction:column;gap:8px;margin-top:11px}.hb-quake-item{width:100%;border:1px solid var(--hb-line);border-radius:20px;padding:13px;background:var(--hb-surface);display:grid;grid-template-columns:55px 1fr 18px;gap:11px;align-items:center;color:var(--hb-text);text-decoration:none;text-align:right;font:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hb-quake-item:hover{transform:translateY(-1px);border-color:rgba(185,75,52,.25);box-shadow:0 10px 25px rgba(57,34,27,.07)}.hb-quake-item:focus-visible{outline:3px solid rgba(185,75,52,.18);outline-offset:2px}.hb-quake-mag{width:53px;height:53px;border-radius:17px;background:rgba(19,115,95,.09);color:var(--hb-util-green);display:grid;place-items:center;font-size:18px;font-weight:900;direction:ltr}.hb-quake-item.is-medium .hb-quake-mag{background:rgba(226,151,57,.11);color:#c2751c}.hb-quake-item.is-strong .hb-quake-mag{background:rgba(185,75,52,.11);color:var(--hb-util-red)}.hb-quake-item-copy{min-width:0}.hb-quake-item-copy strong{display:block;font-size:12px;line-height:1.55}.hb-quake-item-copy small{display:block;margin-top:3px;color:var(--hb-muted);font-size:12px}.hb-quake-item>i{font-style:normal;color:var(--hb-muted);font-size:22px}.hb-quake-empty{min-height:210px;border:1px dashed rgba(185,75,52,.25);border-radius:23px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.hb-quake-empty svg{width:38px;color:var(--hb-util-red)}.hb-quake-empty strong{margin-top:9px;font-size:12px}.hb-quake-empty span{margin-top:4px;color:var(--hb-muted);font-size:12px;line-height:1.8}
.hb-quake-modal{position:fixed;inset:0;z-index:240;opacity:0;pointer-events:none;transition:opacity .22s ease}.hb-quake-modal.is-open{opacity:1;pointer-events:auto}.hb-quake-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(14,10,9,.62);backdrop-filter:blur(8px);cursor:pointer}.hb-quake-modal-panel{position:absolute;right:0;bottom:0;left:0;max-height:92dvh;border-radius:30px 30px 0 0;background:var(--hb-bg);color:var(--hb-text);box-shadow:0 -24px 70px rgba(20,10,7,.28);overflow:auto;overscroll-behavior:contain;transform:translateY(102%);transition:transform .3s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(18px + env(safe-area-inset-bottom))}.hb-quake-modal.is-open .hb-quake-modal-panel{transform:none}.hb-quake-modal-handle{display:block;width:42px;height:4px;margin:9px auto 2px;border-radius:999px;background:var(--hb-line)}.hb-quake-modal-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 17px 12px;border-bottom:1px solid var(--hb-line);background:color-mix(in srgb,var(--hb-bg) 92%,transparent);backdrop-filter:blur(16px)}.hb-quake-modal-head small,.hb-quake-modal-head strong{display:block}.hb-quake-modal-head small{color:var(--hb-util-red);font-size:12px;font-weight:750}.hb-quake-modal-head strong{margin-top:2px;font-size:15px}.hb-quake-modal-close{width:40px;height:40px;border:1px solid var(--hb-line);border-radius:14px;background:var(--hb-surface);color:var(--hb-text);display:grid;place-items:center;cursor:pointer}.hb-quake-modal-close svg{width:18px;height:18px}.hb-quake-modal-close:focus-visible{outline:3px solid rgba(185,75,52,.2);outline-offset:2px}.hb-quake-modal-hero{margin:14px 15px 0;padding:18px;border-radius:24px;display:grid;grid-template-columns:76px 1fr;gap:15px;align-items:center;color:#fff;background:radial-gradient(circle at 100% 0,rgba(255,190,125,.32),transparent 32%),linear-gradient(145deg,#b64b32,#61271f);overflow:hidden;position:relative}.hb-quake-modal-hero:after{content:"";position:absolute;width:130px;height:130px;left:-78px;bottom:-86px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025)}.hb-quake-modal-mag{width:74px;height:74px;border:1px solid rgba(255,255,255,.22);border-radius:24px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:29px;font-weight:900;direction:ltr}.hb-quake-modal-hero small{font-size:12px;color:rgba(255,255,255,.67)}.hb-quake-modal-hero h2{margin:3px 0 4px;font-size:18px;line-height:1.55}.hb-quake-modal-hero p{margin:0;color:rgba(255,255,255,.72);font-size:12px}.hb-quake-modal-body{padding:12px 15px 4px}.hb-quake-quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hb-quake-quick-stats>span{min-width:0;padding:12px 8px;border:1px solid var(--hb-line);border-radius:17px;background:var(--hb-surface);text-align:center}.hb-quake-quick-stats small{display:block;color:var(--hb-muted);font-size:12px}.hb-quake-quick-stats strong{display:block;margin-top:3px;font-size:12px;line-height:1.45}.hb-quake-detail-table{margin-top:11px;border:1px solid var(--hb-line);border-radius:20px;background:var(--hb-surface);overflow:hidden}.hb-quake-detail-row{display:grid;grid-template-columns:minmax(105px,36%) minmax(0,1fr);gap:12px;align-items:center;min-height:51px;padding:10px 13px}.hb-quake-detail-row+.hb-quake-detail-row{border-top:1px solid var(--hb-line)}.hb-quake-detail-row span{color:var(--hb-muted);font-size:12px}.hb-quake-detail-row strong{font-size:12px;line-height:1.65;text-align:left;font-weight:750;overflow-wrap:anywhere}.hb-quake-detail-row.is-coordinate strong{direction:ltr;font-variant-numeric:tabular-nums}.hb-quake-modal-note{margin:10px 4px 0;padding:11px 12px;border-radius:14px;background:rgba(185,75,52,.07);color:var(--hb-muted);font-size:12px;line-height:1.9}.hb-quake-modal-open{overflow:hidden}
@keyframes hbUtilitySpin{to{transform:rotate(360deg)}}
@media(min-width:700px){.hb-utility-shell{padding:27px 28px 55px}.hb-currency-card{padding:28px}.hb-currency-popular{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-date-output-grid,.hb-age-calendar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-date-output{grid-template-columns:1fr;text-align:center}.hb-date-output>span{margin:0 auto}.hb-age-facts{grid-template-columns:repeat(4,1fr)}.hb-quake-modal{display:grid;place-items:center;padding:28px}.hb-quake-modal-panel{position:relative;right:auto;bottom:auto;left:auto;width:min(100%,620px);max-height:min(86dvh,760px);border-radius:30px;transform:translateY(18px) scale(.97);opacity:0;box-shadow:0 30px 90px rgba(20,10,7,.35)}.hb-quake-modal.is-open .hb-quake-modal-panel{transform:none;opacity:1}.hb-quake-modal-handle{display:none}.hb-quake-modal-head{padding:15px 20px}.hb-quake-modal-hero{margin:17px 19px 0;padding:22px}.hb-quake-modal-body{padding:14px 19px 8px}.hb-quake-detail-row{grid-template-columns:190px 1fr;padding-right:17px;padding-left:17px}.hb-quake-detail-row strong{font-size:12px}.hb-quake-modal-note{font-size:12px}}
@media(max-width:370px){.hb-currency-pair{grid-template-columns:1fr 39px 1fr;gap:6px}.hb-currency-pair button{width:39px;height:43px}.hb-currency-result strong{font-size:23px}.hb-date-fields{gap:4px}.hb-date-fields input,.hb-date-fields select{padding:0 5px;font-size:12px}.hb-quake-item{grid-template-columns:49px 1fr 13px;padding:10px}.hb-quake-mag{width:47px;height:47px}}

/* Weather, air quality and Qibla */
.hb-weather-hero{min-height:250px;overflow:hidden;position:relative;border-radius:28px;padding:21px;color:#fff;background:radial-gradient(circle at 8% 12%,rgba(255,218,118,.34),transparent 30%),linear-gradient(145deg,#238f90,#245b8f);box-shadow:0 20px 48px rgba(24,91,117,.2)}.hb-weather-hero:after{content:"";position:absolute;left:-80px;bottom:-110px;width:210px;height:210px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.03),0 0 0 64px rgba(255,255,255,.018)}.hb-weather-hero .hb-utility-loading{color:rgba(255,255,255,.78)}.hb-weather-hero .hb-utility-loading i{border-color:rgba(255,255,255,.22);border-top-color:#fff}.hb-weather-main{position:relative;z-index:1;display:flex;align-items:center;gap:17px}.hb-weather-symbol{width:76px;height:76px;border:1px solid rgba(255,255,255,.2);border-radius:25px;background:rgba(255,255,255,.12);display:grid;place-items:center;font-size:39px}.hb-weather-main small{display:block;color:rgba(255,255,255,.75);font-size:13px!important}.hb-weather-main strong{display:block;font-size:42px;line-height:1.15}.hb-weather-main p{margin:2px 0 0;color:rgba(255,255,255,.74);font-size:13px!important}.hb-weather-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:20px}.hb-weather-stats>span{min-width:0;padding:10px 6px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(4,39,49,.13);text-align:center}.hb-weather-stats small,.hb-weather-stats strong{display:block}.hb-weather-stats small{color:rgba(255,255,255,.67);font-size:12px!important}.hb-weather-stats strong{margin-top:2px;font-size:14px}.hb-weather-sun{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.77);font-size:12px}
.hb-weather-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.hb-air-card,.hb-qibla-card{min-width:0;min-height:220px;padding:16px;border:1px solid var(--hb-line);border-radius:23px;background:var(--hb-surface);box-shadow:0 10px 28px rgba(5,55,59,.06)}.hb-air-card header span,.hb-qibla-card header span{display:block;color:var(--hb-muted);font-size:12px}.hb-air-card header strong,.hb-qibla-card header strong{display:block;margin-top:3px;font-size:14px;line-height:1.55}.hb-air-card header strong.is-good{color:#16806b}.hb-air-card header strong.is-moderate{color:#9a7320}.hb-air-card header strong.is-sensitive,.hb-air-card header strong.is-unhealthy,.hb-air-card header strong.is-hazardous{color:#b04a3f}.hb-air-meter{height:12px;margin-top:29px;border-radius:999px;background:linear-gradient(90deg,#35a97c,#d9a23b 48%,#c04f3a);overflow:hidden;position:relative}.hb-air-meter:after{content:"";position:absolute;inset:0;background:rgba(255,255,255,.54)}.hb-air-meter i{position:relative;z-index:1;display:block;width:0;height:100%;background:linear-gradient(90deg,#35a97c,#d9a23b 60%,#c04f3a);transition:width .4s ease}.hb-air-card>div:last-child{display:flex;justify-content:space-between;gap:8px;margin-top:15px;color:var(--hb-muted);font-size:12px}.hb-qibla-compass{position:relative;width:125px;height:125px;margin:13px auto 0;border:1px solid var(--hb-line);border-radius:50%;background:radial-gradient(circle,var(--hb-surface-2),var(--hb-surface));box-shadow:inset 0 0 0 8px var(--hb-surface)}.hb-qibla-compass:before,.hb-qibla-compass:after{content:"";position:absolute;background:var(--hb-line)}.hb-qibla-compass:before{top:8px;bottom:8px;right:50%;width:1px}.hb-qibla-compass:after{right:8px;left:8px;top:50%;height:1px}.hb-qibla-compass i{position:absolute;z-index:2;inset:21px;transform-origin:center;display:grid;place-items:start center;color:var(--hb-clay);font-style:normal;font-size:35px;transition:transform .5s ease}.hb-qibla-compass span,.hb-qibla-compass b{position:absolute;z-index:3;font-size:12px}.hb-qibla-compass span{top:2px;right:50%;transform:translateX(50%);color:var(--hb-muted)}.hb-qibla-compass b{right:50%;bottom:8px;transform:translateX(50%);color:var(--hb-clay)}.hb-weather-city-change{width:100%;min-height:64px;margin-top:10px;border:1px solid var(--hb-line);border-radius:19px;background:var(--hb-surface);color:var(--hb-text);display:grid;grid-template-columns:40px 1fr 18px;gap:10px;align-items:center;padding:10px 12px;text-align:right}.hb-weather-city-change>svg:first-child{width:40px;height:40px;padding:9px;border-radius:13px;background:rgba(8,127,131,.1);color:var(--hb-accent)}.hb-weather-city-change>svg:last-child{width:16px;transform:rotate(180deg);color:var(--hb-muted)}.hb-weather-city-change strong,.hb-weather-city-change small{display:block}.hb-weather-city-change strong{font-size:13px}.hb-weather-city-change small{color:var(--hb-muted);font-size:12px!important}
@media(max-width:480px){.hb-weather-grid{grid-template-columns:1fr}.hb-air-card,.hb-qibla-card{min-height:190px}.hb-weather-stats{grid-template-columns:repeat(2,1fr)}.hb-weather-symbol{width:66px;height:66px}.hb-weather-main strong{font-size:36px}}

/* Date and mathematical controls read naturally from left to right. */
.hb-date-tool-card .hb-date-fields,.hb-age-input-card .hb-date-fields,.hb-date-fields{direction:ltr}.hb-date-fields label{direction:rtl}.hb-date-fields input,.hb-date-fields select{direction:ltr;text-align:center}