:root{
  --bg:#F6F2EB; --surface:#FFFFFF; --surface-2:#F0E9DE; --ink:#15120E; --muted:#6E6354; --line:#E7DDCF;
  --gold:#A47B45; --gold-ink:#7C5B2E; --gold-hi:#E8C98F; --rose:#B76E79; --rose-ink:#94505C; --rose-hi:#F2C4CB;
  --btn-bg:#15120E; --btn-fg:#F3E2BE; --hero-bg:#15120E; --hero-fg:#F4EADA; --hero-muted:#BBA886;
  --ok:#3F7D58; --ok-soft:#E3F1E8; --bad:#B4483A; --bad-soft:#F8E3DF; --amber:#B47A1C; --amber-soft:#FBEFD8;
  --acc:var(--gold); --acc-ink:var(--gold-ink); --acc-hi:var(--gold-hi);
  --shadow:0 1px 2px rgba(40,28,10,.04),0 12px 32px -20px rgba(40,28,10,.28);
  --f:'Alexandria',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  color-scheme:light;
}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0D0B09; --surface:#17140F; --surface-2:#211C16; --ink:#F4EADA; --muted:#B0A085; --line:#2C261F;
  --gold:#D4AB6B; --gold-ink:#E8C98F; --rose:#D9939D; --rose-ink:#EBB2BA;
  --btn-bg:#E8C98F; --btn-fg:#15120E; --hero-bg:#1D1813; --ok-soft:#163021; --bad-soft:#3a1d18; --amber-soft:#382a12; --shadow:none; color-scheme:dark}}:root[data-theme="dark"]{
  --bg:#0D0B09; --surface:#17140F; --surface-2:#211C16; --ink:#F4EADA; --muted:#B0A085; --line:#2C261F;
  --gold:#D4AB6B; --gold-ink:#E8C98F; --rose:#D9939D; --rose-ink:#EBB2BA;
  --btn-bg:#E8C98F; --btn-fg:#15120E; --hero-bg:#1D1813; --ok-soft:#163021; --bad-soft:#3a1d18; --amber-soft:#382a12; --shadow:none; color-scheme:dark}:root[data-rose]{--acc:var(--rose); --acc-ink:var(--rose-ink); --acc-hi:var(--rose-hi)}*{box-sizing:border-box; -webkit-tap-highlight-color:transparent}html,body{margin:0; background:var(--bg); color:var(--ink); font-family:var(--f); -webkit-text-size-adjust:100%; text-size-adjust:100%; overflow-x:hidden; max-width:100%}body{min-height:100dvh; font-size:15px; line-height:1.6; transition:background .6s}button,input,select,textarea{font:inherit; color:inherit; max-width:100%; min-width:0}button{cursor:pointer}img,svg{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--acc); outline-offset:2px}h1,h2,h3{margin:0}.muted{color:var(--muted); font-size:13px}.tiny{font-size:12px}.row:not(:is(.qz,.adq,.lgq) *){display:flex; justify-content:space-between; align-items:center; gap:10px; min-width:0}.pad{padding-inline:max(18px, env(safe-area-inset-left,0px))}.ttl:not(:is(.qz,.adq,.lgq) *){font-size:27px; line-height:1.35; font-weight:800; letter-spacing:-.3px; text-wrap:balance}h2.ttl:not(:is(.qz,.adq,.lgq) *){font-size:21px}.ttl .w:not(:is(.qz,.adq,.lgq) *){display:inline-block; animation:word .6s cubic-bezier(.2,.7,.2,1) both}.ttl .em:not(:is(.qz,.adq,.lgq) *){color:var(--acc-ink)}@keyframes word{from{opacity:0; transform:translateY(14px); filter:blur(6px)}}@keyframes up{from{opacity:0; transform:translateY(14px)}}@keyframes fade{from{opacity:0}}.btn:not(:is(.qz,.adq,.lgq) *){display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; border:0; border-radius:18px; background:var(--btn-bg); color:var(--btn-fg); font-weight:700; font-size:15.5px; padding:0 22px; text-decoration:none; transition:transform .15s, opacity .2s, box-shadow .2s; width:100%}.btn:active:not(:is(.qz,.adq,.lgq) *){transform:scale(.97)}.btn[disabled]:not(:is(.qz,.adq,.lgq) *){opacity:.35; cursor:not-allowed}.btn.line:not(:is(.qz,.adq,.lgq) *){background:transparent; color:var(--ink); border:1.5px solid var(--line)}.btn.sm:not(:is(.qz,.adq,.lgq) *){min-height:44px; font-size:13.5px; padding:0 16px; width:auto; border-radius:14px}.btn.gold:not(:is(.qz,.adq,.lgq) *){background:linear-gradient(135deg,#FFF1D2,#E8C98F 45%,#B88A4E); color:#15120E; box-shadow:0 14px 30px -14px #E8C98F; position:relative; overflow:hidden}.btn.gold:not(:is(.qz,.adq,.lgq) *)::after{content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%); background-size:250% 100%; animation:shine 2.8s ease-in-out infinite}@keyframes shine{from{background-position:120% 0}to{background-position:-120% 0}}.link:not(:is(.qz,.adq,.lgq) *){background:none; border:0; color:var(--acc-ink); font-size:13.5px; font-weight:600; min-height:40px; padding:0 2px; text-decoration:none}.link.danger:not(:is(.qz,.adq,.lgq) *){color:var(--bad)}.card:not(:is(.qz,.adq,.lgq) *){background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:16px; display:flex; flex-direction:column; gap:12px; box-shadow:var(--shadow); min-width:0}.pill:not(:is(.qz,.adq,.lgq) *){display:inline-flex; align-items:center; gap:4px; padding:4px 11px; border-radius:12px; background:var(--surface-2); font-size:12px; font-weight:600; white-space:nowrap}.pill.acc:not(:is(.qz,.adq,.lgq) *){background:color-mix(in srgb,var(--acc) 14%,transparent); color:var(--acc-ink)}.iconbtn{width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:var(--surface); display:grid; place-items:center; padding:0; color:var(--ink); flex:none}.field{display:flex; flex-direction:column; gap:6px; font-size:13.5px; font-weight:600; color:var(--muted); min-width:0}.field input,.field select,.field textarea,.inp{width:100%; min-height:54px; border-radius:16px; border:1.5px solid var(--line); background:var(--surface); padding:12px 16px; font-size:16px; font-weight:500; color:var(--ink); transition:border-color .2s, box-shadow .2s; -webkit-appearance:none; appearance:none}.field input:focus,.field textarea:focus,.inp:focus{border-color:var(--acc); outline:none; box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 14%,transparent)}.field textarea,textarea.inp{min-height:120px; resize:vertical; line-height:1.6}input[type="time"]{display:block; text-align:start}.agree{display:flex; gap:12px; align-items:flex-start; font-size:14.5px; font-weight:600; padding:6px 2px; cursor:pointer}.agree input{width:22px; height:22px; accent-color:var(--acc); flex:none; margin-top:1px}.spark{position:fixed; z-index:130; width:7px; height:7px; border-radius:50%; background:var(--acc-hi); pointer-events:none; animation:spark .75s cubic-bezier(.2,.7,.2,1) forwards}.spark.sq{border-radius:2px; background:var(--acc)}@keyframes spark{to{transform:translate(var(--dx),var(--dy)) rotate(200deg) scale(.2); opacity:0}}.toast{position:fixed; left:50%; bottom:calc(104px + env(safe-area-inset-bottom,0px)); transform:translate(-50%,20px); z-index:120; background:var(--btn-bg); color:var(--btn-fg); padding:11px 20px; border-radius:20px; font-size:13.5px; font-weight:600; opacity:0; transition:.3s; pointer-events:none; white-space:nowrap; box-shadow:0 12px 30px -12px rgba(0,0,0,.4)}.toast.on{opacity:1; transform:translate(-50%,0)}.celebrate{position:fixed; inset:0; z-index:140; display:grid; place-items:center; background:rgba(8,6,4,.88); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); animation:fade .3s both}.celebrate .in{text-align:center; color:#F4EADA; display:flex; flex-direction:column; gap:10px; align-items:center; padding:24px; max-width:360px}.celebrate h3{font-size:30px; font-weight:800; color:#E8C98F; animation:up .6s .5s both}.celebrate p{margin:0; color:#C9B48F; font-size:14.5px; animation:up .6s .6s both}.celebrate .btn{margin-top:10px; animation:up .6s .7s both}.celart{width:170px; height:170px; position:relative; display:grid; place-items:center}.celart::before{content:""; position:absolute; inset:-34px; border-radius:50%; background:repeating-conic-gradient(from 0deg,rgba(232,201,143,.3) 0 6deg,transparent 6deg 22deg); -webkit-mask:radial-gradient(closest-side,#000 30%,transparent 72%); mask:radial-gradient(closest-side,#000 30%,transparent 72%); animation:rays 9s linear infinite}@keyframes rays{to{transform:rotate(360deg)}}.celart svg{position:relative; width:130px; height:130px; filter:drop-shadow(0 10px 24px rgba(232,201,143,.35)); animation:rise .9s cubic-bezier(.3,1.5,.5,1) both}.celart .shackle{transform-box:view-box; transform-origin:78px 54px; animation:openlk .7s .55s cubic-bezier(.3,1.6,.5,1) both}@keyframes openlk{to{transform:translateY(-10px) rotate(28deg)}}.celart .ck-c{stroke-dasharray:340; stroke-dashoffset:340; animation:drawc .8s .2s ease forwards}.celart .ck-p{stroke-dasharray:90; stroke-dashoffset:90; animation:drawc .45s .85s ease forwards}@keyframes drawc{to{stroke-dashoffset:0}}@keyframes rise{from{transform:translateY(40px) scale(.5) rotate(-12deg); opacity:0}}.brand{display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:20px; letter-spacing:-.2px}.brand__m{width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--btn-bg); color:var(--acc-hi)}.brand__m svg{width:22px; height:22px}.brand.big:not(:is(.qz,.adq,.lgq) *){flex-direction:column; gap:14px; font-size:44px}.brand.big .brand__m{width:76px; height:76px; border-radius:24px; background:linear-gradient(145deg,#2A231B,#100D0A); color:#E8C98F; box-shadow:0 20px 50px -18px rgba(232,201,143,.45), inset 0 1px 0 rgba(255,255,255,.08)}.brand.big .brand__m svg{width:42px; height:42px}.auth{position:relative; min-height:100dvh; background:#0B0907; color:#F4EADA; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:calc(40px + env(safe-area-inset-top,0px)) 20px calc(24px + env(safe-area-inset-bottom,0px))}.auth__bg{position:absolute; inset:0; pointer-events:none}.auth__bg i{position:absolute; border-radius:50%; filter:blur(70px); opacity:.55; animation:orb 14s ease-in-out infinite alternate}.auth__bg i:nth-child(1){width:360px; height:360px; background:#B88A4E; top:-120px; right:-100px}.auth__bg i:nth-child(2){width:300px; height:300px; background:#5C4222; bottom:-80px; left:-120px; animation-delay:-5s}.auth__bg i:nth-child(3){width:200px; height:200px; background:#E8C98F; top:40%; left:30%; opacity:.18; animation-delay:-9s}@keyframes orb{to{transform:translate(40px,60px) scale(1.15)}}.auth__bg::after{content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(232,201,143,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(232,201,143,.05) 1px,transparent 1px); background-size:44px 44px; -webkit-mask:radial-gradient(ellipse at center,#000 20%,transparent 70%); mask:radial-gradient(ellipse at center,#000 20%,transparent 70%)}.auth__in{position:relative; width:100%; max-width:400px; display:flex; flex-direction:column; gap:28px; animation:up .7s cubic-bezier(.2,.7,.2,1) both}.auth__hd{text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px}.auth__hd .brand b{background:linear-gradient(160deg,#FFF1D2,#E8C98F 45%,#B88A4E); -webkit-background-clip:text; background-clip:text; color:transparent}.auth__hd p{margin:0; color:#BBA886; font-size:14.5px}.glass{background:rgba(255,255,255,.045); border:1px solid rgba(232,201,143,.16); border-radius:28px; padding:22px; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); display:flex; flex-direction:column; gap:14px; box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}.glass h2{font-size:20px; font-weight:700}.glass p{margin:0; color:#BBA886; font-size:13.5px}.ifield{display:flex; align-items:center; gap:10px; min-height:58px; border-radius:18px; background:rgba(0,0,0,.35); border:1.5px solid rgba(232,201,143,.18); padding:0 16px; transition:border-color .2s, box-shadow .2s; color:#BBA886}.ifield:focus-within{border-color:#E8C98F; box-shadow:0 0 0 4px rgba(232,201,143,.12); color:#E8C98F}.ifield input{flex:1; min-width:0; border:0; outline:0; background:none; color:#F4EADA; font-size:16.5px; padding:0}.ifield input::placeholder{color:rgba(187,168,134,.55)}.otp{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; direction:ltr}.otp input{width:100%; aspect-ratio:4/5; border-radius:16px; border:1.5px solid rgba(232,201,143,.2); background:rgba(0,0,0,.35); color:#F4EADA; text-align:center; font-size:24px; font-weight:800; outline:0; transition:.2s; padding:0}.otp input:focus{border-color:#E8C98F; box-shadow:0 0 0 4px rgba(232,201,143,.12); transform:translateY(-2px)}.otp input.f:not(:is(.qz,.adq,.lgq) *){border-color:rgba(232,201,143,.5)}.otp.bad input{border-color:#D46A5A; animation:shake .4s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.demo-note{font-size:12.5px; color:#E8C98F; background:rgba(232,201,143,.08); border:1px dashed rgba(232,201,143,.3); border-radius:12px; padding:8px 12px}.auth .err:not(:is(.qz,.adq,.lgq) *){color:#F0A493; font-size:13px; margin:0}.auth .btn.line:not(:is(.qz,.adq,.lgq) *){color:#F4EADA; border-color:rgba(232,201,143,.25)}.auth .link:not(:is(.qz,.adq,.lgq) *){color:#E8C98F}.auth__ft{text-align:center; font-size:11.5px; color:rgba(187,168,134,.7)}.auth__trust{display:flex; justify-content:center; gap:18px; font-size:12px; color:#BBA886}.auth__trust span{display:flex; gap:6px; align-items:center}.auth__trust svg{width:16px; height:16px; color:#E8C98F}.splash{position:fixed; inset:0; z-index:150; background:#0B0907; display:grid; place-items:center; color:#F4EADA; animation:splashOut .6s 2.4s forwards}@keyframes splashOut{to{opacity:0; visibility:hidden}}.splash .s{display:flex; flex-direction:column; align-items:center; gap:16px; text-align:center}.splash .ring0{width:120px; height:120px; position:relative; display:grid; place-items:center}.splash .ring0 svg{position:absolute; inset:0}.splash .ring0 circle{stroke:#E8C98F; stroke-dasharray:400; stroke-dashoffset:400; animation:drawc 1.3s ease forwards}.splash .ring0 .brand__m{animation:rise .8s .3s cubic-bezier(.3,1.5,.5,1) both}.splash h1{font-size:28px; font-weight:800; color:#E8C98F; animation:up .6s .9s both}.splash p{margin:0; color:#BBA886; font-size:13.5px; animation:up .6s 1.1s both}.ob:not(:is(.qz,.adq,.lgq) *){min-height:100dvh; max-width:460px; margin:0 auto; display:flex; flex-direction:column; gap:18px; padding:calc(12px + env(safe-area-inset-top,0px)) 18px calc(16px + env(safe-area-inset-bottom,0px))}.obbar{display:flex; align-items:center; gap:10px}.obbar .iconbtn[disabled]{visibility:hidden}.obbar .cnt:not(:is(.qz,.adq,.lgq) *){font-size:12.5px; color:var(--muted); font-variant-numeric:tabular-nums; margin-inline-start:auto}.pathbar{position:relative; margin-top:-4px}.pathbar svg{width:100%; height:auto; display:block; overflow:visible}.pathbar .base{stroke:var(--line)}.pathbar .prog{stroke:var(--acc); transition:stroke-dashoffset .8s cubic-bezier(.3,.8,.3,1); filter:drop-shadow(0 0 4px var(--acc))}.pathbar .hurdle line{stroke:var(--line); stroke-width:2.2; stroke-linecap:round; transition:stroke .4s}.pathbar .hurdle.past line{stroke:var(--acc)}.pathbar .hurdle.past{filter:drop-shadow(0 0 3px var(--acc))}.pathbar .hurdle.cur{animation:hpulse 1.4s ease-in-out infinite; transform-box:fill-box; transform-origin:center bottom}@keyframes hpulse{50%{transform:scale(1.25)}}.pathbar .runner{fill:var(--acc-hi); filter:drop-shadow(0 0 6px var(--acc)) drop-shadow(0 0 2px var(--acc))}.pathbar .halo{fill:none; stroke:var(--acc); stroke-width:1.5; opacity:.6; animation:halo 1.6s ease-out infinite; transform-box:fill-box; transform-origin:center}@keyframes halo{from{transform:scale(.6); opacity:.8}to{transform:scale(2.2); opacity:0}}.pathbar .flag rect.k{fill:var(--ink)}.pathbar .flag rect.w{fill:var(--surface)}.pathbar .flag line{stroke:var(--ink); stroke-width:1.6}.pathbar.finish .flag{animation:wave .6s ease-in-out 3; transform-box:fill-box; transform-origin:left bottom}@keyframes wave{50%{transform:rotate(-10deg)}}.step{display:flex; flex-direction:column; gap:14px; animation:stepin .5s cubic-bezier(.2,.7,.2,1) both; min-width:0}@keyframes stepin{from{opacity:0; transform:translateX(-28px)}}.lead{margin:0; color:var(--muted); font-size:14px}.sub:not(:is(.qz,.adq,.lgq) *){margin:6px 0 0; font-size:14.5px; font-weight:700}.obnext{margin-top:auto; position:sticky; bottom:calc(10px + env(safe-area-inset-bottom,0px)); padding-top:14px; background:linear-gradient(transparent,var(--bg) 35%)}.obnext .btn:not(:is(.qz,.adq,.lgq) *){min-height:58px; font-size:16px}.ch:not(:is(.qz,.adq,.lgq) *){border-radius:20px; border:1.5px solid var(--line); background:var(--surface); padding:14px; display:flex; align-items:center; gap:12px; text-align:start; transition:border-color .25s, background .25s, transform .15s, box-shadow .25s; min-height:64px; width:100%; min-width:0}.ch:active:not(:is(.qz,.adq,.lgq) *){transform:scale(.97)}.ch .tx:not(:is(.qz,.adq,.lgq) *){display:flex; flex-direction:column; align-items:flex-start; min-width:0; flex:1}.ch b:not(:is(.qz,.adq,.lgq) *){font-size:15px; font-weight:700}.ch span:not(:is(.qz,.adq,.lgq) *){font-size:12px; color:var(--muted)}.ch[aria-pressed="true"]:not(:is(.qz,.adq,.lgq) *){border-color:var(--acc); background:color-mix(in srgb,var(--acc) 9%,var(--surface)); box-shadow:0 8px 24px -14px var(--acc)}.ch .ok:not(:is(.qz,.adq,.lgq) *){margin-inline-start:auto; width:22px; height:22px; border-radius:50%; border:1.5px solid var(--line); display:grid; place-items:center; color:transparent; flex:none; transition:.25s}.ch[aria-pressed="true"] .ok:not(:is(.qz,.adq,.lgq) *){background:var(--acc); border-color:var(--acc); color:#fff}.ch .ok svg:not(:is(.qz,.adq,.lgq) *){width:14px; height:14px}.grid2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}.grid2 .ch:not(:is(.qz,.adq,.lgq) *){flex-direction:column; align-items:flex-start; min-height:108px; justify-content:space-between}.grid2 .ch .ok:not(:is(.qz,.adq,.lgq) *){position:absolute; top:12px; left:12px}.grid2 .ch:not(:is(.qz,.adq,.lgq) *){position:relative}.grid2.sm .ch:not(:is(.qz,.adq,.lgq) *){min-height:76px; justify-content:center}.col:not(:is(.qz,.adq,.lgq) *){display:flex; flex-direction:column; gap:10px}.chips:not(:is(.qz,.adq,.lgq) *){display:flex; flex-wrap:wrap; gap:8px}.chips .ch:not(:is(.qz,.adq,.lgq) *){width:auto; min-height:44px; padding:0 16px; border-radius:22px; justify-content:center}.chips .ch b:not(:is(.qz,.adq,.lgq) *){font-size:13.5px; line-height:1; font-weight:600}.gi:not(:is(.qz,.adq,.lgq) *){width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:var(--surface-2); color:var(--acc-ink); flex:none; transition:.25s}.ch[aria-pressed="true"] .gi:not(:is(.qz,.adq,.lgq) *){background:var(--acc); color:#fff}.lvl{display:flex; align-items:flex-end; gap:3px; height:28px; flex:none; width:34px}.lvl i{flex:1; border-radius:2px; background:var(--line); transition:background .3s}.lvl i:nth-child(1){height:30%}.lvl i:nth-child(2){height:55%}.lvl i:nth-child(3){height:80%}.lvl i:nth-child(4){height:100%}.ch[aria-pressed="true"] .lvl i.f:not(:is(.qz,.adq,.lgq) *){background:var(--acc)}.lvl i.f:not(:is(.qz,.adq,.lgq) *){background:color-mix(in srgb,var(--acc) 55%,var(--line))}.a-down{animation:adown 1.6s ease-in-out infinite}@keyframes adown{50%{transform:translateY(3px)}}.a-pulse{animation:apulse 1.4s ease-in-out infinite; transform-origin:center}@keyframes apulse{50%{transform:scale(1.12)}}.duo{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; perspective:800px}.gender{border:1.5px solid var(--line); background:var(--surface); border-radius:28px; padding:26px 12px 20px; display:flex; flex-direction:column; align-items:center; gap:10px; transition:border-color .3s, background .4s, box-shadow .4s, transform .25s, opacity .3s; position:relative; overflow:hidden}.gender:active{transform:scale(.97)}.gender .orb:not(:is(.qz,.adq,.lgq) *){width:104px; height:104px; border-radius:50%; display:grid; place-items:center; color:#fff; background:radial-gradient(circle at 32% 28%,#FFF1D2,#E8C98F 30%,#A47B45 70%,#5C4222); box-shadow:inset -10px -14px 24px rgba(0,0,0,.25), 0 18px 30px -16px rgba(92,66,34,.6); animation:float 3.4s ease-in-out infinite; transition:transform .3s}.gender.f .orb:not(:is(.qz,.adq,.lgq) *){background:radial-gradient(circle at 32% 28%,#FFE9EC,#F2C4CB 30%,#B76E79 70%,#6E3540); box-shadow:inset -10px -14px 24px rgba(0,0,0,.22), 0 18px 30px -16px rgba(110,53,64,.6); animation-delay:-1.7s}.gender .orb svg:not(:is(.qz,.adq,.lgq) *){width:48px; height:48px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}@keyframes float{50%{translate:0 -7px}}.gender b{font-size:18px}.gender small{font-size:12px; color:var(--muted)}.gender[aria-pressed="true"]{border-color:var(--acc); box-shadow:0 18px 40px -20px var(--acc); background:color-mix(in srgb,var(--acc) 8%,var(--surface))}.gender[aria-pressed="true"] .orb:not(:is(.qz,.adq,.lgq) *){animation:chosen .7s cubic-bezier(.3,1.6,.5,1) both, float 3.4s .7s ease-in-out infinite}@keyframes chosen{from{transform:scale(.8)}to{transform:scale(1.08)}}.gender.dim{opacity:.5}.gender.dim .orb:not(:is(.qz,.adq,.lgq) *){filter:grayscale(.6)}.rl:not(:is(.qz,.adq,.lgq) *){background:var(--surface); border:1.5px solid var(--line); border-radius:24px; padding:14px 0 8px; position:relative; overflow:hidden}.rl-top{display:flex; justify-content:space-between; align-items:baseline; padding:0 16px}.rl-top label{font-size:14px; color:var(--muted); font-weight:600}.rl-top output{font-size:32px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums}.rl-top output span{font-size:13px; font-weight:500; color:var(--muted); margin-inline-start:4px}.rl-track{overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; margin-top:10px; height:58px; position:relative; cursor:grab; touch-action:pan-x}.rl-track::-webkit-scrollbar{display:none}.rl-ticks{display:flex; align-items:flex-end; height:100%; padding:0 calc(50% - 5px); width:max-content}.rl-ticks i{flex:none; width:10px; height:100%; position:relative; scroll-snap-align:center}.rl-ticks i::before{content:""; position:absolute; bottom:18px; left:50%; width:1.5px; height:14px; background:var(--line); transform:translateX(-50%)}.rl-ticks i.mj::before{height:26px; background:var(--muted)}.rl-ticks i em{position:absolute; bottom:0; left:50%; transform:translateX(-50%); font-style:normal; font-size:10px; color:var(--muted)}.rl-needle{position:absolute; left:50%; bottom:30px; width:3px; height:40px; border-radius:2px; background:var(--acc); transform:translateX(-50%); pointer-events:none; box-shadow:0 0 8px var(--acc)}.rl:not(:is(.qz,.adq,.lgq) *)::after{content:""; position:absolute; inset:auto 0 8px; height:58px; pointer-events:none; background:linear-gradient(90deg,var(--surface),transparent 22%,transparent 78%,var(--surface))}.rl-prev{display:flex; justify-content:space-between; padding:6px 16px 4px; font-size:12.5px; color:var(--muted)}.rl-prev .up{color:var(--bad)}.rl-prev .dn{color:var(--ok)}.wh:not(:is(.qz,.adq,.lgq) *){background:var(--surface); border:1.5px solid var(--line); border-radius:24px; padding:14px 0 12px; position:relative; overflow:hidden}.wh-track{overflow-x:auto; scrollbar-width:none; scroll-snap-type:x mandatory; height:96px; touch-action:pan-x; position:relative; z-index:1}.wh-track::-webkit-scrollbar{display:none}.wh-items{display:flex; align-items:center; height:100%; width:max-content; padding:0 calc(50% - 32px)}.wh-items b{flex:none; width:64px; text-align:center; scroll-snap-align:center; font-size:20px; font-weight:500; color:var(--muted); opacity:.45; transition:transform .18s, color .18s, opacity .18s; font-variant-numeric:tabular-nums}.wh-items b.n1{opacity:.8; transform:scale(1.15)}.wh-items b.on{color:var(--ink); opacity:1; font-weight:800; transform:scale(1.85)}.wh-ring{position:absolute; left:50%; bottom:21px; width:78px; height:78px; border-radius:50%; transform:translateX(-50%); border:2px solid var(--acc); background:color-mix(in srgb,var(--acc) 8%,var(--surface)); box-shadow:0 0 18px -4px var(--acc); pointer-events:none}.wh:not(:is(.qz,.adq,.lgq) *)::after{content:""; position:absolute; inset:auto 0 12px; height:96px; pointer-events:none; z-index:2; background:linear-gradient(90deg,var(--surface),transparent 25%,transparent 75%,var(--surface))}.days7{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px}.dbtn{aspect-ratio:1; border-radius:50%; border:1.5px solid var(--line); background:var(--surface); font-size:11.5px; font-weight:700; display:grid; place-items:center; transition:.25s; padding:0; min-width:0}.dbtn[aria-pressed="true"]{background:var(--acc); border-color:var(--acc); color:#fff; transform:scale(1.06); box-shadow:0 6px 16px -8px var(--acc)}.big-in{width:100%; min-height:64px; border-radius:20px; border:1.5px solid var(--line); background:var(--surface); padding:12px 18px; font-size:22px; font-weight:700; color:var(--ink); transition:border-color .2s, box-shadow .2s}.big-in:focus{border-color:var(--acc); outline:none; box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 14%,transparent)}.hello{font-size:24px; font-weight:800; color:var(--acc-ink); min-height:38px; animation:up .4s both}.welcome-vid{aspect-ratio:4/5; max-height:52vh; width:100%; border-radius:28px; background:radial-gradient(circle at 50% 30%,#2A231B,#0F0C09); color:var(--hero-muted); display:grid; place-items:center; align-content:center; gap:12px; text-align:center; font-size:13px; position:relative; overflow:hidden}.welcome-vid span{width:74px; height:74px; border-radius:50%; background:#E8C98F; color:#15120E; display:grid; place-items:center; animation:apulse 1.8s ease-in-out infinite; box-shadow:0 0 0 12px rgba(232,201,143,.12)}.photos{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}.photos label{aspect-ratio:3/4; border-radius:16px; border:1.5px dashed var(--acc); display:grid; place-items:center; align-content:center; gap:6px; font-size:12.5px; color:var(--acc-ink); text-align:center; cursor:pointer; position:relative; background:color-mix(in srgb,var(--acc) 5%,var(--surface)); transition:.25s}.photos label.has{border-style:solid; background:var(--acc); color:#fff}.photos input{position:absolute; opacity:0; width:1px; height:1px}.result{background:var(--hero-bg); color:var(--hero-fg); border-radius:28px; padding:28px 20px; display:flex; flex-direction:column; gap:10px; align-items:center; text-align:center}.result .celart{width:120px; height:120px}.result .celart svg{width:96px; height:96px}.result .pill:not(:is(.qz,.adq,.lgq) *){background:rgba(232,201,143,.12); color:#E8C98F; white-space:normal}.terms{display:flex; flex-direction:column; gap:12px}.term{display:flex; gap:12px; align-items:flex-start; padding:14px; border-radius:20px; background:var(--surface); border:1px solid var(--line); animation:up .5s both}.term .gi:not(:is(.qz,.adq,.lgq) *){width:42px; height:42px}.term b{display:block; font-size:15px; margin-bottom:4px}.term ul{margin:0; padding-inline-start:18px; font-size:13.5px; color:var(--muted)}.term li{margin:3px 0}.term li strong{color:var(--ink)}.app{max-width:460px; margin:0 auto; min-height:100dvh; display:flex; flex-direction:column}.app.admin{max-width:960px}.top{position:sticky; top:0; z-index:25; background:color-mix(in srgb,var(--bg) 85%,transparent); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); display:flex; align-items:center; gap:10px; padding:calc(10px + env(safe-area-inset-top,0px)) 18px 10px}.top .brand{flex:1}.top .brand b{font-size:19px}.top .brand small{display:block; font-size:11.5px; color:var(--muted); font-weight:500}.devbar{display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 18px 6px; padding:8px 10px; border-radius:16px; background:var(--amber-soft); font-size:12px}.devbar span{flex:1 1 100%; font-weight:700}.devbar button{border:1px solid var(--line); background:var(--surface); border-radius:10px; padding:5px 10px; font-size:12px}.offline{margin:0 18px 6px; background:var(--bad); color:#fff; text-align:center; font-size:12.5px; padding:6px 12px; border-radius:12px}.screen{flex:1; display:flex; flex-direction:column; gap:14px; padding:6px 18px 120px; min-width:0}.screen>*{animation:up .5s cubic-bezier(.2,.7,.2,1) both}.screen>*:nth-child(2){animation-delay:.05s}.screen>*:nth-child(3){animation-delay:.1s}.screen>*:nth-child(4){animation-delay:.15s}.screen>*:nth-child(5){animation-delay:.2s}.screen>*:nth-child(n+6){animation-delay:.25s}.foot{text-align:center; font-size:11px; color:var(--muted); margin:10px 0 0}.date{font-size:12.5px; color:var(--muted); margin-bottom:-8px}.hero:not(:is(.qz,.adq,.lgq) *){background:var(--hero-bg); color:var(--hero-fg); border-radius:28px; padding:20px; position:relative; overflow:hidden; display:flex; gap:18px; align-items:center}.hero:not(:is(.qz,.adq,.lgq) *)::before{content:""; position:absolute; width:240px; height:240px; border-radius:50%; background:radial-gradient(closest-side,color-mix(in srgb,var(--acc-hi) 22%,transparent),transparent); top:-110px; left:-80px; pointer-events:none}.hero>*:not(:is(.qz,.adq,.lgq) *){position:relative}.ring:not(:is(.qz,.adq,.lgq) *){width:132px; height:132px; flex:none; position:relative}.ring svg:not(:is(.qz,.adq,.lgq) *){width:100%; height:100%; transform:rotate(-90deg)}.ring .trk:not(:is(.qz,.adq,.lgq) *){stroke:rgba(232,201,143,.14)}.ring .val{stroke:var(--acc-hi); stroke-linecap:round; transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.2,1); filter:drop-shadow(0 0 6px color-mix(in srgb,var(--acc-hi) 50%,transparent))}.ring b:not(:is(.qz,.adq,.lgq) *){position:absolute; inset:0; display:grid; place-items:center; align-content:center; font-size:32px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums}.ring b small:not(:is(.qz,.adq,.lgq) *){display:block; font-size:11px; font-weight:400; color:var(--hero-muted); margin-top:6px}.card .ring .trk:not(:is(.qz,.adq,.lgq) *){stroke:var(--surface-2)}.card .ring .val{stroke:var(--acc)}.card .ring b small:not(:is(.qz,.adq,.lgq) *){color:var(--muted)}.hstats{flex:1; display:flex; flex-direction:column; gap:10px; min-width:0}.hstats div{display:flex; justify-content:space-between; align-items:baseline; gap:6px; padding-bottom:8px; border-bottom:1px solid rgba(232,201,143,.12)}.hstats div:last-child{border:0; padding:0}.hstats span{font-size:12px; color:var(--hero-muted)}.hstats b{font-size:16px; font-variant-numeric:tabular-nums}.hstats b.ok:not(:is(.qz,.adq,.lgq) *){color:#8FD3A8}.hstats b.no:not(:is(.qz,.adq,.lgq) *){color:#F0A493}.bar:not(:is(.qz,.adq,.lgq) *){height:7px; border-radius:4px; background:var(--surface-2); overflow:hidden}.bar i:not(:is(.qz,.adq,.lgq) *){display:block; height:100%; border-radius:4px; background:var(--acc); transition:width 1s cubic-bezier(.2,.7,.2,1)}.next{display:flex; align-items:center; gap:14px; padding:16px; border-radius:24px; background:var(--surface); border:1.5px solid var(--acc); position:relative; overflow:hidden; text-align:start; width:100%; color:var(--ink)}.next::before{content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,color-mix(in srgb,var(--acc) 14%,transparent) 50%,transparent 70%); background-size:250% 100%; animation:shine 3.2s ease-in-out infinite; pointer-events:none}.next .ic:not(:is(.qz,.adq,.lgq) *){width:52px; height:52px; border-radius:16px; background:var(--acc); color:#fff; display:grid; place-items:center; flex:none}.next div{flex:1; min-width:0; display:flex; flex-direction:column}.next small{font-size:12px; color:var(--acc-ink); font-weight:600}.next b{font-size:16.5px}.tiles:not(:is(.qz,.adq,.lgq) *){display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px}.tile:not(:is(.qz,.adq,.lgq) *){background:var(--surface); border:1px solid var(--line); border-radius:22px; padding:14px; display:flex; flex-direction:column; gap:6px; text-align:start; min-height:128px; transition:transform .15s; box-shadow:var(--shadow); min-width:0; color:var(--ink)}.tile:active:not(:is(.qz,.adq,.lgq) *){transform:scale(.97)}.tile .ti:not(:is(.qz,.adq,.lgq) *){width:38px; height:38px; border-radius:12px; display:grid; place-items:center; background:var(--surface-2); color:var(--acc-ink)}.tile .ti svg:not(:is(.qz,.adq,.lgq) *){width:20px; height:20px}.tile small:not(:is(.qz,.adq,.lgq) *){font-size:12px; color:var(--muted)}.tile b:not(:is(.qz,.adq,.lgq) *){font-size:21px; font-weight:800; line-height:1.15; font-variant-numeric:tabular-nums}.tile span:not(:is(.qz,.adq,.lgq) *){font-size:12px; color:var(--muted)}.tile.done:not(:is(.qz,.adq,.lgq) *){border-color:var(--acc)}.coachnote{display:flex; gap:12px; padding:16px; border-radius:22px; background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 14%,var(--surface)),var(--surface)); border:1px solid color-mix(in srgb,var(--acc) 30%,var(--line)); align-items:flex-start}.coachnote .av:not(:is(.qz,.adq,.lgq) *){width:46px; height:46px; border-radius:50%; flex:none; display:grid; place-items:center; background:var(--btn-bg); color:var(--acc-hi); font-weight:800; font-size:18px}.coachnote small{font-size:12px; color:var(--acc-ink); font-weight:700}.coachnote p{margin:2px 0 0; font-size:14px}.banner{display:flex; gap:10px; align-items:center; width:100%; text-align:start; border:0; border-radius:18px; padding:13px 14px; background:var(--surface-2); font-size:13.5px; line-height:1.5; color:var(--ink)}.banner.warn{background:var(--amber-soft)}.banner.gold:not(:is(.qz,.adq,.lgq) *){background:var(--acc); color:#fff; font-weight:700}.nextplan{position:relative; overflow:hidden; border-radius:26px; padding:18px; background:var(--hero-bg); color:var(--hero-fg); display:flex; flex-direction:column; gap:12px; text-align:start; width:100%; border:0}.nextplan::before{content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; background:conic-gradient(from var(--a,0deg),transparent 0 70%,var(--acc-hi) 85%,transparent 100%); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; animation:spinb 3.5s linear infinite; pointer-events:none}@property --a{syntax:'<angle>'; inherits:false; initial-value:0deg}@keyframes spinb{to{--a:360deg}}.np-top{display:flex; justify-content:space-between; align-items:center; gap:10px}.np-top b{font-size:17px}.np-top small{display:block; color:var(--hero-muted); font-size:12px}.np-lock{width:48px; height:48px; border-radius:50%; display:grid; place-items:center; color:var(--acc-hi); border:1.5px solid rgba(232,201,143,.35); flex:none}.np-blur{display:flex; flex-direction:column; gap:8px; filter:blur(5px); opacity:.7; user-select:none; pointer-events:none}.np-blur div{display:flex; justify-content:space-between; padding:10px 12px; border-radius:14px; background:rgba(232,201,143,.08); font-size:13px}.np-cd{display:flex; gap:8px; justify-content:center}.np-cd span{min-width:62px; padding:8px 4px; border-radius:14px; background:rgba(232,201,143,.1); display:flex; flex-direction:column; align-items:center}.np-cd b{font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.1; color:var(--acc-hi)}.np-cd small{font-size:10.5px; color:var(--hero-muted)}.np-req{display:flex; align-items:center; gap:10px; font-size:13px; padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.05)}.np-req i{width:22px; height:22px; border-radius:50%; border:1.5px solid var(--acc-hi); flex:none; display:grid; place-items:center; font-style:normal; font-size:12px}.np-req.ok i:not(:is(.qz,.adq,.lgq) *){background:var(--ok); border-color:var(--ok); color:#fff}.wait{display:flex; flex-direction:column; align-items:center; text-align:center; gap:14px; padding-top:10px}.wait .celart{width:150px; height:150px}.wait .celart svg{width:110px; height:110px; animation:rise .9s cubic-bezier(.3,1.5,.5,1) both, bob 3s 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px)}}.steps{display:flex; flex-direction:column; gap:12px; margin:0; padding:0; list-style:none; width:100%; text-align:start}.steps li{display:flex; gap:12px; align-items:center; font-size:14px}.steps li b{width:30px; height:30px; flex:none; border-radius:50%; display:grid; place-items:center; font-size:12.5px; background:var(--surface-2); border:1px solid var(--line)}.steps li.ok b:not(:is(.qz,.adq,.lgq) *){background:var(--ok); color:#fff; border-color:var(--ok)}.steps li.now b{border-color:var(--acc); color:var(--acc-ink); animation:ringp 1.6s ease-in-out infinite}@keyframes ringp{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 18%,transparent)}}.kcal{background:var(--hero-bg); color:var(--hero-fg); border-radius:28px; padding:20px; display:flex; flex-direction:column; gap:14px; position:relative; overflow:hidden}.kcal .k{display:flex; align-items:flex-end; justify-content:space-between; gap:12px}.kcal strong{font-size:46px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums}.kcal span{font-size:12px; color:var(--hero-muted)}.kcal .bar:not(:is(.qz,.adq,.lgq) *){background:rgba(232,201,143,.14)}.kcal .bar i:not(:is(.qz,.adq,.lgq) *){background:var(--acc-hi)}.macros{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px}.macro{border-radius:16px; padding:10px; display:flex; flex-direction:column; gap:4px; background:rgba(232,201,143,.08)}.macro span{font-size:11.5px; color:var(--hero-muted)}.macro b{font-size:15px; font-variant-numeric:tabular-nums}.macro .bar:not(:is(.qz,.adq,.lgq) *){height:5px}.meals{display:flex; flex-direction:column; gap:10px}.meal{background:var(--surface); border:1px solid var(--line); border-radius:24px; padding:14px; display:flex; flex-direction:column; gap:12px; transition:border-color .3s, opacity .3s; box-shadow:var(--shadow); min-width:0}.meal.done{border-color:var(--acc)}.meal.missed{opacity:.6}.meal.open{border-color:var(--acc); box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 12%,transparent), var(--shadow)}.meal .mh:not(:is(.qz,.adq,.lgq) *){display:flex; align-items:center; gap:10px}.meal .mh .t:not(:is(.qz,.adq,.lgq) *){flex:1; min-width:0; display:flex; flex-direction:column}.meal .mh b:not(:is(.qz,.adq,.lgq) *){font-size:16px}.meal .mh span:not(:is(.qz,.adq,.lgq) *){font-size:12px; color:var(--muted)}.badge{font-size:11.5px; font-weight:700; padding:5px 10px; border-radius:10px; white-space:nowrap; background:var(--surface-2); color:var(--muted); display:inline-flex; gap:4px; align-items:center}.badge svg{width:13px; height:13px}.b-done{background:var(--ok-soft); color:var(--ok)}.b-missed{background:var(--bad-soft); color:var(--bad)}.b-open{background:var(--acc); color:#fff}.mrow:not(:is(.qz,.adq,.lgq) *){display:flex; gap:12px; align-items:center}.chk{width:52px; height:52px; flex:none; border-radius:50%; border:1.8px solid var(--acc); background:transparent; display:grid; place-items:center; transition:background .25s, transform .15s; padding:0; color:#fff}.chk:active{transform:scale(.88)}.chk svg{opacity:0; transform:scale(.4); transition:.3s cubic-bezier(.3,1.6,.5,1)}.chk.on:not(:is(.qz,.adq,.lgq) *){background:var(--acc)}.chk.on svg:not(:is(.qz,.adq,.lgq) *){opacity:1; transform:none}.chk[disabled]{border-style:dashed; border-color:var(--line); color:var(--muted); cursor:not-allowed}.chk[disabled] svg{opacity:1; transform:none; width:18px}.alts:not(:is(.qz,.adq,.lgq) *){flex:1; min-width:0; display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; gap:12px}.alts:not(:is(.qz,.adq,.lgq) *)::-webkit-scrollbar{display:none}.alt{flex:0 0 100%; scroll-snap-align:start; display:flex; flex-direction:column; gap:2px; min-width:0}.alt b{font-size:15px; line-height:1.4}.alt span{font-size:12px; color:var(--muted)}.alt i{font-style:normal; font-size:11.5px; color:var(--acc-ink); font-weight:600}.dots:not(:is(.qz,.adq,.lgq) *){display:flex; gap:4px; margin-top:6px}.dots u:not(:is(.qz,.adq,.lgq) *){width:5px; height:5px; border-radius:3px; background:var(--line); text-decoration:none; transition:.3s}.dots u.on:not(:is(.qz,.adq,.lgq) *){width:16px; background:var(--acc)}.items{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px}.items li{display:flex; justify-content:space-between; gap:10px; font-size:13.5px; padding:8px 12px; background:var(--surface-2); border-radius:12px}.items li b{white-space:nowrap; font-variant-numeric:tabular-nums}.prep{font-size:13px; color:var(--muted); margin:0; padding:10px 12px; border-radius:14px; background:var(--surface-2)}.more{background:none; border:0; color:var(--acc-ink); font-size:12.5px; font-weight:600; padding:4px 0; min-height:34px; text-align:start}.week{display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px}.wd{border-radius:14px; padding:8px 0; font-size:9.5px!important; display:flex; flex-direction:column; align-items:center; gap:3px; background:var(--surface); border:1px solid var(--line); font-size:10.5px; color:var(--muted); min-width:0}.wd b{font-size:14px; color:var(--ink)}.wd i{width:6px; height:6px; border-radius:3px; background:transparent}.wd.train i{background:var(--acc)}.wd.today{background:var(--btn-bg); border-color:var(--btn-bg); color:var(--btn-fg)}.wd.today b{color:var(--btn-fg)}.wkhead{display:flex; flex-direction:column; gap:12px}.timer{font-size:40px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; color:var(--acc-ink); direction:ltr; text-align:center}.exs{display:flex; flex-direction:column; gap:10px}.exc{display:flex; gap:12px; align-items:center; background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:10px; text-align:start; width:100%; color:var(--ink); box-shadow:var(--shadow); min-width:0}.thumb{width:84px; aspect-ratio:4/3; border-radius:14px; background:radial-gradient(circle at 50% 30%,#2A231B,#0F0C09); display:grid; place-items:center; flex:none; color:#15120E}.thumb span{width:30px; height:30px; border-radius:50%; background:var(--gold-hi); display:grid; place-items:center}.thumb span svg{width:14px; height:14px}.exc div{flex:1; min-width:0; display:flex; flex-direction:column}.exc b{font-size:15px}.exc small{font-size:12px; color:var(--muted)}.vid{aspect-ratio:16/9; border-radius:20px; background:radial-gradient(circle at 50% 30%,#2A231B,#0F0C09); color:var(--hero-muted); display:grid; place-items:center; align-content:center; gap:8px; font-size:12px}.vid span{width:58px; height:58px; border-radius:50%; background:var(--gold-hi); display:grid; place-items:center; color:#15120E}.howto{display:flex; flex-direction:column; gap:8px; margin:0; padding:0; list-style:none}.howto li{display:flex; gap:10px; font-size:13.5px}.howto li b{width:24px; height:24px; flex:none; border-radius:50%; background:var(--surface-2); display:grid; place-items:center; font-size:12px}.cardio{display:flex; flex-direction:column; align-items:center; gap:18px; text-align:center; padding:22px 16px}.cring{width:220px; height:220px; position:relative}.cring svg{width:100%; height:100%; transform:rotate(-90deg)}.cring .trk:not(:is(.qz,.adq,.lgq) *){stroke:var(--surface-2)}.cring .val{stroke:var(--acc); stroke-linecap:round; transition:stroke-dashoffset 1s linear; filter:drop-shadow(0 0 8px color-mix(in srgb,var(--acc) 55%,transparent))}.cring .in:not(:is(.qz,.adq,.lgq) *){position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center}.cring .in b:not(:is(.qz,.adq,.lgq) *){font-size:44px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1; direction:ltr}.cring .in span:not(:is(.qz,.adq,.lgq) *){font-size:12.5px; color:var(--muted); margin-top:6px}.cring.live:not(:is(.qz,.adq,.lgq) *)::after{content:""; position:absolute; inset:-10px; border-radius:50%; border:2px solid color-mix(in srgb,var(--acc) 30%,transparent); animation:halo 2s ease-out infinite}.ctypes{display:flex; flex-wrap:wrap; gap:8px; justify-content:center}.cond{display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px}.cond:last-of-type{border:0}.cond i{width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-style:normal; color:#fff; flex:none}.cond i svg{width:13px; height:13px}.cond.ok i:not(:is(.qz,.adq,.lgq) *){background:var(--ok)}.cond.no i:not(:is(.qz,.adq,.lgq) *){background:var(--bad)}.cond span{flex:1}.cal:not(:is(.qz,.adq,.lgq) *){display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px}.cal__d{position:relative; aspect-ratio:1; border-radius:12px; border:1px solid var(--line); background:var(--surface-2); font-size:12px; font-weight:700; padding:0; color:var(--ink); min-width:0}.cal__d i{position:absolute; top:2px; inset-inline-end:5px; width:5px; height:5px; border-radius:50%; background:var(--acc)}.c-g{background:var(--ok)!important; color:#fff; border-color:transparent}.c-y{background:var(--amber)!important; color:#fff; border-color:transparent}.c-r{background:var(--bad)!important; color:#fff; border-color:transparent}.c-today{border:2px solid var(--acc)!important; background:color-mix(in srgb,var(--acc) 10%,var(--surface))}.c-future{opacity:.4}.legend{display:flex; gap:12px; font-size:11.5px; color:var(--muted)}.legend span{display:flex; gap:5px; align-items:center}.legend i{width:10px; height:10px; border-radius:3px}.chart svg{width:100%; height:auto; display:block}.meas{display:grid; grid-template-columns:repeat(auto-fit,minmax(78px,1fr)); gap:8px}.meas div{background:var(--surface-2); border-radius:16px; padding:10px; display:flex; flex-direction:column}.meas span{font-size:12px; color:var(--muted)}.meas b{font-variant-numeric:tabular-nums}.sheet:not(:is(.qz,.adq,.lgq) *){position:fixed; inset:0; z-index:60; display:flex; align-items:flex-end; justify-content:center; background:rgba(8,6,4,.5); animation:fade .25s both}.sheet .box:not(:is(.qz,.adq,.lgq) *){width:100%; max-width:460px; max-height:90dvh; overflow-y:auto; background:var(--bg); border-radius:28px 28px 0 0; padding:12px 18px calc(22px + env(safe-area-inset-bottom,0px)); display:flex; flex-direction:column; gap:14px; animation:sheetup .35s cubic-bezier(.2,.7,.2,1) both}@keyframes sheetup{from{transform:translateY(60px)}}.grab{width:42px; height:5px; border-radius:3px; background:var(--line); margin:0 auto}.dd:not(:is(.qz,.adq,.lgq) *){display:flex; flex-direction:column; gap:6px}.lrow{display:flex; align-items:center; gap:10px; justify-content:space-between; padding:11px 14px; background:var(--surface); border:1px solid var(--line); border-radius:14px; font-size:13.5px; min-width:0}.lrow b{text-align:end}.lrow.ok:not(:is(.qz,.adq,.lgq) *){border-inline-start:4px solid var(--ok)}.lrow.no:not(:is(.qz,.adq,.lgq) *){border-inline-start:4px solid var(--bad)}.tabs:not(:is(.qz,.adq,.lgq) *){position:sticky; bottom:0; z-index:20; margin-top:auto; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); background:color-mix(in srgb,var(--surface) 92%,transparent); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-top:1px solid var(--line); padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px))}.tab{background:none; border:0; min-height:54px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; font-size:11px; color:var(--muted); position:relative; padding:0}.tab svg{transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.tab[aria-current="page"]{color:var(--ink); font-weight:700}.tab[aria-current="page"] svg{color:var(--acc); transform:translateY(-2px) scale(1.1)}.tab[aria-current="page"]::after{content:""; position:absolute; top:0; width:20px; height:3px; border-radius:2px; background:var(--acc)}.atabs{display:flex; gap:6px; overflow-x:auto; padding:4px 18px 10px; scrollbar-width:none}.atabs::-webkit-scrollbar{display:none}.atabs button{flex:none; border:1.5px solid var(--line); background:var(--surface); border-radius:14px; padding:9px 14px; font-weight:600; font-size:13.5px; color:var(--ink)}.atabs button[aria-current="page"]{background:var(--btn-bg); color:var(--btn-fg); border-color:var(--btn-bg)}.subs{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr)); gap:10px}.subr{display:flex; align-items:center; gap:12px; padding:12px; border-radius:20px; background:var(--surface); border:1px solid var(--line); text-align:start; width:100%; color:var(--ink); box-shadow:var(--shadow); min-width:0}.av:not(:is(.qz,.adq,.lgq) *){width:46px; height:46px; border-radius:50%; flex:none; display:grid; place-items:center; background:var(--surface-2); color:var(--gold-ink); font-weight:800; border:1.5px solid var(--gold)}.av.f:not(:is(.qz,.adq,.lgq) *){border-color:var(--rose); color:var(--rose-ink)}.subr .t:not(:is(.qz,.adq,.lgq) *){flex:1; min-width:0; display:flex; flex-direction:column}.subr b{font-size:15px}.subr small{font-size:12px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}.st{display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:10px; font-size:11.5px; font-weight:700; white-space:nowrap}.st::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor}.st-green{background:var(--ok-soft); color:var(--ok)}.st-red{background:var(--bad-soft); color:var(--bad)}.st-amber{background:var(--amber-soft); color:var(--amber)}.st-gray{background:var(--surface-2); color:var(--muted)}.pct{font-weight:800; font-variant-numeric:tabular-nums; font-size:15px}.flagc{font-size:12px; font-weight:800; color:var(--bad)}.kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px}.kpis div{padding:14px; border-radius:20px; background:var(--surface); border:1px solid var(--line); display:flex; flex-direction:column; gap:2px}.kpis b{font-size:24px; font-weight:800; font-variant-numeric:tabular-nums}.kpis span{font-size:12px; color:var(--muted)}.fl:not(:is(.qz,.adq,.lgq) *){margin:0; padding:10px 12px; border-radius:14px; font-size:13.5px}.fl-red{background:var(--bad-soft)}.fl-amber{background:var(--amber-soft)}.msgcard{border:1.5px solid var(--acc); background:color-mix(in srgb,var(--acc) 7%,var(--surface))}.msgcard p{margin:0; font-size:15px; line-height:1.7}.ans:not(:is(.qz,.adq,.lgq) *){display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:8px; margin:0}.ans div:not(:is(.qz,.adq,.lgq) *){padding:10px 12px; border-radius:14px; background:var(--surface-2); display:flex; flex-direction:column}.ans dt:not(:is(.qz,.adq,.lgq) *){font-size:11.5px; color:var(--muted)}.ans dd:not(:is(.qz,.adq,.lgq) *){margin:0; font-size:14px; font-weight:600}.draft{border:2px solid var(--acc)}.why{font-size:13px; padding:10px 12px; border-radius:14px; background:color-mix(in srgb,var(--acc) 10%,var(--surface))}.kstep{display:flex; align-items:center; gap:10px; flex-wrap:wrap}.kstep button{width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:var(--bg); font-size:20px}.kstep output{font-size:28px; font-weight:800; font-variant-numeric:tabular-nums; min-width:100px; text-align:center}.ed-slot{border:1px solid var(--line); border-radius:18px; padding:12px; display:flex; flex-direction:column; gap:10px; background:var(--bg)}.ed-opt{border-radius:14px; background:var(--surface); border:1px solid var(--line); padding:10px; display:flex; flex-direction:column; gap:6px}.ed-opt .row b:not(:is(.qz,.adq,.lgq) *){font-size:14px}.ed-items{display:grid; grid-template-columns:1fr auto; gap:6px 10px; align-items:center; font-size:13px}.ed-items input{width:86px; min-height:38px; border-radius:10px; border:1.5px solid var(--line); background:var(--bg); padding:4px 8px; text-align:center; font-size:14px}.ed-ex{display:grid; grid-template-columns:64px minmax(0,1fr) 36px; gap:6px; align-items:center; padding-bottom:8px; border-bottom:1px dashed var(--line)}.ed-ex select{grid-column:1/-1}.ed-ex select,.ed-ex input,.sel{min-height:40px; border-radius:10px; border:1.5px solid var(--line); background:var(--bg); padding:4px 8px; font-size:13px; width:100%; color:var(--ink)}.xbtn{width:36px; height:36px; border-radius:10px; border:1px solid var(--line); background:var(--surface); display:grid; place-items:center; color:var(--bad); padding:0}.xbtn svg{width:16px; height:16px}.tbl:not(:is(.qz,.adq,.lgq) *){width:100%; border-collapse:collapse; font-size:13px}.tbl th:not(:is(.qz,.adq,.lgq) *),.tbl td:not(:is(.qz,.adq,.lgq) *){padding:8px 6px; border-bottom:1px solid var(--line); text-align:start}.tbl th:not(:is(.qz,.adq,.lgq) *){color:var(--muted); font-weight:600}.scrollx{overflow-x:auto}.btns{display:flex; flex-wrap:wrap; gap:8px}details>summary{cursor:pointer; font-weight:700; list-style:none; display:flex; justify-content:space-between; align-items:center}details>summary::-webkit-details-marker{display:none}details>summary::after{content:"⌄"; color:var(--muted)}details[open]>summary::after{content:"⌃"}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important}}.photos label{position:relative;overflow:hidden}.photos label img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photos label.has span{position:relative;z-index:1;background:rgba(0,0,0,.55);color:#fff;padding:2px 8px;border-radius:8px}.card.must:not(:is(.qz,.adq,.lgq) *){border:1.5px solid var(--acc);display:flex;flex-direction:column;gap:10px}.must-h{display:flex;align-items:center;gap:8px;font-size:16px}.must-h svg{width:22px;height:22px}.endc:not(:is(.qz,.adq,.lgq) *){box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#E5534B 50%,transparent);background:color-mix(in srgb,#E5534B 9%,var(--card,#16130F))}.btn.red:not(:is(.qz,.adq,.lgq) *){background:#E5534B;color:#fff}ol.prep{display:flex;flex-direction:column;gap:6px;padding:12px 30px 12px 12px;line-height:1.7;list-style:none;counter-reset:st}ol.prep li{position:relative;counter-increment:st}ol.prep li::before{content:counter(st, arabic-indic);position:absolute;right:-22px;top:2px;width:17px;height:17px;border-radius:50%;background:var(--accent,#E8C98F);color:#1a140c;font-size:10.5px;font-weight:800;display:grid;place-items:center}.iconbtn.me{font-weight:800;font-size:16px;color:var(--accent,#E8C98F)}.btn.danger:not(:is(.qz,.adq,.lgq) *){background:#E5534B;color:#fff}.btn.line.danger:not(:is(.qz,.adq,.lgq) *){background:none;color:#E5534B;box-shadow:inset 0 0 0 1px rgba(229,83,75,.5)}
