/* Mataf — phone-first single column: progress strip, one "now" instruction per step,
   thumb-reach action bar, full-screen OLED focus mode for counting. */
:root{
  /* Haram marble, Kiswa black, Kiswa-band gold, calm teal for the lap in progress */
  --bg:#F2F5F4; --surface:#FFFFFF; --surface-2:#E4EBE8; --ink:#15201C; --muted:#56635E; --line:#D4DCD9;
  --accent:#9A6E1A; --accent-ink:#FFFFFF; --cool:#1F7A6B; --cool-soft:#DCEEEA; --good:#2E8B57; --warn:#B7791F;
  --kaaba:#15201C; --band:#C79A3A;
  --f-ui:"Cairo","Segoe UI",Tahoma,system-ui,sans-serif;
  --f-dua:"Amiri","Traditional Arabic","Times New Roman",serif;
  --r:14px;
  /* safe areas: Capacitor 8 injects --safe-area-inset-* on Android; browsers/iOS use env() */
  --sa-t:var(--safe-area-inset-top,env(safe-area-inset-top,0px));
  --sa-r:var(--safe-area-inset-right,env(safe-area-inset-right,0px));
  --sa-b:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));
  --sa-l:var(--safe-area-inset-left,env(safe-area-inset-left,0px));
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0B1210; --surface:#131D1A; --surface-2:#1C2925; --ink:#EEF2EF; --muted:#9DADA7; --line:#26342F;
  --accent:#D9A940; --accent-ink:#14100A; --cool:#4FC1AC; --cool-soft:#173A33; --good:#5CC48A; --warn:#E3B04B;
  --kaaba:#050807; --band:#D9A940; color-scheme:dark }}
/* high contrast (sun on marble) */
:root.hc{--bg:#FFFFFF;--surface:#FFFFFF;--surface-2:#E6E6E6;--ink:#000000;--muted:#1E1E1E;--line:#000000;--accent:#6B4700;--accent-ink:#FFFFFF;--cool:#00584A;--cool-soft:#E2F1ED;--good:#0B6B35;--warn:#8A5600}
@media (prefers-color-scheme: dark){:root.hc{--bg:#000;--surface:#000;--surface-2:#222;--ink:#FFF;--muted:#EEE;--line:#FFF;--accent:#FFC94D;--accent-ink:#000;--cool:#6BF0D6;--cool-soft:#0B2C26;--good:#7CF0A8;--warn:#FFD066}}
:root.hc body{font-weight:600}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:15px;line-height:1.6;overscroll-behavior-y:none;
  padding-top:var(--sa-t);padding-left:max(16px,var(--sa-l));padding-right:max(16px,var(--sa-r))}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--sa-t);background:var(--bg);z-index:9}
