/* FarooqStars celestial design. Original calculations and controls are retained. */
:root{--cosmic-bg:#080b11;--cosmic-panel:#11161e;--cosmic-ink:#ede9df;--cosmic-muted:#a0aab9;--cosmic-line:#ffffff16;--cosmic-gold:#cdb383;--cosmic-accent:#b8cbe7}
html{background:var(--cosmic-bg);scroll-behavior:smooth}
html body{background:radial-gradient(ellipse at 50% 0,#22334935,transparent 55%),var(--cosmic-bg)!important;color:var(--cosmic-ink)!important;--bg:var(--cosmic-bg);--ink:var(--cosmic-ink);--mut:var(--cosmic-muted);--dim:#788498;--line:var(--cosmic-line);--accent:var(--cosmic-accent);--good:#87c5ac;--bad:#da9490;--warn:#d4b581;min-height:100vh;position:relative;isolation:isolate}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.65;background-image:radial-gradient(1px 1px at 8% 14%,#ced9ea 90%,transparent),radial-gradient(1px 1px at 28% 45%,#ffffff 90%,transparent),radial-gradient(1.4px 1.4px at 74% 23%,#b5cdea 90%,transparent),radial-gradient(.8px .8px at 92% 62%,#e1d0ae 90%,transparent),radial-gradient(.8px .8px at 58% 87%,#d2d9e2 90%,transparent);background-size:397px 383px,293px 471px,487px 359px,317px 443px,461px 523px}
html body .wrap{max-width:1120px;padding:38px 32px 100px}
html body header{padding-bottom:26px;margin-bottom:26px;border-color:var(--cosmic-line)}
html body .brand{color:var(--cosmic-gold);letter-spacing:.24em;font-size:12px}
html body .appname{font-size:clamp(38px,5vw,58px);font-weight:400;letter-spacing:-.035em;color:var(--cosmic-ink);line-height:1.3}
html body .tagline{font-size:13px;line-height:1.8;max-width:650px;color:var(--cosmic-muted)}
html body .sect,html body h2.sect{font-size:25px;font-weight:400;letter-spacing:-.02em;margin-top:35px}
html body .bar{padding:13px 15px;background:#ffffff04;border:1px solid var(--cosmic-line);border-radius:14px;gap:10px;margin-bottom:22px}
html body button,html body select,html body .chip,html body .icon,html body .fs-act,html body .fs-fontsel{color:var(--cosmic-ink);border-color:#a7bbd329;background:#ffffff04;border-radius:9px;transition:background .2s,border-color .2s,transform .2s}
html body button:hover,html body .icon:hover,html body .fs-act:hover{background:#ffffff0d;border-color:#cdb38370}
html body button:focus-visible,html body a:focus-visible,html body input:focus-visible,html body select:focus-visible{outline:2px solid var(--cosmic-gold);outline-offset:4px}
html body button.on,html body .seg .on,html body .chip.on{background:#b8cbe718;border-color:#b8cbe780;color:#f7f3e9}
html body select option{background:#141b25;color:#ede9df}
html body input:not([type=range]){background:#080d14!important;color:var(--cosmic-ink)!important;border-color:#a7bbd32b!important}
html body input[type=range]{accent-color:var(--cosmic-gold)}
html body .grid{gap:14px}
html body .card{background:linear-gradient(145deg,#1c263145,#0c111b70)!important;border:1px solid var(--cosmic-line)!important;border-radius:17px;padding:21px 23px;box-shadow:0 8px 35px #00000012;overflow:hidden}
html body .card.hi{border-color:#b8cbe736!important;background:linear-gradient(140deg,#26374770,#0c111b90)!important}
html body .lab{color:#9fadc0;letter-spacing:.13em;font-size:10px;margin-bottom:10px}
html body .val{color:var(--cosmic-ink);font-weight:400;line-height:1.5;font-size:29px}
html body .sub{color:#a0aab9;line-height:1.8}
html body .note{color:#b4bdcc;line-height:1.85}
html body .meter{background:#ffffff0b;height:3px}
html body .meter b{background:var(--cosmic-accent)!important}
html body .slot{padding:16px 18px;border-color:var(--cosmic-line);background:#ffffff02;gap:12px}
html body .slot.now{background:#a9c7ba0c;border:1px solid #a9c7ba40;border-radius:11px}
html body .nowtag{color:#c2e4d3;background:#8fc8b51a;border-color:#8fc8b54a}
html body .tm{font-variant-numeric:tabular-nums}
html body .tw{border:1px solid var(--cosmic-line);border-radius:14px;background:#ffffff02}
html body table{background:transparent}html body td,html body th{border-color:var(--cosmic-line)}
html body .fs-nav{background:#0b101aee!important;border-color:var(--cosmic-line)!important;backdrop-filter:blur(18px)}
html body .fs-home{color:var(--cosmic-gold)!important}
html body .fs-chip{color:#a0aab9!important;border-color:transparent!important;background:transparent!important;border-radius:8px!important}
html body .fs-chip.active,html body .fs-chip.on{color:#ede9df!important;border-color:#cdb38350!important;background:#cdb38312!important}
html body .fs-f-card{background:linear-gradient(140deg,#1b253140,#0a101a70)!important;border-color:var(--cosmic-line)!important;border-radius:14px!important}
html body .fs-guide{background:#ffffff03!important;border-color:var(--cosmic-line)!important;border-radius:14px!important}
html body .fs-guide summary{color:var(--cosmic-gold)}
html body .lead{font-size:19px;line-height:1.95;color:#b7c2d2;max-width:790px}
html body .livestrip{padding:17px 20px;background:#ffffff03;border:1px solid var(--cosmic-line);border-radius:13px;gap:10px}
html body .fhead{border-color:var(--cosmic-line)}html body .fhead b{color:var(--cosmic-gold)}
html body .tool{position:relative;background:linear-gradient(145deg,#24324455,#0a101a80)!important;border-color:var(--cosmic-line)!important;border-radius:17px!important;padding:25px!important;overflow:hidden;transition:transform .25s,border-color .25s}
html body .tool:hover{transform:translateY(-4px);border-color:#cdb38360!important}
html body .tool .tg{color:var(--cosmic-muted)}
html body .offer{background:linear-gradient(130deg,#302b2135,#18222b40)!important;border-color:#cdb38330!important;border-radius:18px}
html body footer{border-color:var(--cosmic-line);color:#8e9bad;line-height:1.8}
.celestial-hero{position:relative;min-height:340px;border:1px solid #b8cbe722;border-radius:22px;margin:4px 0 28px;background:radial-gradient(ellipse at 50% 46%,#2c405334,transparent 66%),#080c13;overflow:hidden}
.celestial-hero canvas{display:block;width:100%;height:360px}
.celestial-hero .celestial-caption{position:absolute;inset:auto 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#b5c2d3;font-size:11px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.celestial-caption strong{color:#dfcfac;font-weight:400;letter-spacing:.04em}
.celestial-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:12px 18px;border:1px solid var(--cosmic-line);border-radius:12px;background:#0d141dee;margin:12px 0 24px;font-size:12px}
.celestial-controls label{display:flex;gap:9px;align-items:center}.celestial-controls input[type=range]{width:110px}.celestial-controls output{min-width:36px;font-variant-numeric:tabular-nums}.celestial-controls button{padding:7px 12px;margin-inline-start:auto}
.celestial-orb{position:absolute;top:18px;inset-inline-end:18px;width:76px;height:76px;opacity:.8;pointer-events:none}
html body .tool:has(.celestial-orb){padding-inline-end:115px!important;min-height:145px}
html body #hero{background:radial-gradient(ellipse at 50% 50%,#1b2b3c33,transparent 62%),#080b11!important;min-height:620px}
html body #stage{background:transparent!important}
html body #pills .seg,html body #pills .pillrow{background:transparent}
html body #pills button,html body #pills .seg{border-color:#b8cbe730;background:#101923b8;backdrop-filter:blur(14px)}
html body #pills .on{color:#f5e1b9;background:#cdb38318}
html body .hint{color:#90a2b6}
html body #content{max-width:1120px}html body #content .card{border-color:var(--cosmic-line)}
html body canvas.viz{border:1px solid var(--cosmic-line)!important;border-radius:20px!important;background:radial-gradient(ellipse at 50% 50%,#1d3d4940,transparent 65%),#080c13!important}
html body #wave{height:230px!important}html body #breath{height:430px!important}
html.fs-day body{--cosmic-bg:#f2f0e9;--cosmic-panel:#fffdf8;--cosmic-ink:#202d3c;--cosmic-muted:#5c6c7e;--cosmic-line:#24364b20;--cosmic-gold:#886a3e;--cosmic-accent:#44698a;--bg:#f2f0e9;--ink:#202d3c;--mut:#5c6c7e;--dim:#718092;--line:#24364b20;--good:#31755b;--bad:#aa514b;--warn:#95702a;background:radial-gradient(ellipse at 50% 0,#b1c5d333,transparent 55%),#f2f0e9!important}
html.fs-day body::before{opacity:.1}
html.fs-day body .card,html.fs-day body .tool,html.fs-day body .fs-f-card,html.fs-day body .offer{background:linear-gradient(145deg,#fffefacc,#e4e9ee80)!important}
html.fs-day body .card.hi{background:linear-gradient(140deg,#fffdf9,#dce5eb80)!important;border-color:#53739240!important}
html.fs-day body button,html.fs-day body select,html.fs-day body .icon,html.fs-day body .chip,html.fs-day body .fs-act,html.fs-day body .fs-fontsel{color:#263b4e;background:#ffffff80;border-color:#24364b30}
html.fs-day body button.on,html.fs-day body .seg .on{color:#254864;background:#a9c1d63a}
html.fs-day body input:not([type=range]){color:#202d3c!important;background:#fffdf9!important}
html.fs-day body .fs-nav{background:#f6f4edf2!important}
html.fs-day body .fs-chip.active{color:#263b4e!important;background:#cdb38333!important}
html.fs-day body .lab,html.fs-day body .sub,html.fs-day body .note,html.fs-day body .lead{color:#5b6a7b}
html.fs-day body .fs-guide{background:#ffffff50!important}
html.fs-day body .celestial-controls{background:#fffdfa;color:#263b4e}
html[dir=rtl] body .appname{letter-spacing:0;line-height:1.8}html[dir=rtl] body .lab{letter-spacing:0;line-height:1.9}html[dir=rtl] body .celestial-caption{letter-spacing:0;font-size:13px}
@media(max-width:700px){html body .wrap{padding:24px 18px 75px}html body .appname{font-size:39px}html body .card{padding:17px 18px}html body .grid{gap:10px}html body .val{font-size:25px}.celestial-hero{border-radius:17px;min-height:300px}.celestial-hero canvas{height:320px}.celestial-hero .celestial-caption{inset:auto 15px 13px;font-size:9px;gap:8px}.celestial-controls{gap:10px}.celestial-controls label{font-size:11px}html body #hero{min-height:570px}html body .slot{flex-wrap:wrap;padding:13px}.celestial-orb{width:54px;height:54px;inset-inline-end:12px}html body .tool:has(.celestial-orb){padding-inline-end:76px!important}html body #wave{height:200px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html body *,html body *::before{transition:none!important}}