body.lock{overflow:hidden}
[hidden]{display:none!important}
img,svg{max-width:100%}
.app{max-width:580px;margin:0 auto;padding-bottom:calc(170px + var(--sa-b));display:flex;flex-direction:column;gap:14px}
header{position:sticky;top:var(--sa-t);z-index:5;background:var(--bg);padding-block:12px 8px;display:flex;align-items:center;gap:8px}
.brand{display:flex;flex-direction:column;line-height:1.15;margin-inline-end:auto;min-width:0}
.brand b{font-family:var(--f-dua);font-size:28px;font-weight:700;line-height:1.05;color:var(--ink)}
.brand b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--band);margin-inline-start:6px;vertical-align:middle}
.brand small{color:var(--muted);font-size:12px}
button{font-family:var(--f-ui)}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--cool);outline-offset:2px}
.chipbtn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13px var(--f-ui);padding:6px 12px;border-radius:999px;cursor:pointer}
.chipbtn[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.iconbtn{flex:0 0 40px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.iconbtn svg{width:20px;height:20px}
.linkbtn{border:0;background:none;color:var(--cool);font:700 13px var(--f-ui);cursor:pointer;padding:4px 0}
.views{display:grid;grid-template-columns:repeat(3,1fr);background:var(--surface-2);border-radius:12px;padding:4px;gap:4px}
.views button{border:0;background:transparent;color:var(--muted);font:700 14px var(--f-ui);padding:8px;border-radius:9px;cursor:pointer}
.views button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(10,20,15,.12)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
h1{font-size:22px;font-weight:800;margin:0;text-wrap:balance;line-height:1.3}
h2{font-size:16px;font-weight:700;margin:0}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--accent);text-transform:uppercase}
.muted{color:var(--muted)}
.lead{margin:0;color:var(--muted)}
.small{font-size:12px;margin:0}
ul.check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
ul.check li{display:flex;gap:10px;align-items:flex-start}
ul.check li::before{content:"";flex:0 0 8px;height:8px;margin-top:9px;border-radius:2px;background:var(--cool);transform:rotate(45deg)}
.seg{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.seg>span{font-size:12px;color:var(--muted);margin-inline-end:4px}
.row{display:flex;gap:8px;flex-wrap:wrap}
.row>*{flex:1 1 140px}
/* progress */
.prog{display:flex;flex-direction:column;gap:8px}
.prog-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.segs{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.segs span{height:6px;border-radius:3px;background:var(--surface-2)}
.segs span.d{background:var(--good)}
.segs span.c{background:var(--accent)}
/* now box */
.now{background:var(--surface);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.now-l{font-size:11px;font-weight:800;letter-spacing:.6px;color:var(--accent);text-transform:uppercase}
.now b{font-size:16.5px;line-height:1.6}
details.more{border-top:1px solid var(--line);padding-top:10px}
details.more>summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary::after{content:"+";font-size:20px;line-height:1;color:var(--muted)}
details.more[open]>summary::after{content:"–"}
details.more[open]>summary{margin-bottom:12px}
details.more>div{display:flex;flex-direction:column;gap:12px}
.ghost-wide{width:100%;border:1px dashed var(--muted);background:transparent;color:var(--ink);font:700 14px var(--f-ui);padding:12px;border-radius:12px;cursor:pointer}
.guard{border:1.5px solid var(--warn);background:var(--surface);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:10px}
.chk{display:flex;flex-direction:column;gap:6px}
.chk div{display:flex;gap:8px;align-items:center;font-weight:700}
.chk .y{color:var(--good)}
.chk .n{color:var(--warn)}
/* du'a */
.dua{border-inline-start:3px solid var(--band);padding:4px 12px;display:flex;flex-direction:column;gap:4px}
.dua .ar{font-family:var(--f-dua);font-size:22px;line-height:1.95;direction:rtl;text-align:right;color:var(--ink)}
.dua .tr{font-size:13.5px;font-style:italic;direction:ltr;text-align:left;color:var(--ink)}
.dua .en{font-size:13px;color:var(--muted);direction:ltr;text-align:left}
.dua .meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted)}
.dua .when{font-weight:700;color:var(--ink)}
.src{background:var(--surface-2);padding:0 8px;border-radius:999px}
.note{background:var(--cool-soft);border-radius:10px;padding:10px 12px;font-size:13.5px;display:flex;gap:8px}
.note b{color:var(--cool)}
/* gauges */
.gauge{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px}
.gauge svg{width:100%;max-width:280px;height:auto}
.count{font-size:46px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.count small{font-size:20px;color:var(--muted);font-weight:600}
.timers{display:flex;gap:18px;font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.timers b{color:var(--ink);font-size:15px}
.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;padding:3px 12px;border-radius:999px;background:var(--surface-2);color:var(--ink)}
.pill.on{background:var(--accent);color:var(--accent-ink)}
.pill.paused{background:var(--warn);color:#111}
.seg-ring-done{fill:none;stroke:var(--accent)}
.seg-ring-cur{fill:none;stroke:var(--cool);animation:pulse 1.6s ease-in-out infinite}
.seg-ring-todo{fill:none;stroke:var(--surface-2)}
@keyframes pulse{50%{opacity:.35}}
.laps{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.laps td,.laps th{padding:6px 4px;border-bottom:1px solid var(--line);text-align:start}
.laps th{color:var(--muted);font-weight:600}
.tablewrap{overflow-x:auto}
/* action bar */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:6;background:var(--bg);background:color-mix(in srgb,var(--bg) 93%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-top:1px solid var(--line);padding:10px max(16px,var(--sa-r)) calc(10px + var(--sa-b)) max(16px,var(--sa-l))}
.bar-in{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.big{display:block;width:100%;border:0;border-radius:16px;background:var(--accent);color:var(--accent-ink);font:800 18px var(--f-ui);padding:16px 12px;cursor:pointer;touch-action:manipulation}
.big:active{transform:scale(.985)}
.big.next{background:var(--good);color:#fff}
.big.alt{background:var(--surface-2);color:var(--ink)}
.minis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.minis.three{grid-template-columns:repeat(3,1fr)}
.mini{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 13px var(--f-ui);padding:9px 6px;border-radius:12px;cursor:pointer}
.mini:disabled{opacity:.4}
.mini.ink{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.mini.warn{border-color:var(--warn);color:var(--warn)}
/* hold-to-count */
.hold{position:relative;width:100%;border:0;border-radius:18px;background:var(--accent);color:var(--accent-ink);font:800 18px var(--f-ui);padding:16px 12px;cursor:pointer;overflow:hidden;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;--p:0}
.hold::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,.28);background:color-mix(in srgb,var(--accent-ink) 25%,transparent);transform-origin:left;transform:scaleX(var(--p))}
[dir="rtl"] .hold::before{transform-origin:right}
.hold span,.hold small{position:relative;display:block;pointer-events:none}
.hold small{font-size:12.5px;font-weight:600;opacity:.9}
/* banners */
#banner,#fxBanner{display:flex;flex-direction:column;gap:8px}
#banner:empty,#fxBanner:empty{display:none}
.alert{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-radius:12px;padding:12px 14px;background:var(--accent);color:var(--accent-ink);font-weight:700}
.alert.soft{background:var(--cool-soft);color:var(--ink)}
.alert.warn{background:var(--warn);color:#111}
.alert span{flex:1 1 200px;min-width:0}
.alert button{border:0;border-radius:10px;padding:8px 14px;font:800 13px var(--f-ui);cursor:pointer;background:var(--surface);color:var(--ink)}
/* forms */
.fields{display:flex;flex-wrap:wrap;gap:10px}
.field{display:flex;flex-direction:column;gap:4px;flex:1 1 130px;min-width:0}
.field label{font-size:12px;font-weight:700;color:var(--muted)}
.field .hint{font-size:11.5px;color:var(--muted)}
select,input[type=time],input[type=number],input[type=text],input[type=tel]{font:600 16px var(--f-ui);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;width:100%;min-width:0}
select:focus-visible,input:focus-visible{outline:3px solid var(--cool);outline-offset:1px}
.bigtime{font-size:40px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.tl li:last-child{border-bottom:0}
.tl .dot{width:12px;height:12px;border-radius:50%;background:var(--surface-2);flex:0 0 12px}
.tl li.past{color:var(--muted)}
.tl li.past .dot{background:var(--good)}
.tl li.next{font-weight:800}
.tl li.next .dot{background:var(--accent);box-shadow:0 0 0 4px rgba(154,110,26,.25);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}
.tl .tm{margin-inline-start:auto;font-weight:700;white-space:nowrap}
.tl .sub{font-size:12px;color:var(--muted);font-weight:600}
.track{position:relative;height:34px;margin:4px 10px}
.track .ln{position:absolute;left:0;right:0;top:15px;height:4px;border-radius:2px;background:var(--surface-2)}
.track .fill{position:absolute;top:15px;height:4px;border-radius:2px;background:var(--cool)}
.track .mq{position:absolute;top:5px;width:4px;height:24px;border-radius:2px;background:var(--accent);transform:translateX(-50%)}
.track .pl{position:absolute;top:10px;width:14px;height:14px;border-radius:50%;background:var(--cool);border:3px solid var(--surface);transform:translateX(-50%)}
/* my du'as */
.mylist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.mylist li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.mylist li:last-child{border-bottom:0}
.mylist .tx{flex:1;min-width:0;overflow-wrap:anywhere}
.mylist li.ok .tx{color:var(--muted);text-decoration:line-through}
.tick{flex:0 0 28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--surface);color:var(--good);cursor:pointer;font-weight:900}
.mylist li.ok .tick{background:var(--good);border-color:var(--good);color:#fff}
.del{border:0;background:none;color:var(--muted);cursor:pointer;font:700 12px var(--f-ui);padding:6px}
.del.armed{color:#B23B3B}
/* install hint (web version) */
.install{border:1.5px solid var(--accent);background:var(--surface);border-radius:var(--r);padding:14px;display:flex;flex-direction:column;gap:8px}
.install-t{display:flex;align-items:center;justify-content:space-between;gap:10px}
.install-t b{font-size:16px}
/* sheets */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:31;max-height:90vh;overflow:auto;background:var(--bg);border-radius:20px 20px 0 0;
  padding:0 max(16px,var(--sa-r)) calc(20px + var(--sa-b)) max(16px,var(--sa-l));box-shadow:0 -10px 40px rgba(0,0,0,.3)}
.sheet-in{max-width:580px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.sheet-h{position:sticky;top:0;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:14px 6px;z-index:1}
.sheet-h b{font-size:18px}
.x{flex:0 0 34px;border:0;background:var(--surface-2);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:15px}
.group{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:4px 14px 8px}
.group h3{margin:10px 0 4px;font-size:12px;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}
.tg{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);font:600 15px var(--f-ui);text-align:start;padding:10px 0;cursor:pointer}
.tg:last-child{border-bottom:0}
.tg>span{flex:1;min-width:0;display:flex;flex-direction:column}
.tg small{color:var(--muted);font-size:12px;font-weight:500}
.tg i{flex:0 0 44px;height:26px;border-radius:13px;background:var(--surface-2);position:relative;transition:background .2s}
.tg i::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:inset-inline-start .2s}
.tg[aria-checked="true"] i{background:var(--good)}
.tg[aria-checked="true"] i::after{inset-inline-start:21px}
.person{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}
.scen{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:12px 14px}
.scen>summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px}
.scen>summary::-webkit-details-marker{display:none}
.scen>summary::after{content:"+";color:var(--muted);font-size:20px;line-height:1}
.scen[open]>summary::after{content:"–"}
.scen>div{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.scen p{margin:0}
.lost{background:#FFFFFF;color:#000000;border:3px solid #000000;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.lost .ln{font-size:15px;font-weight:700;line-height:1.55}
.lost .k{font-size:12px;font-weight:700;color:#444444}
.lost .v{font-size:20px;font-weight:800}
.lost .num{font-size:32px;font-weight:800;direction:ltr;text-align:center;font-variant-numeric:tabular-nums;user-select:all;-webkit-user-select:all}
.lost hr{border:0;border-top:2px dashed #000000;margin:4px 0}
/* onboarding */
.onb{position:fixed;inset:0;z-index:40;background:var(--bg);overflow:auto;
  padding:calc(20px + var(--sa-t)) max(20px,var(--sa-r)) calc(20px + var(--sa-b)) max(20px,var(--sa-l))}
.onb-in{max-width:520px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;gap:16px}
.onb-dots{display:flex;gap:6px;align-items:center}
.onb-dots span{flex:1;height:4px;border-radius:2px;background:var(--surface-2)}
.onb-dots span.on{background:var(--accent)}
.onb h1{font-size:26px}
.onb .mark{font-family:var(--f-dua);font-size:72px;line-height:1.1;color:var(--ink)}
.onb .mark::after{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--band);margin-inline-start:10px;vertical-align:middle}
.q{font-weight:800;font-size:15px;margin:4px 0 -6px}
.choice{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.choice button{text-align:start;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:13px 14px;font:700 16px var(--f-ui);cursor:pointer;display:flex;flex-direction:column;gap:2px}
.choice button small{font-weight:500;color:var(--muted);font-size:12.5px}
.choice button[aria-pressed="true"]{border-color:var(--accent);background:var(--surface);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.onb-nav{margin-top:auto;display:flex;gap:10px;padding-top:10px}
.onb-nav .big{flex:1}
.onb-nav .big.alt{flex:0 0 auto;width:auto;padding-inline:20px}
/* focus mode: deliberate single OLED look */
.fx{position:fixed;inset:0;z-index:20;overflow:auto;background:#000000;color:#F1F3F2;
  --bg:#000000;--surface:#0D1110;--surface-2:#262C29;--ink:#F1F3F2;--muted:#A6B0AC;--line:#2E3532;--accent:#E3B54C;--accent-ink:#141006;--cool:#55C7B2;--cool-soft:#10302A;--kaaba:#1C201E;--band:#E3B54C;--good:#5CC48A;--warn:#F0BC52;
  padding:calc(10px + var(--sa-t)) max(16px,var(--sa-r)) calc(14px + var(--sa-b)) max(16px,var(--sa-l))}
.fx-in{max-width:520px;min-height:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.fx-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fx-top button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:700 13px var(--f-ui);padding:7px 12px;border-radius:999px;cursor:pointer}
.fx-top button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}
.fx-time{margin-inline-start:auto;font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}
.fx-time b{color:var(--ink)}
.fx-mid{display:flex;flex-direction:column;align-items:center;gap:6px}
.fx-mid svg{width:min(74vw,320px);height:auto}
.fx-lap{font-size:20px;font-weight:800;text-align:center}
.fx-dua{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:16px;padding:12px 14px;cursor:pointer;text-align:center;display:flex;flex-direction:column;gap:6px;width:100%}
.fx-dua .ar{font-family:var(--f-dua);font-size:23px;line-height:1.9;direction:rtl}
.fx-dua .tr{font-size:13px;color:var(--muted);direction:ltr;font-style:italic}
.fx-dua .meta{font-size:12px;color:var(--muted);display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.fx-bottom{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.fx .hold{padding:24px 12px;font-size:21px;border-radius:22px}
.fx-done{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.fx-done .ar{font-family:var(--f-dua);font-size:30px;color:var(--accent)}
.toast{position:fixed;left:50%;bottom:calc(150px + var(--sa-b));transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--bg);padding:8px 16px;border-radius:999px;font-weight:700;font-size:13px}
/* large text */
:root.large body{font-size:18px}
:root.large h1{font-size:27px}
:root.large h2{font-size:19px}
:root.large .now b{font-size:20px}
:root.large .dua .ar{font-size:29px;line-height:2}
:root.large .dua .en,:root.large .dua .tr,:root.large .note,:root.large .dua .meta{font-size:15.5px}
:root.large .lead,:root.large ul.check li{font-size:18px}
:root.large .big,:root.large .hold{font-size:22px;padding-block:20px}
:root.large .mini{font-size:15px;padding:13px 6px}
:root.large .count{font-size:60px}
:root.large .chipbtn{font-size:15px}
:root.large .views button{font-size:17px;padding:11px}
:root.large .bigtime{font-size:50px}
:root.large .fx-dua .ar{font-size:31px}
:root.large .fx .hold{font-size:25px}
:root.large .tg{font-size:17px}
.walker{transition:transform .6s cubic-bezier(.3,.8,.3,1)}
@media (prefers-reduced-motion:reduce){.seg-ring-cur{animation:none}.walker{transition:none}.tg i,.tg i::after{transition:none}}