*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}
*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}

:root{
  --bg:#06080f; --txt:#f2f6ff; --mut:#8b95ad;
  --acc:#ff8a3d; --acc2:#ff4d8d; --grn:#3ee594; --blu:#46a0ff; --pur:#b47bff; --gold:#ffd24d; --ice:#7fd8ff;
  --glass:rgba(20,27,44,.86); --line:rgba(255,255,255,.10); 










  
  --r-sm:10px; --r-md:14px; --r-card:22px; --r-modal:24px; --r-pill:999px;
  



















  --fs-1:9px;    --fs-2:9.5px;  --fs-3:10px;   --fs-4:10.5px;
  --fs-5:11px;   --fs-6:11.5px; --fs-7:12px;   --fs-8:12.5px;
  --fs-9:13px;   --fs-10:13.5px; --fs-11:14px; --fs-12:15px;
  --fs-13:16px;  --fs-14:17px;  --fs-15:18px;  --fs-16:19px;
  --fs-17:20px;  --fs-18:22px;  --fs-19:24px;  --fs-20:26px;  --fs-21:30px;
  

  --fs-label:var(--fs-5);  
  --fs-body:var(--fs-7);   
  --fs-read:var(--fs-9);   
  --auroraSpeed:18s;
  


  --mmSec:rgba(255,138,61,.34); --mmOff:transparent; --mmBody:rgba(255,255,255,.06);
  




















  --col:700px; --zoom:1; --colv:calc(var(--col) * var(--zoom)); --pad:18px;
  




  --col-left:max(18px, calc(50% - var(--colv)/2));
  --col-leftz:max(calc(18px / var(--zoom)), calc(50% - var(--col)/2));
}
@media(min-width:1080px){:root{--pad:34px}}   
@media(min-width:1280px){:root{--zoom:1.12}}   
@media(min-width:1700px){:root{--zoom:1.22}}   



.btnPrimary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;
  border:0;border-radius:var(--r-md);cursor:pointer;font-family:inherit;font-weight:800;font-size:var(--fs-11);
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17}
.btnPrimary:disabled{opacity:.6;cursor:default}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}



html,body{overscroll-behavior-x:none}
body{font-family:'Space Grotesk','Segoe UI Variable','Segoe UI',system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
  background:var(--bg);color:var(--txt);min-height:100vh;min-height:100dvh;overflow-x:clip; 
  padding:env(safe-area-inset-top,0px) 18px calc(86px + env(safe-area-inset-bottom));max-width:780px;margin:0 auto;position:relative;z-index:1}

.title,.lvlName,.streak .n,.tile .v,.bossNow .bv,.todayPts,.readyZone,
.hdn,.sv,.celebTitle,.gTitle,.chatTitle,.strLast,.repMeta b,.xpMeta,.daylabel{
  font-family:'Chakra Petch','Space Grotesk',sans-serif}






@media(min-width:1080px){
  body{max-width:1240px;padding:0 34px calc(96px + env(safe-area-inset-bottom))}
  #view-today #wknd:empty,#view-today #alertsZone:empty{display:none}
  





}
.view.on{animation:viewIn .42s cubic-bezier(.16,1,.3,1)}
@keyframes viewIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}


[data-fx="axis"] .view.on{animation:fxAxis .34s cubic-bezier(.22,1,.36,1)}
[data-fx="fade"] .view.on{animation:fxFade .3s ease}
[data-fx="push"] .view.on{animation:fxPush .38s cubic-bezier(.32,.72,0,1)}
[data-fx="off"] .view.on{animation:none}
@keyframes fxAxis{from{opacity:0;transform:translateX(calc(var(--fxs,1) * 34px))}to{opacity:1;transform:none}}
@keyframes fxFade{from{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}
@keyframes fxPush{from{opacity:.35;transform:translateX(calc(var(--fxs,1) * 100%))}to{opacity:1;transform:none}}







html[data-fx="axis"] body .view.on.packed{animation:fxAxis .34s cubic-bezier(.22,1,.36,1)}
html[data-fx="fade"] body .view.on.packed{animation:fxFade .3s ease}
html[data-fx="push"] body .view.on.packed{animation:fxPush .38s cubic-bezier(.32,.72,0,1)}
html[data-fx="off"] body .view.on.packed{animation:none}



.jigMode>.card{animation:jig .32s ease-in-out infinite;transform-origin:50% 50%;cursor:grab;will-change:transform;opacity:1}
.jigMode>.card:nth-child(2n){animation-delay:-.16s;animation-duration:.35s}
.jigMode>.card:nth-child(3n){animation-duration:.3s;animation-delay:-.08s}
@keyframes jig{0%{transform:rotate(-.7deg)}50%{transform:rotate(.7deg)}100%{transform:rotate(-.7deg)}}
.jigMode>.card.dragging{animation:none;opacity:.97;cursor:grabbing;box-shadow:0 26px 64px rgba(0,0,0,.62);border-color:var(--blu);touch-action:none}
.jigMode>.card::after{content:"✥";position:absolute;top:8px;right:12px;font-size:var(--fs-read);color:var(--mut);opacity:.7;pointer-events:none;z-index:3}
#jigBar{position:fixed;left:50%;translate:-50% 0;bottom:max(94px,calc(82px + env(safe-area-inset-bottom)));z-index:70;
  display:flex;gap:6px;background:rgba(10,14,26,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid var(--line);border-radius:999px;padding:6px;box-shadow:0 16px 44px rgba(0,0,0,.5);animation:pop2 .2s ease}
#jigBar button{border:0;border-radius:999px;padding:9px 17px;font-weight:800;font-size:var(--fs-read);cursor:pointer;letter-spacing:.3px}
#jigReset{background:transparent;color:var(--mut)}
#jigDoneBtn{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17} 


.bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:var(--bg);transition:background 1.2s}
.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;mix-blend-mode:screen;
  animation:drift var(--auroraSpeed) ease-in-out infinite;transition:background 1.5s,opacity 1.5s}







:root{--blob1:#ff7a2d;--blob2:#ff4d8d;--blob3:#46a0ff}
.b1{width:520px;height:520px;background:radial-gradient(circle,var(--blob1),transparent 60%);top:-160px;right:-120px}
.b2{width:480px;height:480px;background:radial-gradient(circle,var(--blob2),transparent 60%);top:30%;left:-160px;animation-delay:-6s}
.b3{width:520px;height:520px;background:radial-gradient(circle,var(--blob3),transparent 60%);bottom:-180px;right:-80px;animation-delay:-11s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,30px) scale(1.12)}66%{transform:translate(-30px,20px) scale(.95)}}





#skyFx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.sfMeteor{position:absolute;width:var(--sfLen,120px);height:1.5px;border-radius:2px;will-change:transform,opacity;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(214,228,255,.92),rgba(255,255,255,0));
  filter:drop-shadow(0 0 4px rgba(190,214,255,.55));
  animation:sfShoot 1.3s cubic-bezier(.35,0,.7,1) forwards}
@keyframes sfShoot{
  0%{opacity:0;transform:rotate(34deg) translate3d(-6vw,0,0) scaleX(.25)}
  14%{opacity:.95}
  68%{opacity:.9}
  100%{opacity:0;transform:rotate(34deg) translate3d(30vw,0,0) scaleX(1)}}
@media(prefers-reduced-motion:reduce){#skyFx{display:none}}







.skyChip{position:fixed;left:50%;bottom:calc(78px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%) translateY(10px);z-index:90;
  display:inline-flex;align-items:center;min-height:44px;padding:0 4px 0 0;border-radius:999px;
  max-width:min(calc(100vw - 24px),420px);
  border:1px solid rgba(122,140,255,.42);background:rgba(9,13,26,.9);backdrop-filter:blur(8px);color:var(--txt);
  opacity:0;pointer-events:none;
  box-shadow:0 8px 26px rgba(4,6,12,.55);transition:opacity .3s ease,transform .3s cubic-bezier(.2,.9,.3,1)}
.skyChip.on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.skyChipBody{display:flex;align-items:center;gap:7px;flex:1;min-width:0;min-height:44px;padding:7px 2px 7px 15px;
  background:none;border:0;color:inherit;font-family:inherit;font-size:var(--fs-6);font-weight:700;
  text-align:left;cursor:pointer}
.skyChipIc{font-size:var(--fs-11);line-height:1;flex:none}


.skyChipTx{line-height:1.25;min-width:0}
.skyChipX{display:inline-flex;align-items:center;justify-content:center;width:44px;min-height:44px;flex:none;
  background:none;border:0;color:var(--mut);font-size:var(--fs-7);font-family:inherit;border-radius:999px;cursor:pointer}
.skyChipX:hover{color:var(--txt)}
@media(prefers-reduced-motion:reduce){.skyChip{transition:opacity .3s ease}.skyChip.on{transform:translateX(-50%)}}


.skyChip.instChip{bottom:calc(132px + env(safe-area-inset-bottom,0px))}
.skyChip.instChip .skyChipIc{font-size:var(--fs-9)}



body.modalOn .skyChip{display:none}


#skyLiveOv{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;
  padding:16px;background:rgba(4,6,12,.84);opacity:0;transition:opacity .26s ease}
#skyLiveOv.on{opacity:1}
.slCard{width:min(680px,100%);max-height:92svh;display:flex;flex-direction:column;
  background:#0b1020;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.6);transform:scale(.98);transition:transform .26s cubic-bezier(.2,.9,.3,1)}
#skyLiveOv.on .slCard{transform:scale(1)}
.slHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 12px 16px}
.slTitle{font-family:inherit;font-weight:800;font-size:var(--fs-13);color:var(--txt)}
.slX{width:40px;min-height:44px;border:none;background:none;color:var(--mut);font-size:var(--fs-13);cursor:pointer;border-radius:12px}
.slX:hover{color:var(--txt)}
.slFrame{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.slFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.slNote{padding:12px 16px 16px;font-size:var(--fs-6);line-height:1.5;color:var(--mut)}
@media(prefers-reduced-motion:reduce){#skyLiveOv,.slCard{transition:opacity .26s ease}.slCard{transform:none}}
.grain{position:fixed;inset:0;z-index:-1;opacity:.05;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}


body[data-mood="recovery"]{--auroraSpeed:34s;--blob1:#2b5f9e;--blob2:#3b4bb0;--blob3:#1f8a8a}
body[data-mood="recovery"] .b2{opacity:.4}
body[data-mood="push"]{--auroraSpeed:11s;--blob1:#ff9a2d;--blob2:#ff4d3d;--blob3:#ffd24d}
body[data-mood="push"] .b1{opacity:.62}
body[data-mood="push"] .b2{opacity:.55}
@media(prefers-reduced-motion:reduce){
  .blob,.flame,.fill,.fill::after,.glint,.avatar,.badge.got .bi,.pcSheen,.abTitle,.mcChip.urge,.dsClouds,.dsCloudDrift{animation:none!important}
  .card{animation-duration:.01s!important}
  .jigMode>.card{animation:none;transform:none;opacity:1;outline:2px dashed var(--blu);outline-offset:-3px}
  #jigBar{animation:none}
  [data-fx] .view.on{animation:fxRM .18s ease!important} 
}
@keyframes fxRM{from{opacity:0}to{opacity:1}}






html.fbsHidden *,html.fbsHidden *::before,html.fbsHidden *::after{animation-play-state:paused!important}

.label{font-size:var(--fs-8);letter-spacing:1.3px;text-transform:uppercase;color:#b8c2da;font-weight:800;line-height:1.55;padding-bottom:5px;
  display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px} 
.card{background:var(--glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  border:1px solid var(--line);border-radius:var(--r-card);padding:18px;margin-bottom:15px;
  box-shadow:0 12px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.06);
  opacity:0;transform:translateY(18px);animation:rise .7s cubic-bezier(.16,1,.3,1) forwards}
@keyframes rise{to{opacity:1;transform:none}}



.isSuppTotal{display:flex;align-items:center;gap:10px;margin:8px 2px 0;color:var(--mut);font-size:var(--fs-read);font-variant-numeric:tabular-nums}
.isSuppTotal .suppTotLine{letter-spacing:.02em}
.isSuppTotal .suppFix{padding:4px 10px;font-size:var(--fs-body)}
.isSuppTotal .spInput{width:72px}
@keyframes fbTickPop{0%{transform:scale(1)}45%{transform:scale(1.06)}100%{transform:scale(1)}}
.fbTick{display:inline-block;animation:fbTickPop .15s ease-out;transform-origin:center}
@media(prefers-reduced-motion:reduce){.fbTick{animation:none}}
.view .card:nth-child(2){animation-delay:.07s}.view .card:nth-child(3){animation-delay:.14s}
.view .card:nth-child(4){animation-delay:.21s}.view .card:nth-child(5){animation-delay:.28s}


.view{display:none}.view.on{display:block}






.view.fbg.on{display:block!important;max-width:700px;margin-left:auto;margin-right:auto}
.view.fbg.on>*{margin-bottom:18px}
.view.fbg.on>:last-child{margin-bottom:0}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:62;margin-inline:auto;width:min(var(--col),calc(100% - 2*var(--pad)));display:flex;justify-content:center;gap:4px;
  
  padding:8px max(10px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));
  background:rgba(8,11,20,.86);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.tab{flex:1;max-width:130px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;
  background:none;border:none;border-radius:14px;color:var(--mut);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.25s;position:relative}
.tab .ti{font-size:var(--fs-17);filter:grayscale(.35);opacity:.75;transition-property:filter,transform,opacity,color;transition-duration:.25s}
.tab.on .ti{opacity:1}
.tab .tl{font-size:var(--fs-1);font-weight:800;letter-spacing:.8px;text-transform:uppercase;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.tab.on{color:var(--txt);background:rgba(255,138,61,.10)}
.tab.on .ti{filter:none;transform:translateY(-1px) scale(1.12)}
.tab.on::after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:26px;height:3px;border-radius:99px;
  background:linear-gradient(90deg,var(--acc),var(--acc2));box-shadow:0 0 10px var(--acc)}







.tabPin{flex:0 0 auto}
.tabScroll{flex:1 1 auto;min-width:0;display:flex;justify-content:center;gap:4px;
  overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}
.tabScroll::-webkit-scrollbar{width:0;height:0;display:none}
.tabScroll .tab{flex:0 0 auto;min-width:60px;max-width:130px;scroll-snap-align:start} 
.tabbar.scrollable .tabScroll{justify-content:flex-start} 
.tabArrow{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:19px;height:44px;padding:0;
  border:none;background:none;color:var(--mut);font-size:var(--fs-16);line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s,transform .12s} 
.tabArrow:active{transform:scale(.82)}
.tabbar.scrollable .tabArrow{display:flex}


.hero{position:relative;overflow:hidden}
.glint{position:absolute;top:-40%;left:-40%;width:60%;height:180%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
  transform:translateX(266%) rotate(20deg);will-change:transform;animation:glint 1.7s ease-in-out .35s both}



@keyframes glint{from{transform:translateX(0) rotate(20deg)}to{transform:translateX(266%) rotate(20deg)}}
.heroTop{display:flex;align-items:center;gap:13px;position:relative}
.avatar{width:56px;height:56px;border-radius:16px;flex:0 0 auto;display:grid;place-items:center;font-size:28px;
  background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 0 28px rgba(255,138,61,.55);animation:bob 4s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px)}}
.title{font-size:23px;font-weight:900;letter-spacing:.5px;background:linear-gradient(90deg,#fff,#ffd9bf);
  -webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.subtitle{font-size:var(--fs-body);color:var(--mut);margin-top:4px;letter-spacing:.3px}
.streak{margin-left:auto;text-align:center;padding:9px 13px;border-radius:16px;flex:0 0 auto;position:relative;
  background:rgba(255,138,61,.12);border:1px solid rgba(255,138,61,.4);box-shadow:0 0 22px rgba(255,138,61,.25)}
.streak .flame{font-size:var(--fs-15);filter:drop-shadow(0 0 6px var(--acc))}


.streak .flame.flameLit{animation:flicker 1.6s ease-in-out}
@keyframes flicker{0%,100%{transform:scale(1) rotate(-2deg);opacity:1}50%{transform:scale(1.18) rotate(2deg);opacity:.85}}
.streak .n{font-size:23px;font-weight:900;color:var(--acc);line-height:1}
.streak .t{font-size:8.5px;letter-spacing:1px;color:var(--acc);text-transform:uppercase;opacity:.85}
.streak .fz{font-size:var(--fs-3);font-weight:800;color:var(--ice);margin-top:3px;text-shadow:0 0 8px rgba(127,216,255,.6)}
.lvlRow{display:flex;align-items:flex-end;justify-content:space-between;margin:18px 0 9px}
.lvlNum{font-size:var(--fs-label);color:var(--gold);letter-spacing:2px;font-weight:800;text-shadow:0 0 10px rgba(255,210,77,.4)}
.lvlName{font-size:var(--fs-16);font-weight:900}
.xpMeta{font-size:var(--fs-label);color:var(--mut);text-align:right;line-height:1.5}
.bar{height:15px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;border:1px solid var(--line);position:relative}
.fill{height:100%;width:0;border-radius:99px;position:relative;
  background:linear-gradient(90deg,var(--acc),var(--acc2),var(--gold));background-size:200% 100%;
  box-shadow:0 0 18px rgba(255,138,61,.7);transition:width 1.4s cubic-bezier(.16,1,.3,1)}



.fill.xpGain{animation:flow 3s linear}
@keyframes flow{to{background-position:200% 0}}
.fill::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-100%)}
.fill.xpGain::after{animation:shine 2.2s ease-in-out}
@keyframes shine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(260%)}}
.identity{margin-top:10px;font-size:var(--fs-6);color:var(--gold);font-style:italic;opacity:.85;letter-spacing:.3px;transition:opacity .6s}
.identity.fade{opacity:0}


.readyWrap{display:flex;align-items:center;gap:16px}
.readyRing{flex:0 0 auto}
.readyMeta{flex:1;min-width:0}
.readyZone{font-size:var(--fs-14);font-weight:900;letter-spacing:.5px}
.readyTip{font-size:var(--fs-6);color:var(--mut);margin-top:4px;line-height:1.45}
.readyParts{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.rpart{font-size:var(--fs-3);font-weight:800;padding:5px 9px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.rpart.good{color:var(--grn);border-color:rgba(62,229,148,.4)}
.rpart.bad{color:var(--acc2);border-color:rgba(255,77,141,.4)}
.rpart.na{color:var(--mut)}


.questHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.todayPts{font-size:var(--fs-read);font-weight:900;color:var(--gold)} 
.daynav{display:flex;align-items:center;gap:10px;margin-bottom:13px}
.navbtn{width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-read);font-weight:900;cursor:pointer;flex:0 0 auto;transition:transform .15s,opacity .2s}
.navbtn:active{transform:scale(.88)}.navbtn:disabled{opacity:.22;cursor:default}
.daylabel{flex:1;text-align:center;font-size:var(--fs-10);font-weight:800;letter-spacing:.3px;line-height:1.15}
.daylabel small{display:block;font-size:var(--fs-2);color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-top:2px}
.todaybtn{padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(70,160,255,.4);background:rgba(70,160,255,.12);color:var(--blu);font-size:var(--fs-4);font-weight:800;cursor:pointer;flex:0 0 auto}
.quest{display:flex;flex-direction:column;gap:9px}
.q{display:flex;align-items:center;gap:13px;background:rgba(255,255,255,.035);border:1px solid var(--line);
  border-radius:16px;padding:13px;cursor:pointer;transition:transform .12s,background .25s,border-color .25s;position:relative;overflow:hidden}
.q:active{transform:scale(.97)}
.q .ic{font-size:21px;width:28px;text-align:center;flex:0 0 auto}
.q .nm{font-weight:800;font-size:14.5px}.q .wh{font-size:var(--fs-label);color:var(--mut)}
.q .meta{flex:1;min-width:0}
.q .val{font-size:var(--fs-label);font-weight:800;color:var(--blu)}
.check{width:28px;height:28px;border-radius:9px;border:2px solid var(--line);flex:0 0 auto;display:grid;place-items:center;



.check.pend{border-color:var(--acc);animation:ckPend 1s ease-in-out infinite}
.check.pend{position:relative}
.check.pend::after{content:"";position:absolute;inset:-3px;border-radius:11px;border:2px solid transparent;border-top-color:var(--acc);animation:spin .7s linear infinite}
@keyframes ckPend{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
  font-size:var(--fs-13);color:transparent;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.25s;transition-timing-function:cubic-bezier(.2,1.6,.4,1)}
.q.done{background:linear-gradient(90deg,rgba(62,229,148,.09),rgba(62,229,148,.02));border-color:rgba(62,229,148,.3);
  padding:9px 13px;opacity:.85}
.q.done .ic{font-size:var(--fs-14)}
.q.done .nm{color:var(--grn);font-size:var(--fs-read)}
.q.done .wh{font-size:var(--fs-3);opacity:.8}
.q.done .check{width:24px;height:24px;background:var(--grn);border-color:var(--grn);color:#04210f;transform:scale(1) rotate(8deg);box-shadow:0 0 10px rgba(62,229,148,.45)}
.q.coreu{border-left:3px solid var(--acc);background:rgba(255,138,61,.05)}
.qprog{height:8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--line);position:relative;margin-bottom:12px;overflow:visible}
.qpfill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--gold));
  box-shadow:0 0 10px rgba(255,210,77,.4);transition:width .6s cubic-bezier(.16,1,.3,1)}
.qpwin{position:absolute;top:-4px;bottom:-4px;width:2px;background:rgba(62,229,148,.6);border-radius:2px} 
.qpwin::after{content:"WIN";position:absolute;top:-13px;left:-11px;font-size:7.5px;font-weight:900;letter-spacing:1px;color:var(--grn)}

.streakSave{display:flex;align-items:center;gap:9px;width:100%;margin:0 0 11px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);text-align:left;font:inherit;color:var(--txt);cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}
.streakSave:active{transform:scale(.985)}
.streakSave .ssIc{font-size:var(--fs-14);line-height:1;flex:0 0 auto}
.streakSave .ssTxt{flex:1;font-size:var(--fs-8);line-height:1.35;color:var(--mut)}
.streakSave .ssTxt b{color:var(--txt);font-weight:800}
.streakSave .ssGo{flex:0 0 auto;font-size:var(--fs-label);font-weight:800;padding:7px 12px;border-radius:999px;color:#0a0e17;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 3px 12px rgba(255,77,141,.32);white-space:nowrap}
.streakSave.risk{border-color:rgba(255,138,61,.42);background:linear-gradient(180deg,rgba(255,138,61,.10),rgba(255,77,141,.05));box-shadow:0 4px 16px rgba(255,138,61,.10)}
.streakSave.won{border-color:rgba(62,229,148,.35);background:rgba(62,229,148,.06);cursor:default}
.streakSave.won .ssTxt b{color:var(--grn)}
@keyframes ssPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,138,61,0)}30%{box-shadow:0 0 0 3px rgba(255,138,61,.55)}}
.q.ssPulse{animation:ssPulse 1.9s ease}
.q.lift{border-color:rgba(180,123,255,.45);background:linear-gradient(90deg,rgba(180,123,255,.12),transparent)}

.qskip{width:26px;height:26px;flex:0 0 auto;border-radius:8px;border:1px dashed var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-size:var(--fs-read);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.18s}
.qskip:hover{border-color:var(--ice);color:var(--ice)}
.qskip.on{border-style:solid;border-color:var(--ice);background:rgba(127,216,255,.14);color:var(--ice)}
.q.naday{opacity:.62;border-style:dashed}
.q.naday .ic{filter:grayscale(.5)}


.q.naday.naFood{opacity:.82;border-color:rgba(62,229,148,.4)}
.q.naday.naContra{opacity:.66;border-color:rgba(255,107,129,.35)}
.naLbl.naContra{color:rgba(255,150,160,.85)}
.q.naday.naFood .ic{filter:none}
.naLbl{font-size:var(--fs-label);font-weight:800;color:var(--ice)}
.naLbl.naFood{color:var(--grn)}




.rcvRow{padding:10px 0;border-bottom:1px solid var(--line)}
.rcvRow:last-child{border-bottom:0;padding-bottom:0}
.rcvHead{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.rcvHead b{font-size:var(--fs-body)}
.rcvDay{font-size:var(--fs-label);font-weight:800;color:var(--mut)}
.rcvTr{font-size:var(--fs-label);font-weight:800;color:var(--mut)}
.rcvTr.improving{color:var(--grn)}
.rcvTr.worse{color:var(--gold)}          
.rcvPulseL{font-size:var(--fs-label);color:var(--mut);margin-bottom:6px}
.rcvPips{display:flex;gap:6px;margin-bottom:10px}


.rcvPip{flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);font-family:'Chakra Petch',sans-serif;
  font-size:var(--fs-12);font-weight:900;cursor:pointer;transition-property:background-color,border-color,transform;transition-duration:.12s}
.rcvPip:hover{border-color:rgba(255,210,77,.5)}
.rcvPip:active{transform:scale(.93)}
.rcvBlocks{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}
.rcvB{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.rcvBn{font-size:var(--fs-label);font-weight:800;color:var(--gold)}
.rcvBw{font-size:var(--fs-label);color:var(--mut);flex:1;min-width:0}
.rcvReady{padding:8px 10px;border-radius:12px;border:1px solid rgba(62,229,148,.28);background:rgba(62,229,148,.06)}
.rcvReadyT{font-size:var(--fs-label);font-weight:800;color:var(--grn);margin-bottom:6px}
.rcvLift{margin:0 6px 6px 0;padding:7px 12px;border-radius:99px;border:1px solid rgba(62,229,148,.4);
  background:rgba(62,229,148,.1);color:var(--grn);font-size:var(--fs-label);font-weight:800;cursor:pointer}
.rcvLift:active{transform:scale(.95)}
.rcvLift:disabled{opacity:.5;cursor:default}
.rcvNote{margin-top:8px;font-size:var(--fs-label);color:var(--mut);line-height:1.5}






.q.recHold{opacity:.9;border-style:dashed;border-color:rgba(255,210,77,.38)}
.q.recHold .ic{filter:none}
.recLbl{font-size:var(--fs-label);font-weight:800;color:var(--gold)}

.snackCard{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(127,216,255,.05)}
.snackCard.capped{border-color:rgba(62,229,148,.3);background:linear-gradient(90deg,rgba(62,229,148,.09),rgba(62,229,148,.02))}
.snackIc{font-size:21px;width:28px;text-align:center;flex:0 0 auto}
.snackMid{flex:1;min-width:0}
.snackNm{font-weight:800;font-size:var(--fs-11)}
.snackSub{font-size:var(--fs-label);color:var(--mut)}
.snackCard.capped .snackSub{color:var(--grn)}
.snackList .snackCard:first-child{margin-top:0}
.snackBtn{flex:0 0 auto;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid rgba(127,216,255,.4);background:rgba(127,216,255,.12);color:var(--ice);font-weight:800;font-size:var(--fs-label);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.18s}
.snackBtn:hover{background:rgba(127,216,255,.2);transform:translateY(-1px)}
.snackCard.capped .snackBtn{border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.12);color:var(--grn)}

.trainExtra{margin-top:12px;display:flex;flex-direction:column;gap:10px}
.equipBtn{width:100%;padding:11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--txt);font-weight:800;font-size:var(--fs-body);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.18s;text-align:left}
.equipBtn:hover{border-color:var(--acc);background:rgba(255,138,61,.08)}
.pop{position:absolute;right:46px;font-weight:900;color:var(--gold);font-size:var(--fs-read);pointer-events:none;opacity:0}
.pop.go{animation:floatup .9s ease-out}
@keyframes floatup{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}100%{opacity:0;transform:translateY(-22px)}}
.dmgfly{position:fixed;z-index:70;font-weight:900;color:var(--gold);font-size:var(--fs-12);pointer-events:none;
  text-shadow:0 0 10px rgba(255,210,77,.8);transition:transform .8s cubic-bezier(.3,.7,.2,1),opacity .8s}
.perfect{margin-top:12px;text-align:center;font-weight:900;font-size:var(--fs-10);color:var(--gold);letter-spacing:.5px;
  background:linear-gradient(90deg,rgba(255,210,77,.15),rgba(255,138,61,.12));border:1px dashed rgba(255,210,77,.6);
  border-radius:14px;padding:11px;display:none}
.perfect.on{display:block;animation:pop2 .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop2{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}
.bonusRow{margin-top:10px;font-size:var(--fs-label);color:var(--gold);text-align:left;opacity:.85;line-height:1.55;
  cursor:pointer;position:relative;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bonusRow.open{display:block;-webkit-line-clamp:unset;overflow:visible}

.bonusRow.clampable:not(.open)::after{content:"more ⌄";position:absolute;right:0;bottom:0;
  background:var(--bg);box-shadow:-16px 0 11px 5px var(--bg);color:var(--blu);font-weight:800;padding-left:6px}


.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
.tile{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:14px 8px;text-align:center;position:relative;overflow:hidden}
.tile .v{font-size:var(--fs-17);font-weight:900;line-height:1.05}
.tile .k{font-size:var(--fs-1);letter-spacing:.5px;color:var(--mut);text-transform:uppercase;margin-top:5px}
.tile .d{font-size:var(--fs-3);margin-top:4px}.up{color:var(--grn)}.down{color:var(--acc2)}.flat{color:var(--mut)}


.rings{display:flex;gap:14px;justify-content:space-around;align-items:center;flex-wrap:wrap}
.ring{display:flex;flex-direction:column;align-items:center;gap:7px}
.ring svg{transform:rotate(-90deg)}
.ring .rl{font-size:var(--fs-4);color:var(--mut);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.ring .rv{font-size:var(--fs-body);font-weight:800}
.tdee{margin-top:13px;text-align:center;font-size:var(--fs-label);color:var(--mut);border-top:1px dashed var(--line);padding-top:11px}
.tdee b{color:var(--blu)}


.trendMain{margin-bottom:12px}
.trendGrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.tr{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:11px}
.tr .th{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.tr .tk{font-size:var(--fs-2);letter-spacing:.5px;color:var(--mut);text-transform:uppercase;font-weight:800}
.tr .tv{font-size:var(--fs-read);font-weight:900}
.tr .td{font-size:var(--fs-2);font-weight:700}
.tr svg{display:block;width:100%}
.trEmpty{font-size:var(--fs-3);color:var(--mut);text-align:center;padding:12px 0}







.wxRetry{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;
  margin-left:8px;padding:0 12px;border:1px solid var(--line);border-radius:var(--r-pill);
  background:transparent;color:var(--txt);font:inherit;font-size:var(--fs-3);font-weight:700;
  cursor:pointer;vertical-align:middle}
.wxRetry:hover{color:var(--acc);border-color:var(--acc)}
.wxRetry:active{opacity:.7}
.wxRetry:focus-visible{outline:2px solid var(--acc);outline-offset:2px}


.hist{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px}
.hd{flex:1 0 42px;max-width:64px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:8px 3px;text-align:center;cursor:pointer;transition:transform .15s,border-color .25s;position:relative}
.hd:active{transform:scale(.92)}
.hd.sel{border-color:rgba(255,138,61,.7);box-shadow:0 0 12px rgba(255,138,61,.3);background:rgba(255,138,61,.08)}
.hd.win{border-color:rgba(62,229,148,.35)}
.hd.perfectday{border-color:rgba(255,210,77,.5)}
.hd .hdd{font-size:8.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.hd .hdn{font-size:var(--fs-12);font-weight:900;margin-top:2px;line-height:1}
.hd .hdp{font-size:var(--fs-1);font-weight:800;margin-top:4px;color:var(--acc)}
.hd.win .hdp{color:var(--grn)}
.hd.empty{opacity:.45}.hd.empty .hdp{color:var(--mut)}
.hd .hdstar{position:absolute;top:-7px;right:-3px;font-size:var(--fs-body);filter:drop-shadow(0 0 4px var(--gold))}
.hd .hdice{position:absolute;top:-7px;left:-3px;font-size:var(--fs-label);filter:drop-shadow(0 0 4px var(--ice))}
.freezeNote{margin-top:10px;font-size:var(--fs-3);color:var(--mut);text-align:center}


.bossCard{border-color:rgba(70,160,255,.30)} 
.bossTop{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.bossTitle{font-size:var(--fs-12);font-weight:900;letter-spacing:.5px}
.bossSub{font-size:var(--fs-4);color:var(--mut);margin-top:3px;line-height:1.4}
.bossNow{margin-left:auto;text-align:center;flex:0 0 auto}
.bossNow .bv{font-size:var(--fs-19);font-weight:900;color:var(--blu);text-shadow:0 0 12px rgba(70,160,255,.5);line-height:1}
.bossNow .bu{font-size:var(--fs-1);color:var(--mut);text-transform:uppercase;letter-spacing:1px}
.phaseChip{display:inline-block;margin:0 0 10px;padding:5px 11px;border-radius:99px;font-size:var(--fs-4);font-weight:900;letter-spacing:1px;
  background:rgba(255,77,141,.14);border:1px solid rgba(255,77,141,.5);color:var(--acc2)}
.hpbar{height:13px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--line);overflow:hidden;position:relative}
.hpfill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#7a1230,var(--acc2));
  box-shadow:0 0 14px rgba(255,77,141,.45);transition:width 1.5s cubic-bezier(.16,1,.3,1)}
.bossMeta{display:flex;justify-content:space-between;font-size:var(--fs-3);color:var(--mut);margin-top:6px}
.bossDelta{margin-top:10px;font-size:var(--fs-6);font-weight:800;text-align:center}

.oldYouCard{border-color:rgba(255,77,141,.3)}


.oyTale{margin:0 0 14px;padding:11px 13px;border-radius:12px;background:rgba(255,77,141,.055);border:1px solid rgba(255,77,141,.15)}
.oyAct{display:block;font-size:var(--fs-1);font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--acc2);margin-bottom:6px}
.oyTaleP{margin:0;font-size:var(--fs-8);line-height:1.55;color:var(--txt);opacity:.88}
.oyTop{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.oySilWrap{flex:0 0 auto;width:76px;height:104px;display:grid;place-items:center;position:relative;filter:drop-shadow(0 0 14px rgba(255,77,141,.32))}
.oySil{width:100%;height:100%;animation:bob 5s ease-in-out infinite}
.oySilWrap.beaten{filter:grayscale(1) drop-shadow(0 0 8px rgba(62,229,148,.4));opacity:.5}
.oyBody{flex:1;min-width:0}
.oyTitle{font-size:var(--fs-13);font-weight:900;letter-spacing:.3px}
.oySub{font-size:var(--fs-4);color:var(--mut);margin-top:4px;line-height:1.45}
.oyNow{font-size:var(--fs-label);margin-top:8px;font-weight:700}
.oyNow b{font-size:var(--fs-16);color:var(--acc2);text-shadow:0 0 12px rgba(255,77,141,.45)}
.oyMut{color:var(--mut);font-weight:600;font-size:var(--fs-4)}
.oyFill{background:linear-gradient(90deg,#5a1030,#ff4d8d)}
.oyPhases{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.oyPhase{font-size:var(--fs-2);font-weight:800;letter-spacing:.3px;padding:4px 9px;border-radius:99px;border:1px solid var(--line);color:var(--mut);background:rgba(255,255,255,.03)}
.oyPhase.cur{border-color:rgba(255,77,141,.55);color:var(--acc2);background:rgba(255,77,141,.1)}
.oyPhase.done{border-color:rgba(62,229,148,.4);color:var(--grn);background:rgba(62,229,148,.07)}
.oyEmpty{font-size:var(--fs-8);color:var(--mut);line-height:1.6;text-align:center;padding:14px 8px}


.mb2{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);
  border-radius:16px;padding:12px;margin-bottom:9px}
.mb2 .mic{font-size:var(--fs-19);flex:0 0 auto}
.mb2 .mnm{font-size:var(--fs-read);font-weight:900}
.mb2 .mdesc{font-size:var(--fs-4);color:var(--mut);margin-top:2px;line-height:1.4}
.mb2 .mstate{margin-left:auto;flex:0 0 auto;font-size:var(--fs-3);font-weight:900;letter-spacing:1px;padding:6px 10px;border-radius:99px;border:1px solid var(--line)}
.mb2.won{border-color:rgba(62,229,148,.45)}.mb2.won .mstate{color:var(--grn);border-color:rgba(62,229,148,.5)}
.mb2.lost{opacity:.6}.mb2.lost .mstate{color:var(--acc2);border-color:rgba(255,77,141,.5)}
.mb2.today{border-color:rgba(255,210,77,.55);box-shadow:0 0 16px rgba(255,210,77,.15)}



.mb2.today .mstate{color:var(--gold);border-color:rgba(255,210,77,.6)}
.mb2.ahead .mstate{color:var(--mut)}





.charWrap{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}
.avatarBox{flex:0 0 38%;display:grid;place-items:center}
.avatarBox svg{width:100%;max-width:150px;filter:saturate(.72) brightness(.96) drop-shadow(0 0 10px rgba(255,138,61,.16))} 
.hexBox{flex:1;display:grid;place-items:center}
.hexBox svg{width:100%;max-width:230px}




.statRow{display:flex;flex-direction:column;gap:6px;padding:9px 28px 10px 2px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}
.statRow:last-child{border-bottom:none}
.statRow .stTop{display:flex;align-items:center;gap:8px;min-width:0}
.statRow .sic{font-size:var(--fs-14);flex:0 0 auto;line-height:1}
.statRow .snm{font-size:var(--fs-body);font-weight:800;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.statRow .slv{font-size:var(--fs-3);font-weight:900;color:var(--gold);flex:0 0 auto;letter-spacing:.02em}
.statRow .sScore{font-size:var(--fs-8);font-weight:900;color:var(--txt);flex:0 0 auto;font-variant-numeric:tabular-nums}



.statRow .sNoData{font-size:var(--fs-label);font-weight:600;color:var(--mut);flex:0 0 auto;letter-spacing:.01em;opacity:.85}
.statRow .sScore i{font-size:var(--fs-1);font-weight:700;color:var(--mut);font-style:normal;margin-left:.5px}
.statRow .stDelta{font-size:var(--fs-4);font-weight:900;flex:0 0 auto;font-variant-numeric:tabular-nums;letter-spacing:.01em;
  padding:1px 6px;border-radius:99px;background:rgba(255,255,255,.05)}
.statRow .stDelta.stUp{color:var(--grn)}
.statRow .stDelta.stDn{color:var(--acc2)}
.statRow .stDelta.stUp::before,.statRow .stDelta.stDn::before{content:"";display:inline-block;width:0;height:0;
  border-left:4px solid transparent;border-right:4px solid transparent;margin-right:3px;vertical-align:1px}
.statRow .stDelta.stUp::before{border-bottom:5px solid var(--grn)}
.statRow .stDelta.stDn::before{border-top:5px solid var(--acc2);vertical-align:0}
.statRow .stDelta.stFlat,.statRow .stDelta.stNew{color:var(--mut)}
.statRow .stBar{display:flex;align-items:center;gap:8px}
.statRow .strk{flex:1 1 auto;min-width:0;height:13px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.statRow .sf{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--blu),var(--pur));transition:width 1.1s cubic-bezier(.16,1,.3,1)}
.statRow .stSpark{flex:0 0 auto;width:40px;height:16px;opacity:.85}


.repWrap{display:flex;gap:10px;justify-content:space-around;align-items:flex-end;margin-bottom:8px}
.repFig{flex:0 0 44%;max-width:170px}
.repFig svg{width:100%;filter:drop-shadow(0 0 16px rgba(255,138,61,.3))}
.repFig .rfl{text-align:center;font-size:var(--fs-1);letter-spacing:1.5px;color:var(--mut);text-transform:uppercase;font-weight:800;margin-top:4px}
#repSlider{width:100%;margin:10px 0 4px;accent-color:var(--acc);height:22px;cursor:pointer}
.repMeta{display:flex;flex-wrap:wrap;gap:2px 10px;justify-content:space-between;align-items:baseline;font-size:var(--fs-label);color:var(--mut)}
.repMeta b{color:var(--gold);font-size:var(--fs-11)}
.repMeta .rd{font-size:var(--fs-body);font-weight:800;color:var(--txt)}
.repNote{margin-top:10px;font-size:var(--fs-4);color:var(--blu);line-height:1.5;border-top:1px dashed var(--line);padding-top:9px}
.repGirths{margin-top:7px;padding-top:7px;border-top:1px dashed var(--line);color:var(--mut);font-size:var(--fs-4);line-height:1.55}
.repGirths i{color:var(--acc);font-style:normal;opacity:.85}

.repActRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.repActRow .wfStart{flex:1 1 100%}
.repSpin{flex:1 1 100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--line);border-radius:13px;background:rgba(255,138,61,.06);color:var(--txt);
  font-weight:800;font-size:var(--fs-8);letter-spacing:.3px;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.repSpin .rsIc{font-size:var(--fs-13)}
.repSpin:hover{border-color:rgba(255,138,61,.5);background:rgba(255,138,61,.1)}
.repSpin:active{transform:scale(.98)}
.repSpin.on{border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.12)}
.rep3dExp{margin-top:12px}
.rep3dExp.open{animation:rep3dReveal .34s ease both}
@keyframes rep3dReveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.rep3dExp.open{animation:none}}
#rep3d{height:340px;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse at 50% 80%,rgba(255,138,61,.08),transparent 70%);cursor:grab;touch-action:none}
#rep3d:active{cursor:grabbing}
#rep3d canvas{display:block;width:100%!important;height:100%!important}


.statDetail,.mbDetail,.bossLegend{display:none;font-size:var(--fs-3);color:var(--mut);line-height:1.5;padding:6px 4px 8px}
.statDetail.on,.mbDetail.on,.bossLegend.on{display:block}

.perkTrack{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding-top:7px;border-top:1px dashed var(--line)}










.perkHd{font-size:var(--fs-1);font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:2px}
.perkChip{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:9px;border:1px solid var(--line);font-size:var(--fs-2);font-weight:700;line-height:1.2}
.perkChip .perkDot{width:5px;height:5px;border-radius:50%;background:var(--mut);flex:0 0 auto;opacity:.5}
.perkChip .perkTxt{color:var(--mut)}
.perkChip .perkLv{font-size:var(--fs-1);font-weight:900;color:var(--mut);letter-spacing:.02em}
.perkChip.off{border-color:rgba(255,255,255,.06)}
.perkChip.off .perkDot{opacity:.3}
.perkChip.on{border-color:rgba(120,200,140,.4);background:rgba(120,200,140,.08)}
.perkChip.on .perkTxt{color:var(--txt)}
.perkChip.on .perkDot{background:var(--grn,#79c88c);opacity:1}
.perkChip.on .perkLv.on{color:var(--gold);opacity:1}
.perkChip.live.on{border-color:rgba(214,180,90,.5);background:rgba(214,180,90,.1)}
.perkChip.live.on .perkDot{background:var(--gold)}
.mbDetail{padding:5px 0 0}
.bossLegend{margin-top:8px;border-top:1px dashed var(--line);padding-top:8px}
.bossLegend span{display:inline-block;margin-right:10px;padding:3px 8px;border-radius:8px;border:1px solid var(--line);font-weight:700}
.bossLegend span.cur{color:var(--blu);border-color:rgba(70,160,255,.5);background:rgba(70,160,255,.12)}

.strTabs{display:flex;gap:8px;margin-bottom:12px}
.strTab{flex:1;min-height:44px;padding:8px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-weight:800;font-size:var(--fs-body);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px} 
.strTab.on{color:var(--txt);border-color:rgba(180,123,255,.55);background:rgba(180,123,255,.12);box-shadow:0 0 12px rgba(180,123,255,.2)}

.strTabAdd{flex:0 0 auto;min-width:40px;padding:8px 12px;font-size:var(--fs-13);line-height:1;color:var(--acc);border-style:dashed;border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.06)}
.strTabAdd:active{transform:scale(.94)}

.strRmDay{color:var(--mut);border-color:rgba(255,77,141,.35);background:rgba(255,77,141,.05)}
.strRmDay:hover{color:var(--acc2);border-color:rgba(255,77,141,.5);background:rgba(255,77,141,.1)}

.strEvolve{color:var(--mut);border-color:color-mix(in srgb,var(--acc) 35%,transparent);background:color-mix(in srgb,var(--acc) 6%,transparent)}
.strEvolve:hover{color:var(--acc);border-color:color-mix(in srgb,var(--acc) 55%,transparent);background:color-mix(in srgb,var(--acc) 12%,transparent)}


.bankExplore{display:flex;align-items:center;gap:6px;width:100%;min-height:44px;margin:2px 0 10px;padding:8px 4px;
  background:none;border:none;color:var(--mut);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:color .15s}
.bankExplore .beGo{margin-left:auto;color:var(--acc);font-size:var(--fs-12)}
.bankExplore:hover,.bankExplore:focus-visible{color:var(--acc)}



.bankManage{margin-top:8px}
.bankManageBtn{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:8px 4px;
  background:none;border:none;color:var(--mut);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:color .15s}
.bankManageBtn .bmChev{color:var(--acc);font-size:var(--fs-body);width:12px;text-align:center}
.bankManageBtn:hover,.bankManageBtn:focus-visible{color:var(--acc)}
.bankManageBody[hidden]{display:none}
.bankManageBody{display:flex;flex-direction:column}

.bdChips{margin-bottom:14px}
.bdChip{min-height:44px}
.bdFree{margin-bottom:10px}
.bdGo{width:100%}


.bdSpin{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.12);border-top-color:var(--acc);animation:spin .7s linear infinite;margin:30px auto 12px}
.bdSpinMsg{color:var(--mut);font-size:var(--fs-8);text-align:center;line-height:1.5;margin-bottom:18px}
.bdName{font-size:var(--fs-14);font-weight:900;color:var(--txt);margin:2px 0 6px}
.bdWhy{margin:0 0 12px}
.bdExWrap{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.bdEx{padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.bdExNm{font-size:var(--fs-10);font-weight:800;color:var(--txt)}
.bdExMeta{font-size:var(--fs-6);color:var(--mut);margin-top:2px;font-variant-numeric:tabular-nums}
.bdExMus{color:var(--acc)}
.bdBlk{padding:8px 11px;border-radius:11px;background:rgba(180,123,255,.06);border:1px solid rgba(180,123,255,.16);margin-bottom:7px}
.bdBlkH{font-size:var(--fs-3);letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);font-weight:800;margin-bottom:3px}
.bdBlkB{font-size:var(--fs-body);color:var(--txt);line-height:1.45}
.bdActs{display:flex;gap:10px;align-items:stretch;margin-top:14px}
.bdAdd{flex:2;margin-top:0;min-height:48px}
.bdRetry{flex:1;margin-top:0;min-height:48px;display:flex;align-items:center;justify-content:center;text-align:center}

.bdActs.bdEven>.bdAdd,.bdActs.bdEven>.bdRetry{flex:1 1 0}



.bdActs .pdayCta{min-width:0;box-sizing:border-box;padding:11px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;line-height:1.25;min-height:56px}
.pdayCta>b{font-size:var(--fs-8);font-weight:900}
.pdayCta>i{font-style:normal;font-weight:600;font-size:var(--fs-3);opacity:.8;white-space:normal}
.bdErr{color:var(--acc2);font-size:var(--fs-read);line-height:1.5;padding:18px 4px;text-align:center}
.strRow{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.05)}
.strRow:last-child{border-bottom:none}
.strNm{font-size:var(--fs-8);font-weight:800;flex:1;min-width:0}
.strNext{font-size:var(--fs-2);color:var(--mut);margin-top:2px}
.strSets{font-weight:800;color:var(--mut);white-space:nowrap} 
.strSets.done{color:var(--grn)}
.strLast{font-size:var(--fs-read);font-weight:900;color:var(--pur);flex:0 0 auto}
  border-left:5px solid transparent;border-right:5px solid transparent}


.exStar{font-size:var(--fs-2);color:var(--mut);letter-spacing:.5px;opacity:.72;white-space:nowrap;vertical-align:1px}
.strEvo{font-size:var(--fs-1);color:var(--gold);opacity:.8;margin-top:2px;letter-spacing:.2px}


.exp{background:rgba(255,255,255,.035);border:1px solid rgba(70,160,255,.35);border-radius:16px;padding:13px;margin-bottom:10px}
.expTop{display:flex;align-items:center;gap:10px}
.exp .eic{font-size:var(--fs-18)}.exp .enm{font-size:var(--fs-read);font-weight:900}
.exp .estat{margin-left:auto;font-size:var(--fs-2);font-weight:900;letter-spacing:1px;color:var(--blu)}
.exp .ehyp{font-size:var(--fs-label);color:var(--mut);margin-top:6px;line-height:1.5}
.expBar{height:9px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:10px}
.expFill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blu),var(--ice));width:0;transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.expMeta{display:flex;justify-content:space-between;font-size:var(--fs-2);color:var(--mut);margin-top:5px}
.loot{display:flex;flex-wrap:wrap;gap:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:13px;margin-bottom:10px;position:relative;overflow:hidden}
.loot .lic{font-size:var(--fs-19);flex:0 0 auto}
.loot .lnm{font-size:var(--fs-8);font-weight:900}
.loot .lv2{font-size:var(--fs-label);color:var(--mut);margin-top:4px;line-height:1.5}
.loot .lrar{position:absolute;top:9px;right:11px;font-size:8.5px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}
.loot.common{border-color:rgba(139,149,173,.4)}.loot.common .lrar{color:var(--mut)}
.loot.rare{border-color:rgba(70,160,255,.5)}.loot.rare .lrar{color:var(--blu)}
.loot.epic{border-color:rgba(180,123,255,.55)}.loot.epic .lrar{color:var(--pur)}
.loot.legendary{border-color:rgba(255,210,77,.6);box-shadow:0 0 18px rgba(255,210,77,.15)}.loot.legendary .lrar{color:var(--gold)}
.story{font-size:var(--fs-body);line-height:1.65;color:var(--txt)}
.story h3{font-size:var(--fs-11);margin-bottom:6px}

.mrNarr{font-size:var(--fs-read);line-height:1.7;color:var(--txt);margin:4px 0 15px}



.mrNarrP{margin:0 0 11px}
.mrNarrP:last-child{margin-bottom:0}
.ovLead{color:var(--txt)}
.story .shl{color:var(--gold);font-weight:800}
.story ul{margin:8px 0 0 18px}

.wrHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.wrHead h3{margin-bottom:0}


.story .shl{margin-top:4px;display:block}
.wrGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0 4px}
.wrTile{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:10px 9px}


.wrIc{font-size:var(--fs-17);line-height:1.05}
.wrVal{font-size:21px;font-weight:900;color:var(--txt);line-height:1.05;margin-top:6px;letter-spacing:-.4px}
.wrVal .wrUnit{font-size:var(--fs-4);font-weight:700;color:var(--mut);margin-left:2px;letter-spacing:0}
.wrDelta{font-size:var(--fs-2);font-weight:800;margin-top:4px;letter-spacing:.2px}
.wrDelta.gd{color:var(--grn)}
.wrDelta.bad{color:var(--acc2)}
.wrLabel{font-size:var(--fs-1);color:var(--mut);text-transform:uppercase;letter-spacing:.7px;font-weight:800;margin-top:7px;line-height:1.2}
.wrSpark{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin:11px 0}
.wrSparkH{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:var(--fs-label);font-weight:800;color:var(--txt);margin-bottom:8px}
.wrSparkH b{color:var(--gold);white-space:nowrap}
.wrHi{list-style:none;margin:13px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
.wrHi li{display:flex;gap:9px;font-size:var(--fs-body);line-height:1.5;color:var(--txt)}
.wrHi li::before{content:"▸";color:var(--acc);font-weight:900;flex:0 0 auto}
.wrNext{margin-top:13px;background:linear-gradient(90deg,rgba(70,160,255,.13),transparent 90%);border-left:3px solid var(--blu);border-radius:0 10px 10px 0;padding:10px 13px;font-size:var(--fs-6);line-height:1.55;color:var(--txt)}
.wrNextLn{margin-top:5px;line-height:1.55;color:var(--mut)}

.wrNextOne{margin-top:6px;font-size:var(--fs-read);font-weight:700;line-height:1.5;color:var(--txt)}

.wrRecs{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.wrRec{display:inline-flex;align-items:center;min-height:28px;padding:3px 11px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));
  background:color-mix(in srgb,var(--gold) 10%,transparent);
  color:var(--gold);font-size:var(--fs-6);font-weight:800;letter-spacing:.2px}

.wrNow{margin-top:3px;font-size:var(--fs-label);font-weight:700;color:var(--acc)}
.wrNow b{font-size:var(--fs-body)}

.wrTile.wrTileGo{position:relative;cursor:pointer}
.wrTile.wrTileGo:hover,.wrTile.wrTileGo:focus-visible{border-color:var(--acc);outline:none}
.wrTileAdd{position:absolute;top:8px;right:10px;font-style:normal;font-size:var(--fs-read);
  color:var(--mut);pointer-events:none}
.wrTile.wrTileGo:hover .wrTileAdd,.wrTile.wrTileGo:focus-visible .wrTileAdd{color:var(--acc)}



.wrLead{font-weight:600}   
.wrClamped:not(.open) .wrRest2{display:none}
.wrMoreBtn{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px 0;border:0;
  background:transparent;color:var(--mut);font-size:var(--fs-6);font-weight:700;letter-spacing:.3px;
  cursor:pointer;text-align:left}
.wrMoreBtn:hover,.wrMoreBtn:focus-visible{color:var(--txt);outline:none}
.wrNext b{display:block;color:var(--blu);text-transform:uppercase;font-size:var(--fs-2);letter-spacing:1.2px;margin-bottom:3px}
@media(max-width:360px){.wrGrid{grid-template-columns:repeat(2,1fr)}}


.pmeal{display:flex;align-items:baseline;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.pmeal:last-child{border-bottom:none}


.pmeal.pJustLogged{animation:pJustLogged 2.4s ease-out;border-radius:8px}
@keyframes pJustLogged{0%{background:rgba(255,138,61,.28);box-shadow:0 0 0 1px rgba(255,138,61,.45)}100%{background:transparent;box-shadow:none}}
.pmeal .pn{font-size:var(--fs-8);font-weight:800;flex:1;min-width:0}
.pmeal .pm{font-size:var(--fs-label);color:var(--mut);flex:0 0 auto}
.pmeal .pm b{color:var(--grn)}





.prec{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px 10px;padding:8px 10px;border:1px solid rgba(62,229,148,.22);background:rgba(62,229,148,.05);border-radius:12px;margin-bottom:7px}
.prec>div:first-child{grid-column:1;grid-row:1/3;min-width:0}
.prec .pm{grid-column:2/4;grid-row:1;justify-self:end}
.prec .recBtn{grid-column:2;grid-row:2;justify-self:end}
.prec .ateBtn{grid-column:3;grid-row:2}
.prec .pn{font-size:var(--fs-body);font-weight:800}
.prec .pw{font-size:var(--fs-3);color:var(--mut);margin-top:2px}
.prec .pm{font-size:var(--fs-4);color:var(--grn);font-weight:800}
.recMore{width:100%;margin-top:4px;padding:9px;border-radius:12px;border:1px dashed var(--line);background:none;
  color:var(--mut);font-size:var(--fs-4);font-weight:800;cursor:pointer}
.ateBtn{flex:0 0 auto;margin-left:8px;padding:7px 10px;border-radius:11px;border:1px solid rgba(62,229,148,.35);
  background:none;color:var(--grn);font-size:var(--fs-3);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.ateBtn:active{transform:scale(.92)}
.ateBtn:disabled{opacity:.7;cursor:default}


#chatFab{position:fixed;right:16px;bottom:calc(118px + env(safe-area-inset-bottom));z-index:65;
  display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:99px;color:#fff;cursor:pointer;
  border:1px solid rgba(255,138,61,.55);background:linear-gradient(135deg,rgba(255,138,61,.92),rgba(255,77,141,.92));
  backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(255,77,141,.4), inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .2s,box-shadow .2s}
#chatFab svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
#chatFab .cfl{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-8);font-weight:700;letter-spacing:1.2px;text-transform:uppercase}
#chatFab:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,77,141,.5), inset 0 1px 0 rgba(255,255,255,.25)}
#chatFab:active{transform:scale(.93)}
@media(max-width:520px){#chatFab{border-radius:50%}#chatFab .cfl{display:none}}  

#chat{position:fixed;inset:0;z-index:88;display:none;place-items:end center;background:rgba(6,8,15,.9);backdrop-filter:blur(10px)}
#chat.on{display:grid}



.chatCard{width:100%;max-width:640px;height:calc(88vh / var(--panel-zoom,1));display:flex;flex-direction:column;background:#0a0e1a;
  border:1px solid var(--line);border-radius:var(--r-modal) var(--r-modal) 0 0;box-shadow:0 -16px 60px rgba(0,0,0,.7)}
.chatHead{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--line)}
.chatTitle{font-size:var(--fs-12);font-weight:900}
.chatMsgs{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
@media(max-width:700px){.chatCard{height:94vh}}
.cm{max-width:86%;padding:11px 14px;border-radius:18px;font-size:var(--fs-8);line-height:1.6;white-space:pre-wrap;word-wrap:break-word}
.cm.user{align-self:flex-end;border-radius:18px 18px 6px 18px;background:linear-gradient(135deg,rgba(255,138,61,.28),rgba(255,77,141,.22));border:1px solid rgba(255,138,61,.4);box-shadow:0 2px 14px rgba(255,77,141,.10)}
.cm.model{align-self:flex-start;border-radius:18px 18px 18px 6px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));border:1px solid var(--line);position:relative}
[data-theme="calm"] .cm.user{box-shadow:none}
.cmCart{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:6px 12px;border-radius:10px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.08);color:var(--grn);font-size:var(--fs-6);font-weight:700;cursor:pointer;transition:background .18s}
.cmCart:hover{background:rgba(62,229,148,.16)}
.cmActs{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.cmActs .cmCart{margin-top:0}
.cmMake{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;border:1px solid rgba(255,138,61,.42);background:rgba(255,138,61,.09);color:var(--acc);font-size:var(--fs-6);font-weight:700;cursor:pointer;transition:background .18s}
.cmMake:hover{background:rgba(255,138,61,.18)}



.cmActs{opacity:.5;transition:opacity .2s}
.cm:hover .cmActs,.cmActs:focus-within{opacity:1}

.mkKinds{display:flex;flex-direction:column;gap:8px}
.mkKind{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;border-radius:13px;cursor:pointer;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-family:inherit;min-height:52px}
.mkKind.on{border-color:rgba(255,138,61,.55);background:linear-gradient(120deg,rgba(255,138,61,.14),rgba(255,77,141,.14))}
.mkKind .mkIc{flex:0 0 auto;font-size:var(--fs-16)}
.mkKind .mkTxt{display:flex;flex-direction:column;gap:1px;min-width:0}
.mkKind .mkTxt b{font-size:var(--fs-10)}
.mkKind .mkTxt i{font-style:normal;font-size:var(--fs-label);color:var(--mut)}
.cm.model b{color:var(--gold)}
.cm a{color:#7fd8e6;text-decoration:underline;text-underline-offset:2px;font-weight:600;word-break:break-word}
.cm a:hover{color:#a9e9f2}
.cm.model.live::after{content:"▌";color:var(--acc);margin-left:1px;animation:fbsCaret 1.05s step-end infinite}
@keyframes fbsCaret{50%{opacity:0}}
.cm .ctools{display:block;margin-top:7px;font-size:var(--fs-1);color:var(--blu);opacity:.8}






.cm.typing{align-self:flex-start;color:var(--mut);font-size:var(--fs-label)}
.cm img{max-width:160px;border-radius:10px;display:block;margin-top:6px}
.chatAttach{padding:0 16px;font-size:var(--fs-3);color:var(--blu)}
.chatBar{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}
#chatInput{flex:1;resize:none;max-height:110px;padding:10px 12px;border-radius:13px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-family:inherit;font-size:var(--fs-read);outline:none}
#chatInput:focus{border-color:rgba(255,138,61,.5)}
.chatSend{width:42px;height:38px;border-radius:12px;border:1px solid rgba(255,138,61,.5);background:linear-gradient(135deg,var(--acc),var(--acc2));
  color:#06080f;font-size:var(--fs-12);font-weight:900;cursor:pointer;flex:0 0 auto}
.chatSend:disabled{opacity:.4}





.wgcComposer{display:none;flex-direction:column;gap:10px;margin:0 12px 2px;padding:11px 12px;
  border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);
  max-height:58vh;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:wgcIn .24s ease}
.wgcComposer.on{display:flex}
@keyframes wgcIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wgcHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wgcTitle{font-size:var(--fs-body);font-weight:900;letter-spacing:.2px;color:var(--txt);min-width:0}
.wgcTitle i{font-style:normal;font-weight:600;color:var(--mut);font-size:var(--fs-label);margin-left:6px}
.wgcX{width:40px;height:40px;flex:none;border:0;background:transparent;color:var(--mut);font-size:var(--fs-12);
  cursor:pointer;border-radius:10px;transition-property:background-color,color,border-color,transform,opacity,box-shadow;transition-duration:.15s;line-height:1}
.wgcX:hover{color:var(--txt);background:rgba(255,255,255,.06)}
.wgcRow{display:flex;flex-direction:column;gap:7px}
.wgcRowLab{font-size:var(--fs-2);letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--mut)}
.wgcChips{display:flex;flex-wrap:wrap;gap:7px}
.wgcChip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:7px 13px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-size:var(--fs-8);font-weight:800;
  cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .1s ease}
.wgcChip:hover{border-color:rgba(255,138,61,.55)}
.wgcChip:active{transform:scale(.94)}
.wgcChip.on{border-color:rgba(255,138,61,.7);background:rgba(255,138,61,.16);color:var(--acc);box-shadow:0 0 10px rgba(255,138,61,.25)}
.wgcEm{font-size:var(--fs-12);line-height:1}
.wgcCustom{width:100%;box-sizing:border-box;margin-top:1px;padding:11px 13px;border-radius:11px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-family:inherit;font-size:var(--fs-13);outline:none;min-height:44px}
.wgcCustom:focus{border-color:rgba(255,138,61,.55)}
.wgcHint{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-label);color:var(--mut);
  padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px dashed var(--line)}
.wgcRebuild{flex:none;min-height:36px;padding:7px 12px;border-radius:9px;border:1px solid rgba(255,138,61,.5);
  background:rgba(255,138,61,.1);color:var(--acc);font:inherit;font-size:var(--fs-6);font-weight:800;cursor:pointer;transition:background .15s ease}
.wgcRebuild:hover{background:rgba(255,138,61,.18)}
.chatChips{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.chip{align-self:flex-start;padding:9px 13px;border-radius:14px;border:1px solid rgba(70,160,255,.35);background:rgba(70,160,255,.08);
  color:var(--txt);font-size:var(--fs-6);font-weight:700;cursor:pointer;text-align:left;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.chip:active{transform:scale(.96)}

















.chip{position:relative}
.chip::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

.recPills{gap:8px;margin-top:2px}


.strRow.hasGuide{cursor:pointer}
.strRow.hasGuide:active{transform:scale(.98)}
.strRow .chev{color:var(--mut);font-size:var(--fs-11);flex:0 0 auto;margin-left:2px}
.strHint{margin-top:10px;font-size:var(--fs-3);color:var(--mut);text-align:center}
#guide{position:fixed;inset:0;z-index:91;display:none;place-items:center;padding:16px;background:rgba(6,8,15,.9);backdrop-filter:blur(10px)}
#guide.on{display:grid}
.gCard{width:100%;max-width:480px;max-height:88vh;max-height:88svh;overflow-y:auto;background:var(--glass);border:1px solid rgba(180,123,255,.4);
  border-radius:var(--r-modal);padding:22px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.7);animation:pop2 .35s cubic-bezier(.2,1.6,.4,1)}
.gClose{position:sticky;top:0;float:right;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);
  background:rgba(255,255,255,.06);color:var(--txt);font-size:var(--fs-11);cursor:pointer;z-index:2}
.gTitle{font-size:var(--fs-15);font-weight:900;margin:2px 0 10px;padding-right:40px}
.gChips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.gChip{font-size:var(--fs-2);font-weight:800;letter-spacing:.5px;padding:5px 10px;border-radius:99px;text-transform:uppercase}
.gChip.p{background:rgba(255,138,61,.18);border:1px solid rgba(255,138,61,.55);color:var(--acc)}
.gChip.s{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--mut)}
.gFigs{display:flex;gap:14px;justify-content:center;margin-bottom:6px}
.gFigs>div{flex:0 0 40%;max-width:150px;text-align:center}
.gFigs svg{width:100%}




.mmSvg{display:block;width:100%;height:auto}
.mmSvg .mmBody{fill:var(--mmBody)}
.mmSvg .mmLimb{stroke:var(--mmBody);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;fill:none}
.mmSvg .mmLeg{stroke-width:12}
.mmSvg.mini{width:100%}
.mmSvg.detail{max-width:280px;margin:0 auto}
.mmPair{width:100%}



#mmExplorer{position:fixed;inset:0;z-index:90;display:none;overflow-y:auto;
  

  padding:max(16px,calc(env(safe-area-inset-top) + 8px)) 16px max(16px,env(safe-area-inset-bottom));
  background:rgba(6,8,15,.92);backdrop-filter:blur(10px)}
#mmExplorer.on{display:block}
.mmCard{width:100%;max-width:520px;margin:0 auto;background:var(--glass);border:1px solid rgba(255,138,61,.34);
  border-radius:var(--r-modal);padding:20px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.7);
  animation:pop2 .32s cubic-bezier(.2,1.6,.4,1)}
.mmClose{position:absolute;top:15px;right:15px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);
  background:rgba(255,255,255,.06);color:var(--txt);font-size:var(--fs-12);cursor:pointer;z-index:4}
.mmHd{font-size:var(--fs-15);font-weight:900;margin:0 42px 3px 0;line-height:1.2}
.mmSub{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin-bottom:12px}
.mmScope{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.mmScopeTxt{font-size:var(--fs-label);color:var(--mut);line-height:1.4;min-width:0}
.mmScopeTog{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:999px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-label);font-weight:800;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mmScopeTog.on{border-color:rgba(255,138,61,.5);background:rgba(255,138,61,.12);color:var(--acc)}
.mmSearch{width:100%;min-height:44px;padding:11px 14px;margin-bottom:10px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-11);font-family:inherit}
.mmSearch::placeholder{color:var(--mut)}
.mmFilters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.mmChip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-6);font-weight:800;letter-spacing:.2px;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center}
.mmChip.on{border-color:rgba(255,138,61,.6);background:rgba(255,138,61,.14);color:var(--acc)}
.mmList{display:flex;flex-direction:column;gap:8px}
.mmRow{display:flex;gap:11px;align-items:center;padding:9px 10px;border:1px solid var(--line);border-radius:var(--r-md);
  background:rgba(255,255,255,.03);cursor:pointer;text-align:left}
.mmRow:active{background:rgba(255,138,61,.08);border-color:rgba(255,138,61,.34)}
.mmThumb{flex:0 0 64px;width:64px;align-self:center}
.mmMeta{flex:1;min-width:0}
.mmNm{font-size:var(--fs-10);font-weight:800;color:var(--txt);line-height:1.25}
.mmNm .mmTrackDot{color:var(--grn);font-size:var(--fs-3);font-weight:800;margin-left:5px;letter-spacing:.3px}
.mmMus{font-size:var(--fs-4);font-weight:700;color:var(--acc);margin-top:3px;line-height:1.4}
.mmMus i{font-style:normal;color:var(--mut);font-weight:600}
.mmEq{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-1);font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  color:var(--mut);margin-top:6px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.mmActs{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.mmLog,.mmInfo{min-height:44px;min-width:44px;border-radius:11px;border:1px solid var(--line);cursor:pointer;font-family:inherit;
  font-size:var(--fs-6);font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 11px}
.mmLog{border-color:rgba(255,138,61,.5);background:rgba(255,138,61,.14);color:var(--acc)}
.mmInfo{background:rgba(255,255,255,.05);color:var(--mut)}
.mmEmpty{font-size:var(--fs-body);color:var(--mut);text-align:center;padding:24px 10px;line-height:1.55}
.mmEmpty b{color:var(--txt)}

.mmBack{min-height:44px;padding:0 14px;margin-bottom:10px;border-radius:10px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-body);font-weight:700;cursor:pointer;font-family:inherit;
  display:inline-flex;align-items:center;gap:6px}
.mmDetEq{font-size:var(--fs-label);color:var(--mut);text-align:center;margin:2px 0 6px}
.mmDetSame{font-size:var(--fs-6);color:var(--txt);line-height:1.55;background:rgba(255,138,61,.07);
  border:1px dashed rgba(255,138,61,.3);border-radius:12px;padding:11px 12px;margin-top:6px}
.mmDetSame b{color:var(--acc)}


.mmLineage{display:inline-block;font-size:var(--fs-2);font-weight:800;color:var(--pur);letter-spacing:.2px;margin-top:4px;
  padding:2px 8px;border:1px solid rgba(180,123,255,.34);border-radius:999px;background:rgba(180,123,255,.1)}


.mmDetEvo{display:flex;flex-direction:column;gap:5px;margin-top:8px}
.mmEvoLine{font-size:var(--fs-label);font-weight:700;color:var(--mut);line-height:1.45}
.mmEvoLine b{color:var(--txt)}
.mmEvoLine.mmEvoOn{color:var(--pur)}.mmEvoLine.mmEvoOn b{color:var(--pur)}
.mmDetActs{display:flex;flex-direction:column;gap:9px;margin-top:14px}



.isTop{margin-bottom:14px}
.mmPick{display:flex;gap:11px;align-items:center;padding:9px 11px;border:1px solid rgba(255,138,61,.3);
  border-radius:var(--r-md);background:rgba(255,138,61,.07)}
.mmPick .mmSvg{flex:0 0 62px;width:62px}
.mmPickTxt{flex:1;min-width:0}
.mmPickHd{font-size:var(--fs-body);font-weight:800;color:var(--txt);line-height:1.3}
.mmPickHd b{color:var(--acc)}
.mmPickMus{font-size:var(--fs-4);font-weight:700;color:var(--acc);margin-top:3px;line-height:1.4}
.mmPickMus span{color:var(--mut);font-weight:600}
.mmPickHint{font-size:var(--fs-3);color:var(--mut);margin-top:4px;line-height:1.45}
#gVideo{margin:8px 0 4px}
.gVidBtn{display:flex;align-items:center;gap:10px;width:100%;padding:12px;border-radius:14px;border:1px solid rgba(70,160,255,.4);
  background:rgba(70,160,255,.1);color:var(--txt);cursor:pointer;text-align:left}
.gVidBtn .gp{font-size:var(--fs-17)}
.gVidBtn .gt{font-size:var(--fs-body);font-weight:800}
.gVidBtn .gc{font-size:var(--fs-3);color:var(--mut)}
#gVideo iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:14px}
.gSec{margin-top:13px}
.gH{font-size:var(--fs-3);letter-spacing:1.5px;color:var(--mut);font-weight:800;margin-bottom:7px}
.gSetup{font-size:var(--fs-6);color:var(--blu);line-height:1.5;background:rgba(70,160,255,.07);border:1px dashed rgba(70,160,255,.3);border-radius:12px;padding:10px}
.gSteps{margin-left:18px;display:flex;flex-direction:column;gap:6px}
.gSteps li{font-size:var(--fs-body);line-height:1.55}
.gList{margin-left:16px;display:flex;flex-direction:column;gap:6px;list-style:none}
.gList li{font-size:var(--fs-6);line-height:1.5;color:var(--txt);position:relative;padding-left:4px}
.gList li::before{content:"·";color:var(--gold);font-weight:900;margin-right:6px}
.gList.gBad li::before{color:var(--acc2)}
.gList.gBad li{color:var(--mut)}




#gFoot{position:sticky;bottom:0;z-index:3;margin-top:16px;padding:12px 0 calc(6px + env(safe-area-inset-bottom));
  display:flex;flex-direction:column;gap:8px;
  

  background:linear-gradient(to top,var(--glass) 78%,transparent)}
#gFoot:empty{display:none}
.gFootNote{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:0 0 2px}
.gFootNote.bank{color:var(--grn)}
.gFootP{display:block;width:100%;min-height:48px;padding:13px 16px;border-radius:var(--r-md);cursor:pointer;
  border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;
  font-weight:900;font-size:var(--fs-10);font-family:'Chakra Petch',sans-serif;letter-spacing:.3px;
  transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px rgba(255,138,61,.28)}
.gFootP:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,138,61,.4)}
.gFootP:active{transform:scale(.98)}
.gFootS{display:block;width:100%;min-height:46px;padding:12px 16px;border-radius:var(--r-md);cursor:pointer;
  border:1px solid rgba(255,210,77,.4);background:rgba(255,210,77,.08);color:var(--gold);
  font-weight:800;font-size:var(--fs-read);font-family:'Chakra Petch',sans-serif;letter-spacing:.3px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gFootS:hover{background:rgba(255,210,77,.15);border-color:rgba(255,210,77,.75);transform:translateY(-1px)}
.gFootS:active{transform:scale(.985)}


.intel{display:flex;flex-direction:column;gap:10px}
.icard{display:flex;gap:12px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:16px;padding:13px;position:relative;overflow:hidden}
.ipromote{align-self:center;flex:0 0 auto;padding:6px 10px;border-radius:99px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.07);color:var(--grn);font-size:var(--fs-4);font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.ipromote:hover{background:rgba(62,229,148,.14)}
.ipromote:disabled{opacity:.6}
.icard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.icard.win::before{background:var(--grn)}.icard.pattern::before{background:var(--blu)}
.icard.research::before{background:var(--pur)}.icard.nudge::before{background:var(--gold)}
.icard .ic{font-size:var(--fs-17);flex:0 0 auto}
.icard .it{font-size:var(--fs-8);font-weight:900}
.icard .ib{font-size:var(--fs-6);color:var(--mut);margin-top:4px;line-height:1.5}


.ach{display:flex;flex-direction:column;gap:6px}

.achZH{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-label);letter-spacing:.05em;color:var(--mut);font-weight:800;margin:10px 0 2px}
.ach>.achZH:first-of-type{margin-top:2px}
.achZH .zc{color:var(--txt);opacity:.6;font-variant-numeric:tabular-nums}

.achRows{display:flex;flex-direction:column;gap:8px}
.achRow{display:flex;align-items:center;gap:12px;min-height:56px;padding:9px 13px;border:1px solid var(--line);border-radius:14px;cursor:pointer;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));transition:border-color .2s,background .2s}
.achRow:hover{border-color:var(--acc);background:rgba(255,138,61,.06)}
.achRow .arT{flex:1;min-width:0}
.achRow .arN{font-size:var(--fs-8);font-weight:800;line-height:1.2}
.achRow .arL{font-size:var(--fs-label);color:var(--mut);margin-top:2px;font-variant-numeric:tabular-nums}
.achRow .arP{flex:none;font-size:var(--fs-read);font-weight:900;color:var(--acc);font-variant-numeric:tabular-nums}

.achGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.badge{position:relative;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:16px;padding:12px 6px 10px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.3s;cursor:pointer;min-height:64px}
.badge.locked{opacity:.62;filter:grayscale(.5)} 
.badge.locked:hover{opacity:.85;filter:grayscale(.15)}

.badge .bChk{position:absolute;top:5px;right:5px;width:16px;height:16px;border-radius:99px;background:var(--grn);color:#04120a;font-size:var(--fs-label);font-weight:900;line-height:16px;box-shadow:0 0 8px rgba(62,229,148,.4)}
.badge .bLock{position:absolute;top:4px;right:5px;font-size:var(--fs-3);opacity:.75}

.badge.t-bronze.got{border-color:rgba(205,127,50,.55);box-shadow:0 0 14px rgba(205,127,50,.16);background:radial-gradient(120% 90% at 50% 0%,rgba(205,127,50,.16),rgba(205,127,50,.04) 55%,rgba(255,255,255,.03))}
.badge.t-silver.got{border-color:rgba(200,210,230,.55);box-shadow:0 0 14px rgba(200,210,230,.15);background:radial-gradient(120% 90% at 50% 0%,rgba(200,210,230,.15),rgba(200,210,230,.04) 55%,rgba(255,255,255,.03))}
.badge.t-gold.got{border-color:rgba(255,210,77,.6);box-shadow:0 0 18px rgba(255,210,77,.2);background:radial-gradient(120% 90% at 50% 0%,rgba(255,210,77,.18),rgba(255,138,61,.05) 55%,rgba(255,255,255,.03))}

.badge .bRing,.achRow .bRing{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border-radius:99px;margin:0 auto;
  background:conic-gradient(var(--acc,#ff8a3d) calc(var(--p)*1%),rgba(255,255,255,.09) 0)}
.badge .bRing .bi,.achRow .bRing .bi{width:36px;height:36px;border-radius:99px;background:#10182b;display:grid;place-items:center;font-size:var(--fs-16)}
.achSheet{text-align:center;padding:6px 4px 2px}
.achSheet .asIc{font-size:44px;display:block;margin-bottom:6px}
.achSheet .asIc.asLock{filter:grayscale(.75);opacity:.7}
.achSheet h3{margin:0 0 8px;font-size:var(--fs-13)}
.achSheet .asHow{color:var(--mut);font-size:var(--fs-8);line-height:1.6;margin:0 0 12px}
.achSheet .asGot{color:var(--grn);font-weight:800;font-size:var(--fs-read);letter-spacing:.06em}
.achSheet .asBar{height:8px;border-radius:99px;background:rgba(255,255,255,.09);overflow:hidden;margin:0 0 8px}
.achSheet .asBar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--gold))}
.achSheet .asProg{color:var(--mut);font-size:var(--fs-body);font-variant-numeric:tabular-nums}
.achSheet .asProg b{color:var(--txt)}
.badge .bi{font-size:25px;display:block}.badge.got .bi{animation:bob 4s ease-in-out infinite}
.badge .bn{font-size:var(--fs-1);font-weight:800;margin-top:6px;line-height:1.15}



.badge{overflow:hidden;--fam:#9fb0c8}
.badge.fam-streak{--fam:#ff8a3d}
.badge.fam-weight{--fam:#4fd6c0}
.badge.fam-strength{--fam:#ffd24d}
.badge.fam-mito{--fam:#b48cff}
.badge.fam-mind{--fam:#8a97ff}
.badge.fam-food{--fam:#7ce08a}
.badge.fam-social{--fam:#ff6aa6}
.badge.fam-system{--fam:#9fb0c8}


.badge:not(.got){background-image:radial-gradient(120% 85% at 50% 0%,color-mix(in srgb,var(--fam) 12%,transparent),transparent 62%)}


.badge .bi,.badge .bn,.badge .bHint{position:relative;z-index:1}
.badge .bChk,.badge .bLock{z-index:2}
.badge .pcSheen{z-index:0;border-radius:16px;background:linear-gradient(115deg,transparent 34%,color-mix(in srgb,var(--fam) 26%,transparent) 48%,transparent 62%);background-size:220% 220%}


.badge.blackout{opacity:1;filter:none;background-image:radial-gradient(120% 85% at 50% 0%,color-mix(in srgb,var(--fam) 7%,transparent),transparent 60%)}
.badge.blackout .bi.bGlyph{filter:grayscale(1) brightness(.26) contrast(1.1);opacity:.92}
.badge.blackout:hover .bi.bGlyph{filter:grayscale(1) brightness(.42)}
.badge .bqm{letter-spacing:.14em;color:var(--mut);font-weight:900}
.badge .bHint{font-size:8px;font-weight:700;color:color-mix(in srgb,var(--fam) 55%,var(--mut));margin-top:3px;opacity:.9;line-height:1.15}

.achSheet.fam-social,.achSheet.fam-streak,.achSheet.fam-weight,.achSheet.fam-strength,.achSheet.fam-mito,.achSheet.fam-mind,.achSheet.fam-food,.achSheet.fam-system{--fam:#9fb0c8}
.achSheet.fam-streak{--fam:#ff8a3d}.achSheet.fam-weight{--fam:#4fd6c0}.achSheet.fam-strength{--fam:#ffd24d}.achSheet.fam-mito{--fam:#b48cff}.achSheet.fam-mind{--fam:#8a97ff}.achSheet.fam-food{--fam:#7ce08a}.achSheet.fam-social{--fam:#ff6aa6}
.achSheet .asIc{position:relative}
.achSheet .asIc::before{content:"";position:absolute;inset:-14px 0 0;margin:auto;width:96px;height:96px;left:0;right:0;border-radius:99px;background:radial-gradient(circle,color-mix(in srgb,var(--fam,#ff8a3d) 34%,transparent),transparent 66%);z-index:-1}
.achSheet .asIc.asMyst{filter:grayscale(1) brightness(.32)}
.asShare{display:block;margin:12px auto 2px;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--fam,#ff8a3d) 50%,var(--line));background:color-mix(in srgb,var(--fam,#ff8a3d) 12%,transparent);color:var(--txt);font-weight:800;font-size:var(--fs-read);cursor:pointer;transition:background .18s,border-color .18s}
.asShare:hover,.asShare:focus-visible{background:color-mix(in srgb,var(--fam,#ff8a3d) 22%,transparent);border-color:color-mix(in srgb,var(--fam,#ff8a3d) 70%,var(--line));outline:none}


#isheet{position:fixed;inset:0;z-index:92;display:none;place-items:end center;background:rgba(6,8,15,.9);backdrop-filter:blur(10px)}
#isheet.on{display:grid}

























html.vvOffset #isheet,html.vvOffset #wflow,html.vvOffset #chat,html.vvOffset #guide,
html.vvOffset #celebrate,html.vvOffset #acctDash,html.vvOffset #breathe,html.vvOffset #bcScan,
html.vvOffset #fbcOv,html.vvOffset #cardReveal,html.vvOffset #mmExplorer,html.vvOffset #rptOv,
html.vvOffset #consentOv,html.vvOffset #onbFS,html.vvOffset #xwzFS,html.vvOffset #skyLiveOv,html.vvOffset .penOv,
html.vvOffset .flashConsent{
  inset:auto;left:var(--vvl,0px);top:var(--vvt,0px);width:var(--vvw,100vw);height:var(--vvh,100dvh)}
html.vvOffset .chatCard{max-height:calc(var(--vvh,100svh) / var(--panel-zoom,1))}




html.vvOffset #guide,html.vvOffset #celebrate,html.vvOffset #acctDash,html.vvOffset #breathe,
html.vvOffset #bcScan,html.vvOffset #fbcOv,html.vvOffset #cardReveal,html.vvOffset #skyLiveOv,html.vvOffset .penOv,
html.vvOffset .flashConsent{
  overflow-y:auto;overscroll-behavior:contain}









html.vvOffset #isheet,html.vvOffset #chat,html.vvOffset #guide,html.vvOffset #celebrate,
html.vvOffset #acctDash,html.vvOffset #breathe,html.vvOffset #cardReveal,
html.vvOffset .flashConsent{
  grid-template-rows:minmax(0,1fr)}



.isCard{width:100%;max-width:520px;
  






  max-height:90vh;max-height:90svh;
  display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain;
  background:#0a0e1a;border:1px solid rgba(255,138,61,.35);
  border-radius:var(--r-modal) var(--r-modal) 0 0;padding:20px 18px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -16px 60px rgba(0,0,0,.7);
  







  animation:sheetUp .26s ease-out}





html.vvOffset .isCard{max-height:calc(var(--vvh,90svh) / var(--panel-zoom,1))}





#isheetBody{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@keyframes sheetUp{from{opacity:.4}to{opacity:1}}
.isTitle{flex:none;font-size:var(--fs-13);font-weight:900;margin-bottom:14px;padding-right:42px;overflow-wrap:anywhere} 
.isGroup{margin-bottom:16px}
.isLabel{font-size:var(--fs-3);letter-spacing:1.5px;color:var(--mut);font-weight:800;text-transform:uppercase;margin-bottom:8px;display:flex;justify-content:space-between}
.isLabel b{color:var(--gold);font-size:var(--fs-read);letter-spacing:0}



.isGroup.gCard{background:rgba(255,255,255,.028);border:1px solid var(--line);border-radius:14px;padding:11px 12px 4px;margin-bottom:12px}
.isGroup.gCard .isLabel{margin-bottom:5px;align-items:center}
.isGroup.gCard .wgRow:last-child{border-bottom:none}
.isLabel .gCount{text-transform:none;font-weight:800;font-size:var(--fs-3);color:var(--mut);letter-spacing:.3px;background:rgba(255,255,255,.05);padding:2px 8px;border-radius:999px;white-space:nowrap}
.isChips{display:flex;flex-wrap:wrap;gap:7px}



.isPick{gap:8px}
.isPickChip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--txt);cursor:pointer;text-align:left}
.isPickChip:hover{border-color:var(--acc)}
.ipNm{font-size:var(--fs-6);font-weight:700;line-height:1.2}
.ipSub{font-size:var(--fs-4);color:var(--mut);line-height:1.2}
.clcChips,.clcKind{margin:0 0 2px} 




.isPickerGrid{max-height:52vh;max-height:52dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity}
.isPickerGrid>*{scroll-snap-align:start}
.isChip{padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);
  font-size:var(--fs-8);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity,box-shadow;transition-duration:.15s}
.isChip:active{transform:scale(.93)}
.isChip.on{border-color:rgba(255,138,61,.7);background:rgba(255,138,61,.16);color:var(--acc);box-shadow:0 0 10px rgba(255,138,61,.25)}

.isEaten .isChip{min-height:44px;min-width:54px;display:inline-flex;align-items:center;justify-content:center}
.isEatenAt{margin-top:7px;font-size:var(--fs-6);color:var(--mut);font-weight:700}
.pmAt{color:var(--mut);font-weight:700;opacity:.85;white-space:nowrap}



.isTimeRow{display:flex;align-items:center;gap:12px;margin:2px 0 6px}
.isTimeStep{flex:0 0 auto;width:60px;min-height:52px;border-radius:16px;border:1px solid rgba(255,138,61,.4);background:rgba(255,138,61,.1);
  color:var(--acc);font-size:var(--fs-12);font-weight:900;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s}
.isTimeStep:active{transform:scale(.9)}
.isTimeBig{flex:1;min-height:52px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--gold);
  font-size:var(--fs-20);font-weight:900;letter-spacing:1px;cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s}
.isTimeBig:active{transform:scale(.98)}
.isTimeExact{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:11px;
  border:1px dashed var(--line);background:transparent;color:var(--mut);font-size:var(--fs-body);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.isTimeExact:hover{color:var(--txt);border-color:var(--acc)}
.isTimeNative{margin-top:8px}
.isSleepDur{text-align:center;color:var(--acc);font-size:var(--fs-11);font-weight:800;margin:2px 0 14px}

.isStep{display:flex;align-items:center;justify-content:center;gap:16px;margin:4px 0 10px}
.isStep .sv{font-size:var(--fs-21);font-weight:900;min-width:110px;width:110px;text-align:center;color:var(--gold)}
.isStep input.sv{background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:inherit}
.isStep input.sv:focus{color:var(--acc)}
.isStep .su{font-size:var(--fs-body);color:var(--mut);font-weight:700}
.isStep button{width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,138,61,.4);background:rgba(255,138,61,.1);
  color:var(--acc);font-size:var(--fs-19);font-weight:900;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s}
.isStep button:active{transform:scale(.9)}








.clcHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.clcLab{margin-bottom:0;flex:1 1 auto;min-width:0;align-items:center;line-height:1.35;white-space:normal}
.isStepPill{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;padding:4px;border:1px solid var(--line);
  border-radius:15px;background:rgba(255,255,255,.03)}
.spBtn{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:11px;border:1px solid rgba(255,138,61,.4);
  background:rgba(255,138,61,.1);color:var(--acc);font-size:var(--fs-17);font-weight:900;line-height:1;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s;
  display:inline-flex;align-items:center;justify-content:center}
.spBtn:active{transform:scale(.9)}
.spBtn::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}
.spVal{min-width:48px;padding:0 4px;text-align:center;font-size:var(--fs-16);font-weight:900;color:var(--gold);line-height:1;
  font-variant-numeric:tabular-nums}

.clcChips .isChip{min-height:34px;padding:6px 12px;font-size:var(--fs-6);color:var(--mut);background:rgba(255,255,255,.03);
  display:inline-flex;align-items:center;justify-content:center}
.clcChips .isChip.on{color:var(--acc);background:rgba(255,138,61,.16);border-color:rgba(255,138,61,.7)}











.isGroup.isNum{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;min-height:50px}
.isStepPill input.spVal{width:56px;min-width:56px;background:transparent;border:none;outline:none;-webkit-appearance:none;appearance:none;font-family:inherit;font-variant-numeric:tabular-nums}
.isStepPill input.spVal:focus{color:var(--acc)}
.isStepPill input.spVal:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}




.isStepPill .su{font-size:var(--fs-5);color:var(--mut);font-weight:700;padding-right:5px;letter-spacing:.2px;
  min-width:32px;text-align:left;flex:0 0 auto}




.isDetail{margin:10px 0 6px;padding-top:10px;border-top:1px solid var(--line)}
.isDetailTog{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;padding:0;background:none;border:none;cursor:pointer;
  font-family:inherit;font-size:var(--fs-label);letter-spacing:.7px;text-transform:uppercase;font-weight:800;color:var(--mut);text-align:left;
  transition-property:color;transition-duration:.12s}
.isDetailTog:hover{color:var(--txt)}
.iddCar{font-size:var(--fs-7);line-height:1}
.isDetailVals{font-size:var(--fs-body);color:var(--mut);line-height:1.5;padding-bottom:6px;overflow-wrap:anywhere}
.isDetailBody{display:none}
.isDetail.on .isDetailBody{display:block}



.macIntro{font-size:var(--fs-8);line-height:1.55;color:var(--mut);margin:2px 0 16px}
.macIntro b{color:var(--txt);font-weight:800}
.macHelp{font-size:var(--fs-label);color:var(--mut);line-height:1.45;margin-top:6px;text-align:center}
.macCoachBtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:2px;font-size:var(--fs-read)}
.macCoachNote{margin-top:5px;margin-bottom:2px}
.macSplitGroup{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
.macSplit{display:flex;height:14px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.06);margin:2px 0 12px}
.macSplit i{display:block;height:100%;transition:width .35s cubic-bezier(.16,1,.3,1)}
.macSplit .macP{background:linear-gradient(90deg,#6de3a8,#2fd07f)}
.macSplit .macC{background:linear-gradient(90deg,#7cc0ff,#3f8fe6)}
.macSplit .macF{background:linear-gradient(90deg,#ffcf6b,#ff9838)}
.macChips{display:flex;gap:8px}
.macChip{flex:1;min-width:0;padding:10px 8px;border-radius:13px;border:1px solid var(--line);border-top:2px solid var(--line);background:rgba(255,255,255,.03);text-align:center}
.macChip .macNm{display:block;font-size:var(--fs-4);color:var(--mut);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.macChip b{display:block;font-family:'Chakra Petch',sans-serif;font-size:21px;font-weight:900;color:var(--txt);margin:3px 0 1px}
.macChip .macK{display:block;font-size:var(--fs-3);color:var(--mut);font-weight:600}
.macChP{border-top-color:var(--grn)}
.macChC{border-top-color:var(--blu)}
.macChF{border-top-color:var(--acc)}
.macBal{display:flex;align-items:center;gap:10px;margin-top:14px}






input[type=range]{min-height:44px}
.macBal input[type=range]{flex:1;accent-color:var(--acc);height:24px;min-height:44px;cursor:pointer}
.macBalEnd{font-size:var(--fs-4);color:var(--mut);font-weight:700;white-space:nowrap;flex:0 0 auto}
.macMath{display:block;width:100%;margin:18px 0 2px;padding:12px;min-height:46px;border-radius:12px;border:1px dashed var(--line);background:transparent;color:var(--mut);font-size:var(--fs-8);font-weight:700;cursor:pointer;font-family:inherit;text-align:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.macMath:hover{color:var(--txt);border-color:rgba(255,255,255,.22)}
.macMath:active{transform:scale(.98)}
.isRange{width:100%;accent-color:var(--acc);height:24px;cursor:pointer}
.isMoods{display:flex;gap:8px;justify-content:space-between}
.isMood{flex:1;padding:10px 4px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  font-size:var(--fs-19);cursor:pointer;transition-property:filter,opacity,transform,border-color,background-color,box-shadow;transition-duration:.15s;text-align:center;filter:grayscale(.6);opacity:.75}
.isMood:active{transform:scale(.9)}
.isMood.on{border-color:rgba(255,210,77,.7);background:rgba(255,210,77,.12);filter:none;opacity:1;box-shadow:0 0 12px rgba(255,210,77,.3);transform:scale(1.06)}
.isTags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.isTa{width:100%;min-height:64px;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);font-family:inherit;font-size:var(--fs-read);outline:none;resize:vertical}

.fcSug{margin-top:8px;display:flex;flex-direction:column;gap:6px;max-height:246px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.fcRow{width:100%;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
  padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);cursor:pointer;text-align:left}
.fcRow:hover,.fcRow:focus-visible{border-color:rgba(255,210,77,.55);background:rgba(255,210,77,.1);outline:none}
.fcNm{font-size:var(--fs-read);font-weight:800;color:var(--txt);line-height:1.25}
.fcMc{font-size:var(--fs-label);font-weight:600;color:var(--mut);line-height:1.2}

.fcKit{font-size:var(--fs-2);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ice);padding:5px 4px 1px;opacity:.92}
.fcQty{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;font-size:var(--fs-3);font-weight:800;line-height:1.5;
  color:var(--ice);background:color-mix(in srgb,var(--ice) 16%,transparent);border:1px solid color-mix(in srgb,var(--ice) 38%,transparent);vertical-align:middle;white-space:nowrap}


.isBtns{flex:none;display:flex;gap:10px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line)}
.isCancel{flex:1;padding:13px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);
  font-weight:800;font-size:var(--fs-read);cursor:pointer}
.isSave{flex:2;margin-top:0}


#celebrate{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:24px;background:rgba(6,8,15,.92);backdrop-filter:blur(12px)}
#celebrate.on{display:grid}
.celebCard{max-width:360px;max-height:88vh;max-height:88svh;overflow-y:auto;text-align:center;background:var(--glass);border:1px solid rgba(255,210,77,.5);border-radius:var(--r-modal);padding:34px 28px;
  box-shadow:0 0 60px rgba(255,210,77,.25);animation:pop2 .5s cubic-bezier(.2,1.6,.4,1)}
.celebIc{font-size:56px;filter:drop-shadow(0 0 18px rgba(255,210,77,.7));animation:bob 3s ease-in-out infinite}
.celebTitle{font-size:var(--fs-17);font-weight:900;margin:14px 0 8px;background:linear-gradient(90deg,#fff,var(--gold));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.celebSub{font-size:var(--fs-8);color:var(--mut);line-height:1.6;margin-bottom:20px}

.celebIc.hasArt{font-size:0;filter:none;margin-bottom:4px}
.celebIc.hasArt svg{width:150px;height:auto;display:block;margin:0 auto;overflow:visible;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}
.celebCard.spark{border-color:rgba(127,216,255,.55);box-shadow:0 0 60px rgba(127,216,255,.22)}
.celebCard.warm{border-color:rgba(255,176,102,.6);box-shadow:0 0 62px rgba(255,138,61,.24)}
.celebCard.hot{border-color:rgba(255,138,61,.65);box-shadow:0 0 66px rgba(255,90,55,.28)}
.celebCard.gold{border-color:rgba(255,210,77,.75);box-shadow:0 0 72px rgba(255,210,77,.34)}
.celebCard.legend{border-color:rgba(255,210,77,.9);box-shadow:0 0 96px rgba(255,210,77,.5),inset 0 0 42px rgba(255,210,77,.08)}
.celebCard.legend .celebTitle{background:linear-gradient(90deg,var(--gold),#fff,var(--gold));-webkit-background-clip:text;background-clip:text}
@keyframes ticketIn{0%{transform:rotate(-4deg) translateY(10px) scale(.86);opacity:0}60%{opacity:1}100%{transform:rotate(-4deg);opacity:1}}
.celTicket{transform-box:fill-box;transform-origin:center;animation:ticketIn .6s cubic-bezier(.2,1.5,.4,1) both}

.celebCard.fam-streak{--fam:#ff8a3d}.celebCard.fam-weight{--fam:#4fd6c0}.celebCard.fam-strength{--fam:#ffd24d}.celebCard.fam-mito{--fam:#b48cff}.celebCard.fam-mind{--fam:#8a97ff}.celebCard.fam-food{--fam:#7ce08a}.celebCard.fam-social{--fam:#ff6aa6}.celebCard.fam-system{--fam:#9fb0c8}
.celebCard[class*="fam-"]{border-color:color-mix(in srgb,var(--fam) 55%,transparent);box-shadow:0 0 64px color-mix(in srgb,var(--fam) 26%,transparent)}
.celebCard[class*="fam-"] .celebIc.hasArt svg{filter:drop-shadow(0 6px 20px color-mix(in srgb,var(--fam) 45%,transparent))}




.celebShare{display:inline-flex;align-items:center;vertical-align:bottom;gap:6px;min-height:44px;margin:8px 10px 0 0;padding:0 18px;border-radius:12px;border:1px solid color-mix(in srgb,var(--fam,#ffd24d) 45%,var(--line));background:transparent;color:var(--mut);font-weight:800;font-size:var(--fs-8);cursor:pointer;transition:color .18s,border-color .18s,background .18s}
.celebShare:hover,.celebShare:focus-visible{color:var(--txt);border-color:color-mix(in srgb,var(--fam,#ffd24d) 70%,var(--line));background:color-mix(in srgb,var(--fam,#ffd24d) 12%,transparent);outline:none}

.foot{text-align:center;color:var(--mut);font-size:var(--fs-label);margin:8px 0 10px}
.dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--mut);margin-right:5px;vertical-align:middle}
.dot.ok{background:var(--grn);box-shadow:0 0 8px var(--grn)}.dot.local{background:var(--gold)}
canvas#cf{position:fixed;inset:0;z-index:95;pointer-events:none}
#lock{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:24px;background:rgba(6,8,15,.72);backdrop-filter:blur(7px)}




@supports(height:100svh){#lock{grid-template-rows:100svh;align-items:center;padding-top:0;padding-bottom:0}}









@media (max-width:899px){
  #lock{place-items:start center;overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:calc(14px + env(safe-area-inset-top,0px)) 16px calc(28px + env(safe-area-inset-bottom))}
}
@supports(height:100svh){@media (max-width:899px){
  #lock{grid-template-rows:auto;align-items:start;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom))}
}}
.lockcard{position:relative;max-width:340px;text-align:center;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-modal);padding:32px 26px;box-shadow:0 16px 50px rgba(0,0,0,.6)}


body.lockOpen .blob{animation-duration:60s;opacity:.32} 


body.lockOpen #dayScene *,body.lockOpen #dayScene *::before,body.lockOpen #dayScene *::after{animation-play-state:paused!important}
.connectBig{margin-top:8px;padding:13px 24px;border-radius:14px;border:1px solid rgba(255,138,61,.5);background:linear-gradient(135deg,var(--acc),var(--acc2));color:#06080f;font-weight:900;font-size:var(--fs-11);cursor:pointer;box-shadow:0 0 24px rgba(255,138,61,.5)}



.connectAlt{background:none;color:var(--txt);border:1px solid var(--line);box-shadow:none;font-weight:800}
.connectAlt:active{background:rgba(255,255,255,.05)}
.haeOr{margin:14px 0 2px;font-size:var(--fs-label);opacity:.6;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}
@media(max-width:420px){
  .grid4{grid-template-columns:repeat(2,1fr)}
  .charWrap{flex-direction:column}.avatarBox{flex:0 0 auto}
  .statRow .sproof{display:none}
}









@media(max-height:700px){
  .avatarBox svg{max-width:104px}
}


.sessTitle{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-14);letter-spacing:.02em;margin-bottom:4px}
.sessSub{font-size:var(--fs-8);color:var(--mut);line-height:1.5;margin-bottom:8px}
.sessNext{display:inline-block;margin-top:6px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,210,77,.35);background:rgba(255,210,77,.07);color:var(--gold);font-weight:700;font-size:var(--fs-8)}
.sessEx{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px dashed rgba(255,255,255,.08);cursor:pointer;font-size:var(--fs-11);border-radius:8px}
.sessEx:last-child{border-bottom:0}
.sessEx>span:first-child{flex:1;min-width:0}
.sessEx b{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-read);color:var(--gold);font-weight:700;white-space:nowrap}
.sessEx .chev{color:var(--mut)}
.sessEx:hover{background:rgba(255,255,255,.03)}


.pmeal.canEdit{cursor:pointer;align-items:center;border-radius:8px}
.pmeal.canEdit:hover{background:rgba(255,255,255,.03)}
.pmeal .chev,.prec .chev{color:var(--mut);font-size:var(--fs-read);flex:0 0 auto}






.pActs{display:flex;gap:14px;margin-top:5px}



.pAdj,.pRec{position:relative;background:none;border:0;padding:0;font-family:inherit;
  font-size:var(--fs-label);font-weight:800;letter-spacing:.2px;color:var(--mut);opacity:.72;cursor:pointer;
  transition:opacity .15s,color .15s}
.pAdj::after,.pRec::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.pAdj:hover,.pAdj:focus-visible,.pRec:hover,.pRec:focus-visible{opacity:1;color:var(--acc);outline:none}
.pmeal .chev,.pmeal .pDel{width:28px;padding:2px 0;text-align:center;align-self:center}




.pmeal .pDel{opacity:.18}
.pmeal .chev{opacity:.3}
.pmeal:hover .chev,.pmeal:focus-within .chev{opacity:.85}
.pmeal:hover .pDel,.pmeal:focus-within .pDel{opacity:.6}

.adDemoExit{width:100%;margin:10px 0 2px;padding:12px;border:1px solid rgba(255,138,61,.45);border-radius:12px;
  background:rgba(255,138,61,.12);color:var(--txt);font-family:inherit;font-size:var(--fs-read);font-weight:800;cursor:pointer;min-height:44px}
.adDemoExit:active{transform:scale(.98)}

html.iosApp .adPro,html.iosApp .proRefer{display:none}
.proIosNote{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:var(--fs-8);color:var(--mut);line-height:1.5;text-align:center}

.pDel,.pmDel{flex:0 0 auto;background:none;border:none;color:var(--mut);font-size:var(--fs-read);cursor:pointer;padding:2px 7px;opacity:.45;transition:opacity .15s,color .15s;line-height:1;position:relative}


.pDel::after,.pmDel::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.pDel:hover,.pmDel:hover{opacity:1;color:var(--acc2)}





.pmRow .pmDel{opacity:0;pointer-events:none}
.pmRow:hover .pmDel,.pmRow:focus-within .pmDel{opacity:.55;pointer-events:auto}
.pmRow .pmDel:hover,.pmRow .pmDel:focus-visible{opacity:1;color:var(--acc2)}
.pmeal.junk{background:rgba(255,138,61,.06);border-radius:8px}
.pmeal.junk .pn,.pmRow.junk span{color:var(--acc)}
.jTag{font-size:var(--fs-body)}


.mscWrap{display:flex;flex-direction:column;gap:12px}
.mscWhat{font-size:var(--fs-11);font-weight:800;line-height:1.3}
.mscHint{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin-top:-4px}
.mscChips{display:flex;gap:8px}
.mscChip{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-weight:800;font-size:var(--fs-14);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s}
.mscChip.on{border-color:var(--acc);background:rgba(255,138,61,.14);color:var(--acc)}
.mscSlideRow{display:flex;align-items:center;gap:12px}
.mscSlide{flex:1;accent-color:var(--acc);min-height:44px}
.mscPct{font-size:var(--fs-12);font-weight:800;color:var(--acc);min-width:46px;text-align:right}
.mscPrev{font-size:var(--fs-8);color:var(--grn);font-weight:700}
.mscNote{font-size:var(--fs-6);color:var(--mut);line-height:1.5;background:rgba(62,229,148,.06);border:1px solid rgba(62,229,148,.18);border-radius:10px;padding:8px 10px}
.mscSnap{width:100%;min-height:44px;border-radius:13px;border:1px solid rgba(127,216,255,.38);background:rgba(127,216,255,.09);color:var(--ice);font-weight:800;font-size:var(--fs-read);cursor:pointer;font-family:inherit}
.mscSnap:hover{background:rgba(127,216,255,.16)}
.pJunkList{margin:9px 2px 2px;padding:9px 11px;border-radius:10px;background:rgba(255,138,61,.09);border:1px solid rgba(255,138,61,.24);
  font-size:var(--fs-6);color:var(--acc);line-height:1.5}
.pJunkList b{color:var(--acc);font-weight:800}
.pJunkCure{display:block;font-size:var(--fs-3);color:var(--mut);margin-top:3px;font-style:italic}

.plateTip{margin:9px 2px 2px;padding:9px 11px;border-radius:10px;font-size:var(--fs-6);line-height:1.55;
  color:var(--mut);background:rgba(62,229,148,.06);border:1px solid rgba(62,229,148,.18)}
.pmRows{min-height:150px}
.prec{cursor:pointer}
.isDel{width:100%;margin-top:2px;margin-bottom:6px;padding:12px;border-radius:13px;border:1px solid rgba(255,77,141,.4);background:rgba(255,77,141,.1);color:var(--acc2);font-weight:800;font-size:var(--fs-read);cursor:pointer;font-family:inherit}
.isDel:hover{background:rgba(255,77,141,.18)}
.isExtra{width:100%;margin-top:10px;margin-bottom:2px;padding:12px;border-radius:13px;border:1px solid rgba(127,216,255,.38);background:rgba(127,216,255,.09);color:var(--ice);font-weight:800;font-size:var(--fs-read);cursor:pointer;font-family:inherit;line-height:1.35}
.isExtra:hover{background:rgba(127,216,255,.16)}


@media(min-width:760px){
  




  #isheet{place-items:center;align-items:safe center}
  



  .isCard{border-radius:var(--r-modal);max-width:min(680px,94vw);box-shadow:0 24px 80px rgba(0,0,0,.75)}
}

.isX{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-11);cursor:pointer;z-index:2}
.isX:hover{color:var(--txt);border-color:var(--acc)}
.isCard{position:relative}

@media(min-width:760px){
  #chat{place-items:center;align-items:safe center}  
  .chatCard{border-radius:var(--r-modal);box-shadow:0 24px 80px rgba(0,0,0,.75)}
}


.dstats{display:flex;flex-wrap:wrap;gap:8px}
.dchip{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);min-width:0}
.dchip .di{font-size:var(--fs-13)}
.dchip b{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-12);display:block;line-height:1.05}
.dchip b i{font-style:normal;font-size:var(--fs-4);color:var(--mut);font-weight:600}
.dchip .dl{font-size:var(--fs-1);letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800;display:block;margin-top:2px}
.dchip .dd{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-6);font-weight:700;margin-left:2px;padding:3px 7px;border-radius:8px}
.dchip .dd.gain{color:var(--grn);background:rgba(62,229,148,.12)}
.dchip .dd.loss{color:var(--acc2);background:rgba(255,77,141,.12)}


.gGuide .glanceHead{border-top:1px solid var(--line);padding-top:14px}


#ticker{position:fixed;left:0;right:0;bottom:74px;z-index:59; 
  display:flex;align-items:center;gap:9px;justify-content:center;padding:8px 16px;cursor:pointer;
  background:rgba(8,11,20,.78);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
  border-top:1px solid rgba(255,138,61,.16)}
#ticker .tkIc{font-size:var(--fs-read);flex:0 0 auto;opacity:.8}
#tickTxt{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-8);letter-spacing:.02em;color:#e8d9c8;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:860px;transition:opacity .26s,transform .26s}
#tickTxt.out{opacity:0;transform:translateY(6px)}

#tickTxt.mq{text-overflow:clip;animation:tickMq var(--mqT,8s) linear 1s infinite alternate}


@media(prefers-reduced-motion:reduce){#tickTxt.mq{animation:none;text-overflow:ellipsis}}
#tickTxt.mq.out{animation:none}
@keyframes tickMq{0%,8%{transform:translateX(0)}92%,100%{transform:translateX(var(--mqX,-40px))}}


.sessTmr{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;color:var(--gold);
  border:1px solid rgba(255,210,77,.4);background:rgba(255,210,77,.08);border-radius:9px;padding:3px 8px;vertical-align:2px}
.logBtn{flex:0 0 auto;padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.08);
  color:var(--grn);font-weight:800;font-size:var(--fs-6);cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.logBtn:hover{background:rgba(62,229,148,.16)}
.hypeBtn{width:100%;margin-top:12px;padding:12px;border-radius:13px;cursor:pointer;font-family:'Chakra Petch',sans-serif;
  font-size:var(--fs-read);font-weight:700;letter-spacing:.6px;color:#fff;border:1px solid rgba(255,138,61,.45);
  background:linear-gradient(135deg,rgba(255,138,61,.25),rgba(255,77,141,.18));transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.hypeBtn:hover{background:linear-gradient(135deg,rgba(255,138,61,.4),rgba(255,77,141,.3))}





.playHall{display:flex;align-items:center;gap:9px;margin:24px 2px 12px;padding-top:3px}
.playHall.phTop{margin-top:6px} 
.playHall .phIc{font-size:var(--fs-12);line-height:1;flex:0 0 auto}
.playHall .phNm{font-size:var(--fs-label);font-weight:900;letter-spacing:2.4px;text-transform:uppercase;color:var(--txt);white-space:nowrap;flex:0 0 auto}
.playHall .phSub{font-size:var(--fs-4);font-weight:700;color:var(--mut);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.playHall .phLine{flex:1 1 auto;height:1px;min-width:12px;background:linear-gradient(90deg,rgba(255,255,255,.11),transparent)}
.playHallNav{display:none}
@media(max-width:430px){
  .playHallNav{display:flex;gap:7px;position:sticky;z-index:58;padding:7px 0 8px;margin:0 0 2px;
    top:calc(env(safe-area-inset-top,0px) + var(--abH,54px) + 4px);
    






    background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 82%,transparent) 60%,transparent);
    backdrop-filter:blur(14px) saturate(130%);-webkit-backdrop-filter:blur(14px) saturate(130%)}
  







  .playHallNav .phChip{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 8px;border-radius:11px;
    border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(10px);color:var(--txt);font-family:inherit;
    font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;cursor:pointer;transition:transform .14s,border-color .14s}
  .playHallNav .phChip .phcE{font-size:var(--fs-11);line-height:1}
  .playHallNav .phChip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .playHallNav .phChip:active{transform:scale(.96);border-color:var(--acc)}
  .playHall{margin:20px 2px 11px;scroll-margin-top:calc(env(safe-area-inset-top,0px) + var(--abH,54px) + 64px)}
  .playHall.phTop{margin-top:4px}
}


body{padding-bottom:calc(150px + env(safe-area-inset-bottom))} 
@media(min-width:1080px){body{padding-bottom:calc(176px + env(safe-area-inset-bottom))}} 


.hero .identity{color:#f0cfa4;opacity:.92;text-shadow:0 1px 6px rgba(0,0,0,.4)}


.alSt{display:inline-block;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:700;letter-spacing:.6px;
  padding:7px 12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);margin-bottom:12px}





#alertsWrap:not(:empty){margin-top:14px}
.alSt:not(:first-child){margin-top:12px}   
.alSt.on{color:var(--grn);border-color:rgba(62,229,148,.45);background:rgba(62,229,148,.08)}
.alRow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px dashed rgba(255,255,255,.07);font-size:var(--fs-read)}
.alRow:last-child{border-bottom:0}
.alRow .ai{font-size:var(--fs-12);flex:0 0 22px}
.alRow b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-read);color:var(--gold);flex:0 0 44px}
.alRow .at{flex:1;min-width:0}
.alRow .ad{font-size:var(--fs-2);letter-spacing:.8px;text-transform:uppercase;color:var(--mut);font-weight:800;flex:0 0 auto}
.alRowSep{font-size:var(--fs-2);letter-spacing:1px;text-transform:uppercase;color:var(--acc);font-weight:800;padding:9px 2px 3px;border-top:1px solid rgba(255,138,61,.18);margin-top:4px}
.alRow.yours .ai{color:var(--acc)}
.alRow.yours .at{color:var(--txt)}
.alNote{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:10px 0 12px}
.alBtns{display:flex;gap:10px}



.paddRow{width:100%;margin-top:11px;padding:13px;border-radius:13px;border:none;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-read);cursor:pointer;font-family:inherit;text-align:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s;box-shadow:0 6px 22px rgba(255,77,141,.32)}
.paddRow:hover{filter:brightness(1.06)}

.pctaRow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pctaRow .psimRow{margin-top:0;text-align:center;font-size:var(--fs-6);padding:9px 8px}
.pmeal.pend{opacity:.5}
.pmeal.pend .pn::after{content:"";display:inline-block;width:10px;height:10px;margin-left:8px;border-radius:50%;
  border:2px solid var(--grn);border-top-color:transparent;animation:spin .8s linear infinite;vertical-align:-1px}
@keyframes spin{to{transform:rotate(360deg)}}


#fresh,.alertBan{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding:12px 15px;border-radius:16px;
  border:1px solid rgba(255,210,77,.4);background:rgba(255,210,77,.08);font-size:var(--fs-8);line-height:1.5;color:#f0dcb0}
#fresh>span:first-child,.alertBan>span:first-child{font-size:var(--fs-15)}

#fresh.tapBan,.alertBan{cursor:pointer;transition:background .2s,border-color .2s}
#fresh.tapBan:hover,.alertBan:hover{background:rgba(255,210,77,.14);border-color:rgba(255,210,77,.6)}
.alertBan>div{flex:1;min-width:0}
.alertBan .abAt{font-style:normal;color:rgba(240,220,176,.6);font-size:var(--fs-label);margin-left:6px;font-variant-numeric:tabular-nums}
.alertBan .abX{flex:0 0 auto;position:relative;width:28px;height:28px;border-radius:9px;border:1px solid rgba(255,210,77,.3);background:none;color:#f0dcb0;cursor:pointer;font-size:var(--fs-body)}
.alertBan .abX::after{content:"";position:absolute;inset:-8px} 

.alertBan .abX::after{content:"";position:absolute;inset:-8px}
.alertBan .abX:hover{background:rgba(255,210,77,.15)}
.alertBan.more b{color:rgba(240,220,176,.75)}
.loot.busted{opacity:.75;border-color:rgba(150,160,180,.3);filter:saturate(.6)}
.loot.busted .lrar{color:var(--mut)}


.exp.on{cursor:pointer;transition:border-color .18s,transform .12s}
.exp.on:active{transform:scale(.994)}
.exp .estat.rev{color:var(--gold)}
.expOpen{font-size:var(--fs-2);color:var(--mut);margin-top:9px;padding-top:8px;border-top:1px solid var(--line);text-align:center}
.exp.on:hover{border-color:rgba(70,160,255,.6)}
.xNew{width:100%;min-height:44px;margin-top:4px;border-radius:14px;border:1px dashed rgba(70,160,255,.5);background:rgba(70,160,255,.07);color:var(--blu);font-size:var(--fs-body);font-weight:900;font-family:inherit;cursor:pointer;transition:background .18s}
.xNew:hover{background:rgba(70,160,255,.14)}
.xNew:active{transform:scale(.99)}

.xlibSafe{font-size:var(--fs-3);line-height:1.55;color:var(--mut);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-bottom:10px}
.xlibP{border:1px solid var(--line);border-radius:14px;margin-bottom:8px;overflow:hidden;background:rgba(255,255,255,.025)}
.xlibH{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;background:none;border:0;color:var(--txt);font-family:inherit;cursor:pointer;text-align:left}
.xlibIc{font-size:var(--fs-15)}
.xlibNm{font-size:var(--fs-body);font-weight:900;flex:1}
.xlibN{font-size:var(--fs-2);font-weight:900;color:var(--mut);background:rgba(255,255,255,.06);border-radius:999px;padding:2px 8px}
.xlibCh{font-size:var(--fs-label);color:var(--mut);transition:transform .2s}
.xlibP.open .xlibCh{transform:rotate(180deg)}
.xlibB{display:none;padding:2px 10px 10px}
.xlibP.open .xlibB{display:block}
.xlibE{border:1px solid var(--line);border-radius:12px;padding:11px;margin-bottom:8px;background:rgba(255,255,255,.02)}
.xlibE.on{border-color:rgba(70,160,255,.5)}
.xlibET{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xlibEIc{font-size:var(--fs-12)}
.xlibENm{font-size:var(--fs-6);font-weight:900;flex:1;min-width:0}
.xlibYou{font-size:8.5px;font-weight:900;letter-spacing:.4px;border-radius:999px;padding:2px 7px;text-transform:uppercase;white-space:nowrap}
.xlibYou.yes{color:var(--grn);background:rgba(60,200,120,.14)}
.xlibYou.no{color:var(--mut);background:rgba(150,160,180,.14)}
.xlibYou.meh{color:var(--mut);background:rgba(255,255,255,.06)}
.xlibEH{font-size:var(--fs-4);color:var(--mut);line-height:1.5;margin-top:6px}
.xlibEM{display:flex;gap:10px;flex-wrap:wrap;font-size:var(--fs-1);color:var(--mut);margin-top:7px}
.xlibEv{font-weight:800}
.xlibGo{width:100%;min-height:44px;margin-top:9px;border-radius:11px;border:1px solid rgba(70,160,255,.45);background:rgba(70,160,255,.1);color:var(--blu);font-size:var(--fs-label);font-weight:900;font-family:inherit;cursor:pointer}
.xlibGo:hover:not(:disabled){background:rgba(70,160,255,.18)}
.xlibGo:disabled{opacity:.5;cursor:default;border-color:var(--line);color:var(--mut);background:none}




.xTaSm{min-height:64px}
.xSub{font-size:var(--fs-4);color:var(--mut);line-height:1.55;margin-top:7px}
.xLock{color:var(--ice)}
.alNote.xLock{border-color:rgba(70,160,255,.4)}
.xTestPick{display:flex;flex-wrap:wrap;gap:6px}
.xTest{min-height:36px;border-radius:999px;border:1px solid var(--line);background:none;color:var(--mut);font-size:var(--fs-3);font-weight:800;font-family:inherit;padding:0 11px;cursor:pointer}
.xTest.on{border-color:rgba(255,90,110,.5);background:rgba(255,90,110,.12);color:var(--txt)}
.xTest.xRed{border-color:rgba(255,77,141,.4);color:var(--acc2)}
.xTest.xRed:hover{background:rgba(255,77,141,.12)}
.alNote.xStop{border-color:rgba(255,77,141,.5);background:rgba(255,77,141,.07)}
.xTog{min-height:44px;width:100%;border-radius:12px;border:1px dashed var(--line);background:none;color:var(--mut);font-size:var(--fs-read);font-weight:900;font-family:inherit;cursor:pointer;line-height:1.4;padding:8px 12px}
.xTog.on{border-style:solid;border-color:rgba(70,160,255,.5);background:rgba(70,160,255,.1);color:var(--blu)}
.xScan{width:100%;min-height:44px;margin-top:8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-6);font-weight:900;font-family:inherit;cursor:pointer}
.xScan:hover{background:rgba(255,255,255,.08)}
.xScan.sm{font-size:var(--fs-4)}
.xScan.go{border-color:rgba(60,200,120,.5);background:rgba(60,200,120,.12);color:var(--grn)}
.xBtnRow{display:flex;gap:8px}
.xBtnRow .xScan{flex:1}
.xdHead{display:flex;gap:8px;margin-bottom:10px}
.xdStat{flex:1;text-align:center;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:9px 4px}
.xdStat b{display:block;font-size:var(--fs-13);font-weight:900}
.xdStat span{font-size:8.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}
.xDelta{display:flex;flex-direction:column;gap:5px}
.xDRow{display:flex;align-items:center;gap:8px;font-size:var(--fs-4);padding:7px 9px;background:rgba(255,255,255,.03);border-radius:9px}
.xDNm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xDV{color:var(--mut);white-space:nowrap}
.xDd{font-weight:900;white-space:nowrap}
.xDd.up{color:var(--grn)}
.xDd.dn{color:var(--acc2)}
.xNotes{display:flex;flex-direction:column;gap:6px;max-height:190px;overflow-y:auto;margin-bottom:9px}
.xNote{font-size:var(--fs-4);line-height:1.5;color:var(--txt);background:rgba(255,255,255,.03);border-radius:9px;padding:8px 10px}
.xNd{display:block;font-size:8.5px;color:var(--mut);font-weight:900;letter-spacing:.5px;margin-bottom:3px}
.xPhG{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}
.xPh{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.xPh img{width:100%;height:104px;object-fit:cover;display:block}
.xPhD{font-size:8px;color:var(--mut);text-align:center;padding:3px 0;background:rgba(0,0,0,.35)}
.xPhX{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:999px;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:var(--fs-label);cursor:pointer;line-height:1}
.xPhX::after{content:"";position:absolute;inset:-10px} 




.xPulse{display:grid;grid-template-columns:minmax(86px,108px) 1fr;align-items:center;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}
.xPulseNm{font-size:var(--fs-3);font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;line-height:1.3}
.xSeg{display:flex;height:44px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.02)}
.xPip{flex:1;height:100%;border:none;border-right:1px solid var(--line);background:none;color:var(--mut);font-size:var(--fs-8);font-weight:800;font-family:inherit;cursor:pointer;transition-property:background-color,color;transition-duration:.15s}
.xSeg .xPip:last-child{border-right:none}





.xPip{position:relative}
.xPip::after{content:"";position:absolute;inset:-1px 0}
.xPip.on{background:rgba(70,160,255,.22);color:var(--txt);font-weight:900}
.xPulse.sec{border-top:none;margin-top:6px;padding-top:0;opacity:.85}
.xPulse.sec .xSeg{height:38px}
.xPulse.railPulse{border-top:none;margin:6px 0 0;padding-top:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;flex:0 0 auto;width:224px}
.xPulse.railPulse .xSeg{height:40px;width:100%} 
.xPulse.railPulse .xPulseNm{text-transform:none;letter-spacing:0;font-size:var(--fs-4);color:var(--txt);flex:1 0 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} 



.xPulse.sec .xPip,.xPulse.railPulse .xPip{position:relative}
.xPulse.sec .xPip::after{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}
.xPulse.railPulse .xPip::after{content:"";position:absolute;left:0;right:0;top:-2px;bottom:-2px}

.xSparkRow{display:flex;align-items:center;gap:8px;margin-top:7px;min-width:0}
.xSparkRow .xSparkL{font-size:var(--fs-4);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34%}
.afSpark.xTrend{margin-top:0;flex:1;height:22px}
.xSparkT{font-size:var(--fs-4);color:var(--mut);white-space:nowrap}
.xSparkT.ok{color:var(--grn)}
.xSparkT.warn{color:var(--acc2)}

.xHon{color:var(--gold)}
.xProbLink{display:block;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--mut);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px} 
.xWatch{font-size:var(--fs-2);line-height:1.5;color:var(--gold);margin-top:8px;padding:7px 9px;border:1px dashed rgba(255,210,77,.35);border-radius:9px}
.xPip:hover:not(.on){background:rgba(255,255,255,.07)}
.expCheck{margin-top:10px;padding:10px 11px;border-radius:12px;font-size:var(--fs-4);line-height:1.5;color:var(--txt)}
.expCheck b{font-weight:900}
.expCheck.bad{border:1px solid rgba(255,77,141,.5);background:rgba(255,77,141,.09)}
.expCheck.warn{border:1px solid rgba(255,210,77,.45);background:rgba(255,210,77,.07)}
.expCheck.mid{border:1px solid rgba(70,160,255,.4);background:rgba(70,160,255,.06)}
.expCheck .xBtnRow{margin-top:8px}
.expCheck .xScan.sm{margin-top:0}



.expHdr{display:flex;gap:12px;align-items:center;margin-bottom:14px}
.expHdrMain{flex:1;min-width:0}
.expPhase{position:relative;display:flex;height:10px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.06)}
.expPhase .epSeg{height:100%}
.epSeg.base{background:linear-gradient(90deg,rgba(139,149,173,.5),rgba(139,149,173,.28))}
.epSeg.intv{background:linear-gradient(90deg,var(--blu),var(--ice))}
.epNow{position:absolute;top:-3px;width:3px;height:16px;border-radius:2px;background:var(--gold);box-shadow:0 0 6px rgba(255,210,77,.55);transform:translateX(-50%)}
.epNow.paused{background:var(--mut);box-shadow:none}
.epNow.review{background:var(--grn);box-shadow:0 0 6px rgba(62,229,148,.55)}
.epLegend{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;font-size:var(--fs-2);color:var(--mut);line-height:1.4}
.epLegend .epL.base{color:var(--mut)}
.epLegend .epL.intv{color:var(--ice)}
.epLegend .epDot{opacity:.5}
.epLegend .epState{margin-left:auto;font-weight:800;color:var(--txt)}
.epLegend .epState.review{color:var(--grn)}
.epLegend .epState.paused{color:var(--mut)}
.epLegend .epState.baseline{color:var(--ice)}
.adhRingWrap{flex:0 0 auto;width:70px;text-align:center}
.adhRing{width:52px;height:52px;display:block;margin:0 auto}
.adhRing .adhBg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:4}
.adhRing .adhFg{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}
.adhRing .adhPct{fill:var(--txt);font-size:var(--fs-body);font-weight:900}
.adhRing .adhSub{fill:var(--mut);font-size:5.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.adhLbl{font-size:8px;color:var(--mut);margin-top:3px;line-height:1.3}

.xzWrap{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.xzHyp{margin-top:8px;color:var(--txt);opacity:.85}
.xzVerdict{margin:12px 0 4px}
.xzPanel{background:rgba(255,255,255,.028);border:1px solid var(--line);border-radius:14px;padding:12px}
.xzPanel.primary{border-color:rgba(70,160,255,.35);background:rgba(70,160,255,.05)}
.xzHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.xzNm{font-size:var(--fs-read);font-weight:900;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xzTag{flex:0 0 auto;font-size:8px;font-weight:900;letter-spacing:.8px;padding:3px 7px;border-radius:999px;background:rgba(70,160,255,.15);color:var(--ice)}
.xzTag.side{background:rgba(255,255,255,.06);color:var(--mut)}
.xzChartWrap{height:52px;border-radius:8px;overflow:hidden}
.xzChart{width:100%;height:100%;display:block}
.xzCap{font-size:8.5px;color:var(--mut);margin-top:4px;opacity:.8}
.xzEmpty{font-size:var(--fs-3);color:var(--mut);text-align:center;padding:14px 8px;line-height:1.5}
.xzRead{margin-top:9px;font-size:var(--fs-6);color:var(--mut);line-height:1.5}
.xzRead b{color:var(--txt);font-weight:900;font-size:var(--fs-read)}
.xzRead.ok b,.xzRead.ok{color:var(--grn)}
.xzRead.warn b,.xzRead.warn{color:var(--acc2)}
.xzRead .xzN{color:var(--mut);font-size:var(--fs-2);font-weight:700}
.xzConf{margin-top:5px;font-size:var(--fs-2);color:var(--mut);line-height:1.45}
.xzConf.ok{color:var(--grn)}
.xzConf.warn{color:var(--gold)}


.xzSoWhat{margin-top:10px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025)}
.xzSoWhat.ok{border-color:rgba(61,220,132,.32);background:rgba(61,220,132,.06)}
.xzSoWhat.warn{border-color:rgba(255,138,61,.3);background:rgba(255,138,61,.055)}
.xzSoT{font-size:var(--fs-2);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.xzSoR{margin-top:3px;font-size:var(--fs-14);font-weight:900;color:var(--txt);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.xzSoR span{font-size:var(--fs-label);font-weight:700;color:var(--mut)}
.xzSoR .xzN{font-size:var(--fs-2);font-weight:700}
.xzSoWhy{margin-top:4px;font-size:var(--fs-3);color:var(--mut);line-height:1.45}
.xzStop{margin-top:8px;font-size:var(--fs-2);color:var(--mut);line-height:1.45}
.xzStop.trip{color:var(--acc2);font-weight:800}
.xzPair{margin-top:11px;padding-top:10px;border-top:1px dashed var(--line)}
.xzPairL{font-size:8.5px;letter-spacing:1px;color:var(--mut);font-weight:800;text-transform:uppercase;margin-bottom:6px}
.xzPairLine{font-size:var(--fs-4);color:var(--mut);line-height:1.55;margin-bottom:5px}
.xzPairLine b{color:var(--txt);font-weight:900}
.xzPairN{color:var(--mut);opacity:.7;font-size:var(--fs-1)}
.xzPairFoot{font-size:8.5px;color:var(--mut);opacity:.7;line-height:1.4;margin-top:3px}
.xzPairEmpty{font-size:var(--fs-3);color:var(--mut);opacity:.8;line-height:1.5}



.xzPairL.mech{color:var(--txt);opacity:.9}
.xzPairFoot.mech{opacity:.85;color:var(--mut)}
.xzPair .xzPairL.mech ~ .xzPairLine{border-left:2px solid rgba(61,220,132,.28);padding-left:8px}



.xzPair .xzPairL:not(.mech) ~ .xzPairLine{border-left:0;padding-left:0}

.xzObj{margin-bottom:10px}
.xzObj .xzSoWhat{margin-top:8px}
.xzObjD{margin-top:2px;font-size:var(--fs-label);font-weight:900;color:var(--mut);font-variant-numeric:tabular-nums}
.xzObjWait{margin-top:8px;padding:9px 11px;border-radius:12px;border:1px dashed var(--line);background:rgba(255,255,255,.02)}
.xzObjWaitT{font-size:var(--fs-2);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.xzObjWaitS{margin-top:4px;font-size:var(--fs-3);color:var(--mut);line-height:1.5}

.xFold{border:1px solid var(--line);border-radius:12px;margin-bottom:9px;overflow:hidden}
.xFold.open{background:rgba(255,255,255,.015)}
.xFoldH{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;background:transparent;border:none;color:var(--txt);font-family:inherit;font-size:var(--fs-label);font-weight:900;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.xFoldH:hover{background:rgba(255,255,255,.03)}
.xFoldL{display:flex;align-items:center;gap:7px;text-align:left}
.xFoldN{font-size:var(--fs-1);font-weight:800;color:var(--mut);background:rgba(255,255,255,.06);border-radius:999px;padding:1px 7px;letter-spacing:0}
.xFoldN.xzDone{color:var(--grn);background:rgba(62,229,148,.12)}
.xFoldChev{flex:0 0 auto;color:var(--mut);font-size:var(--fs-body);transition:transform .2s ease}
.xFold.open .xFoldChev{transform:rotate(90deg)}
.xFoldBody{display:none;padding:2px 13px 13px}
.xFold.open .xFoldBody{display:block}
.xFoldBody .isTa{margin-top:8px}


.xwzRows{display:flex;flex-direction:column;gap:7px;margin:14px 0}
.xwzRow{display:flex;align-items:baseline;gap:9px;background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.xwzRI{font-size:var(--fs-13)}
.xwzRL{font-size:var(--fs-4);font-weight:900;letter-spacing:1px;color:var(--mut);text-transform:uppercase;flex:0 0 90px}
.xwzRV{font-size:var(--fs-10);font-weight:700;flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.45}
.xwzTogs{display:flex;flex-direction:column;gap:8px;margin:12px 0}


.careBox{display:flex;flex-direction:column;gap:9px}
.careSec{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:rgba(255,255,255,.03)}
.careSec.red{border-color:rgba(255,77,141,.45);background:rgba(255,77,141,.06)}
.careSec.warn{border-color:rgba(255,210,77,.4);background:rgba(255,210,77,.05)}
.careSec.nat{border-color:rgba(62,229,148,.35);background:rgba(62,229,148,.05)}
.careH{font-size:var(--fs-2);font-weight:900;letter-spacing:1.2px;color:var(--ice);margin-bottom:6px}
.careSec.red .careH{color:var(--acc2)}
.careSec.warn .careH{color:var(--gold)}
.careTxt{font-size:var(--fs-label);line-height:1.6;color:var(--txt);white-space:pre-wrap;overflow-wrap:anywhere}
.careTxt b{color:var(--ice);font-weight:800}
.careScan{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 0 16px}
.careScanT{font-size:var(--fs-6);color:var(--mut);transition:opacity .3s}
.careStale{display:flex;align-items:center;gap:8px;font-size:var(--fs-4);color:var(--mut)}
.careRef{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);border-radius:8px;padding:6px 12px;font:inherit;font-size:var(--fs-4);cursor:pointer;min-height:32px;position:relative}
.careRef::after{content:"";position:absolute;inset:-6px} 
.careDoc{color:var(--ice);font-weight:800;text-decoration:underline dotted;text-underline-offset:2px}

.chatTblWrap{overflow-x:auto;margin:8px 0;-webkit-overflow-scrolling:touch}
.chatTbl{border-collapse:collapse;font-size:var(--fs-6);line-height:1.45;min-width:100%}
.chatTbl th,.chatTbl td{border:1px solid var(--line);padding:6px 9px;text-align:left;vertical-align:top}
.chatTbl th{color:var(--ice);font-weight:800;background:rgba(255,255,255,.04);white-space:nowrap}

.afTrend{font-size:var(--fs-4);color:var(--mut);margin-top:5px}
.afTrend.ok{color:var(--grn)}
.afTrend.bad{color:var(--acc2)}
.afIns{font-size:var(--fs-4);color:var(--gold);margin-top:4px;line-height:1.5}
.afDel{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--mut);font-size:var(--fs-label);cursor:pointer;flex:0 0 auto;position:relative;margin-left:auto}
.afDel::after{content:"";position:absolute;inset:-10px} 
.afScoreNow{margin-top:7px;border:1px dashed var(--line);background:rgba(255,255,255,.03);color:var(--mut);border-radius:9px;padding:8px 12px;font:inherit;font-size:var(--fs-4);cursor:pointer;min-height:36px;position:relative}
.afScoreNow::after{content:"";position:absolute;inset:-4px}
.afChip{position:relative}


.afChip::after{content:"";position:absolute;inset:-7px -6px} 
.remBtn{position:relative}
.remBtn::after{content:"";position:absolute;inset:-8px} 
.xlibCare{width:100%;min-height:44px;margin:2px 0 10px;border-radius:12px;border:1px solid rgba(255,90,110,.35);background:rgba(255,90,110,.07);color:var(--txt);font-size:var(--fs-label);font-weight:900;font-family:inherit;cursor:pointer}
.xlibCare:hover{background:rgba(255,90,110,.13)}




.lbTestDiv{margin:14px 0 10px;padding-top:12px;border-top:1px solid var(--line);font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.afRow{border:1px solid var(--line);border-radius:14px;padding:11px 12px;margin-bottom:9px;background:rgba(255,255,255,.03)}
.afRow.afAct{border-color:rgba(255,77,141,.35)}
.afRow.afMan{border-color:rgba(255,210,77,.35)}
.afRow.afRes{border-color:rgba(62,229,148,.35);opacity:.8}
.afHd{display:flex;align-items:center;gap:9px}
.afNm{font-size:var(--fs-8);font-weight:900;flex:1;min-width:0}
.afChip{min-height:32px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-2);font-weight:900;font-family:inherit;cursor:pointer;padding:0 11px;letter-spacing:.4px}
.afChip:hover{background:rgba(255,255,255,.08)}
.afSpark{display:flex;align-items:flex-end;gap:3px;height:26px;margin-top:9px}
.afSpark i{width:9px;border-radius:2px 2px 0 0;background:var(--mut);opacity:.7}
.afSpark i.s1,.afSpark i.s2{background:var(--grn)}
.afSpark i.s3{background:var(--gold)}
.afSpark i.s4,.afSpark i.s5{background:var(--acc2)}
.afNow{font-size:var(--fs-3);font-weight:900;color:var(--txt);margin-left:6px;align-self:center}
.afStack{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}
.afStackL{font-size:8.5px;font-weight:900;letter-spacing:1px;color:var(--mut)}
.afKeep{min-height:32px;border-radius:999px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.08);color:var(--grn);font-size:var(--fs-3);font-weight:800;font-family:inherit;cursor:pointer;padding:0 10px}
.afKeep:hover{background:rgba(62,229,148,.15)}


.xNext{margin-top:10px;display:flex;flex-direction:column;gap:7px}
.xNextL{font-size:var(--fs-1);font-weight:900;letter-spacing:1.2px;color:var(--mut)}
.xNextP{min-height:44px;border-radius:12px;border:1px solid rgba(180,123,255,.45);background:rgba(180,123,255,.08);color:var(--pur);font-size:var(--fs-6);font-weight:900;font-family:inherit;cursor:pointer;padding:0 12px;text-align:left}
.xNextP:hover{background:rgba(180,123,255,.16)}


.fRow{flex-wrap:wrap}
.fMain{flex:1;min-width:0}
.fProb{display:inline-block;font-size:8.5px;font-weight:900;letter-spacing:.4px;color:var(--ice);background:rgba(127,216,255,.1);border-radius:999px;padding:2px 8px;margin-top:4px;text-transform:uppercase}
.fMeta{display:flex;gap:10px;flex-wrap:wrap;font-size:var(--fs-2);color:var(--mut);margin-top:7px}
.fMeta .fBy{font-weight:800;color:var(--txt)}
.fActs{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}
.fVote{min-height:44px;min-width:56px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-size:var(--fs-body);font-family:inherit;cursor:pointer;padding:0 11px}
.fVote b{font-size:var(--fs-label)}
.fVote.on{border-color:rgba(70,160,255,.55);background:rgba(70,160,255,.14);color:var(--txt)}
.fVote:disabled{opacity:.45;cursor:default}
.fVote:hover:not(:disabled):not(.on){background:rgba(255,255,255,.07)}
.fTry{min-height:44px;border-radius:999px;border:1px solid rgba(62,229,148,.45);background:rgba(62,229,148,.1);color:var(--grn);font-size:var(--fs-4);font-weight:900;font-family:inherit;cursor:pointer;padding:0 12px;margin-left:auto}
.fTry:hover{background:rgba(62,229,148,.18)}
.lootShared{width:100%;font-size:var(--fs-3);font-weight:800;color:var(--ice);margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.lootUnshare{min-height:32px;padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-family:inherit;font-size:var(--fs-3);font-weight:800;cursor:pointer}
.lootUnshare:hover{color:var(--txt);border-color:var(--acc)}
.lootPh.share{border-color:rgba(127,216,255,.4);color:var(--ice)}
.lootPh.retry{border-color:rgba(180,123,255,.4);color:var(--pur)}
.loot .xBtnRow{flex-basis:100%;margin-top:9px}
.loot .xBtnRow .lootPh{flex-basis:auto;flex:1;margin-top:0}
.xlibComm{color:var(--ice);font-weight:800}
.xFbRow{display:flex;gap:7px}
.xFb{flex:1;min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:12px;border:1px solid var(--line);background:none;color:var(--mut);font-family:inherit;cursor:pointer}
.xFb.on{border-color:rgba(70,160,255,.55);background:rgba(70,160,255,.12);color:var(--txt)}
.xFbI{font-size:var(--fs-15)}
.xFbL{font-size:var(--fs-1);font-weight:800;text-align:center;line-height:1.25;padding:0 3px}

.lootDelta{flex-basis:100%;display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.lootD{font-size:var(--fs-1);color:var(--mut);background:rgba(255,255,255,.05);border-radius:999px;padding:3px 8px;white-space:nowrap}
.lootD b{color:var(--txt);font-weight:800}
.lootD i{font-style:normal;font-weight:900}
.lootD i.up{color:var(--grn)}
.lootD i.dn{color:var(--acc2)}
.lootPh{flex-basis:100%;min-height:44px;margin-top:9px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-3);font-weight:800;font-family:inherit;cursor:pointer}
.lootPh:hover{background:rgba(255,255,255,.09);color:var(--txt)}
.recsDone{padding:12px 14px;border-radius:14px;border:1px solid rgba(62,229,148,.3);background:rgba(62,229,148,.06)}
.recsDone b{display:block;font-size:var(--fs-read);margin-bottom:5px}
.recsDone span{font-size:var(--fs-body);color:var(--mut);line-height:1.6}


.amChip#amCrv.on{border-color:rgba(70,160,255,.55);color:#8fc2ff;background:rgba(70,160,255,.1)}
.crvWrap .crvIntro{font-size:var(--fs-8);color:var(--mut);line-height:1.6;margin:0 0 12px}
.crvMenu{display:flex;flex-direction:column;gap:7px}
.crvRow{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.crvRow>span:first-child{font-size:var(--fs-15);flex:0 0 auto}
.crvRow>div{flex:1;min-width:0}
.crvRow b{display:block;font-size:var(--fs-8)}
.crvRow i{font-style:normal;font-size:var(--fs-label);color:var(--mut);line-height:1.45}
.crvRow.crvAct{cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.crvRow.crvAct:hover{background:rgba(255,255,255,.08)}
.crvEnd{width:100%;margin-top:12px;padding:9px;border-radius:12px;border:1px solid var(--line);background:none;color:var(--mut);font-size:var(--fs-6);cursor:pointer;font-family:inherit}
.crvEnd:hover{color:var(--txt)}
.amRow.danger{color:#ff8f8f;border-color:rgba(255,107,107,.25)}
.amRow.danger:hover{background:rgba(255,107,107,.08)}
.alertBan.soft{border-color:rgba(70,160,255,.4);background:rgba(70,160,255,.08);color:#cfe2ff}
.alertBan.soft:hover{background:rgba(70,160,255,.14);border-color:rgba(70,160,255,.6)}


.alertBan.crit{border-color:rgba(255,92,92,.42);background:rgba(255,92,92,.08);color:#ffd9d9}
.alertBan.crit:hover{background:rgba(255,92,92,.14);border-color:rgba(255,92,92,.6)}
.alertBan.crit .abX{border-color:rgba(255,92,92,.4);color:#ffd9d9}
.alertBan.crit .abAt{color:rgba(255,200,200,.7)}


.alertBan.vac{border-color:rgba(90,200,180,.34);background:rgba(90,200,180,.07);color:#cdeee6;cursor:pointer}
.alertBan.vac:hover{background:rgba(90,200,180,.12);border-color:rgba(90,200,180,.5)}
.alertBan.vac .abX{border-color:rgba(90,200,180,.34);color:#cdeee6}
.alertBan.vac .abX:hover{background:rgba(90,200,180,.15)}

.vacDate{width:100%;box-sizing:border-box;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-size:var(--fs-12);color-scheme:dark;min-height:44px}
.vacDate:focus{outline:none;border-color:var(--acc)}
.vacEndBtn{width:100%;margin-top:6px;border-color:rgba(255,92,92,.34);color:#ffd9d9;min-height:44px} 
.vacEndBtn:hover{background:rgba(255,92,92,.12);border-color:rgba(255,92,92,.55)}
.abGo{flex:0 0 auto;font-size:var(--fs-13);opacity:.6}
.abSheet p{font-size:var(--fs-read);line-height:1.6;margin:0 0 6px}
.abSheet .abMeta{color:var(--mut);font-size:var(--fs-label)}
.recMenu{margin:4px 0 10px}
.rmI{padding:7px 2px;border-bottom:1px dashed rgba(255,255,255,.07);font-size:var(--fs-8);color:var(--txt);line-height:1.45}
.rmI.rmTap{cursor:pointer;border-radius:8px;padding:7px 8px;margin:0 -6px;transition:background .15s}
.rmI.rmTap:hover{background:rgba(255,255,255,.05)}
.rmI.rmTap:active{background:rgba(255,255,255,.09)}
.rmI:last-child{border-bottom:0}
.wkRow{display:flex;gap:8px;margin-bottom:10px}
.wkS{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .2s}
.wkS:hover{border-color:rgba(255,138,61,.45)}

.wkL{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:6px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:800;line-height:1;vertical-align:-3px}
.wkLA{background:rgba(255,138,61,.18);color:var(--acc);border:1px solid rgba(255,138,61,.45)}
.wkLB{background:rgba(255,77,141,.16);color:var(--acc2);border:1px solid rgba(255,77,141,.45)}
.wkLC{background:rgba(70,160,255,.15);color:var(--blu);border:1px solid rgba(70,160,255,.45)}



.wkS b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-3);letter-spacing:1px;color:var(--mut)}
.wkSnm{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-11);font-weight:800;line-height:1.15;color:var(--txt);text-align:center;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  padding:1px 6px;border-radius:999px;line-height:1.5;opacity:.9}
.wkS span{font-size:var(--fs-11)}
.wkS i{font-style:normal;font-size:var(--fs-body);font-weight:800}
@media(max-width:430px){.wkSnm{font-size:var(--fs-6)}}
.wkS.done{border-color:rgba(62,229,148,.45);background:rgba(62,229,148,.07)} .wkS.done i{color:var(--grn)}
.wkS.today{border-color:rgba(255,210,77,.5);background:rgba(255,210,77,.07)} .wkS.today i{color:var(--gold)}
.wkS.miss i{color:var(--acc2)}
.wkMeta{font-size:var(--fs-6);color:var(--mut);line-height:1.5}
.logBtn.sm{padding:6px 9px;font-size:var(--fs-body);margin-left:6px;position:relative}



.logBtn.sm::after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:44px}
.avatarBox{position:relative}
.lvB{position:absolute;top:4px;right:6px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);font-weight:700;letter-spacing:.8px;
  color:var(--gold);border:1px solid rgba(255,210,77,.45);background:rgba(255,210,77,.1);border-radius:9px;padding:3px 7px}
.dchip.addc{cursor:pointer;border-style:dashed;border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.05);font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.dchip.addc b,.dchip.addc .dl{color:var(--grn)}
.dchip.addc:hover{background:rgba(62,229,148,.12)}
.badge .bp{font-size:8.5px;font-weight:800;color:var(--gold);margin-top:3px;opacity:.85}
.badge.locked .bp{color:#b9a06a}


.tab .ti svg{width:21px;height:21px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.75;transition-property:opacity,filter,transform;transition-duration:.25s}
.tab.on .ti svg{opacity:1;filter:drop-shadow(0 0 6px rgba(255,138,61,.6))}
.tab .ti{filter:none}
.tab.on .ti{transform:translateY(-1px) scale(1.1)}
.qgrp{font-size:var(--fs-1);letter-spacing:2px;font-weight:900;color:var(--mut);text-transform:uppercase;
  margin:13px 2px 7px;padding-top:2px;display:flex;align-items:center;gap:8px}
.qgrp::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent)}
.quest .qgrp:first-child{margin-top:2px}

.qband{margin-top:11px}
.quest .qband:first-child{margin-top:2px}
.qband .qgrp{margin:0 2px 7px}
.qband .qgrp::after{display:none}
.qband.clp .qgrp{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .2s}
.qband.clp:not(.open) .qgrp{margin-bottom:2px;opacity:.72}
.qband.clp:not(.open) .qgrp:hover{opacity:1}
.qgrpNm{flex:0 0 auto;white-space:nowrap}
.qgrpLine{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent);min-width:10px}
.qgrpNow{font-size:8px;font-weight:900;letter-spacing:1px;color:#1a0e05;background:linear-gradient(90deg,var(--acc),var(--gold));padding:2px 6px;border-radius:99px;text-transform:uppercase}
.qgrpMeta{font-size:var(--fs-3);font-weight:800;color:var(--mut);letter-spacing:.4px;font-variant-numeric:tabular-nums}
.qband.now .qgrpMeta{color:var(--acc)}
.qgrpChev{font-size:var(--fs-1);color:var(--mut);transition:transform .2s;width:10px;text-align:center}
.qband:not(.open) .qgrpChev{transform:rotate(-90deg)}
.qbandBody{display:none}
.qband.open .qbandBody{display:block}
.pmRow{display:flex;align-items:baseline;gap:10px;padding:6.5px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--fs-8)}
.pmRow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmRow b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);color:var(--mut);flex:0 0 74px;text-align:right;font-variant-numeric:tabular-nums}
.pmRow{cursor:pointer;transition:background .15s}
.pmRow:hover{background:rgba(255,255,255,.03)}
.pmFoot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:var(--fs-body);color:var(--mut)}
.pmFoot b{color:var(--grn)}
.pmBtn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--txt);font-weight:700;font-size:var(--fs-6);cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}


.pmBtn.add{border-color:rgba(62,229,148,.4);color:var(--grn);background:rgba(62,229,148,.06)}
.pmBtn:not(.add){color:var(--mut)}
.pmBtn:hover{background:rgba(255,255,255,.09)}
.pmBtn.add:hover{background:rgba(62,229,148,.13)}



.todayRail{display:flex;align-items:center;gap:8px;margin:0 0 14px;padding:2px 0;
  


  border:0;background:none;border-radius:var(--r-pill);
  overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;
  

  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);
  padding-right:34px}
.todayRail[hidden]{display:none}
.todayRail::-webkit-scrollbar{width:0;height:0;display:none}
.trCount{flex:0 0 auto;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;
  color:var(--acc);white-space:nowrap;font-variant-numeric:tabular-nums}
.trChip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 13px 6px 11px;
  

  border:1px solid var(--line);border-radius:var(--r-pill);background:rgba(8,11,19,.86);
  color:var(--txt);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;white-space:nowrap;
  scroll-snap-align:start;transition:transform .12s ease,background .18s ease,border-color .18s ease}









.trChip:hover{background:linear-gradient(0deg,rgba(255,255,255,.10),rgba(255,255,255,.10)),rgba(8,11,19,.88)}
.trChip:active{transform:scale(.94)}


.trChip.trCore{border-color:rgba(255,138,61,.45)}
.trChip.trCore::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--acc);flex:0 0 auto}
.trChip.trCore:hover{background:linear-gradient(0deg,rgba(255,138,61,.14),rgba(255,138,61,.14)),rgba(8,11,19,.88)} 


.trChip.trMore{color:var(--mut);border-style:dashed;font-weight:700}
.trChip.trMore:hover{color:var(--txt);background:linear-gradient(0deg,rgba(255,255,255,.08),rgba(255,255,255,.08)),rgba(8,11,19,.88)} 
.trIc{font-size:var(--fs-13);line-height:1}
.trNm{max-width:17ch;overflow:hidden;text-overflow:ellipsis} 
.trDoneState{justify-content:center;background:linear-gradient(180deg,rgba(62,229,148,.12),rgba(62,229,148,0) 62%),var(--glass);border-color:rgba(62,229,148,.35)}
.trDoneLine{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-8);font-weight:800;letter-spacing:.3px;color:var(--grn);text-align:center;padding:4px 2px}
@media(prefers-reduced-motion:reduce){.trChip{transition:none}.trChip:active{transform:none}}






.todayQuick{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:2px 0;
  border:0;background:none;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);padding-right:34px}
.todayQuick[hidden]{display:none}
.todayQuick::-webkit-scrollbar{width:0;height:0;display:none}




.todayVice{display:flex;flex-direction:column;gap:8px;margin:-4px 0 14px}
.todayVice[hidden]{display:none}




.qaLabel,.trCount{background:rgba(8,11,19,.72);border-radius:var(--r-pill);padding:4px 9px;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.qaLabel{flex:0 0 auto;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;
  color:var(--grn);white-space:nowrap}




.qaChip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 13px 6px 11px;
  border:1px solid rgba(62,229,148,.4);border-radius:var(--r-pill);background:rgba(8,11,19,.86);
  color:var(--txt);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;white-space:nowrap;
  scroll-snap-align:start;transition:transform .12s ease,background .18s ease,border-color .18s ease}
.qaChip:hover,.qaChip:focus-visible{background:rgba(62,229,148,.12);border-color:rgba(62,229,148,.6);outline:none}
.qaChip:active{transform:scale(.94)}
.qaChip[data-busy]{opacity:.6;pointer-events:none}
.qaIc{font-size:var(--fs-13);line-height:1}








.rcBar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;margin:0 0 12px}
.rcBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:8px 14px;
  border:1px solid rgba(255,138,61,.42);border-radius:var(--r-md);background:linear-gradient(180deg,rgba(255,138,61,.14),rgba(255,138,61,.05));
  color:var(--txt);font-family:inherit;font-size:var(--fs-9);font-weight:800;cursor:pointer;
  text-align:center;min-width:0;
  transition:transform .12s ease,background .18s ease,border-color .18s ease,opacity .18s ease}
.rcBtn:hover,.rcBtn:focus-visible{background:linear-gradient(180deg,rgba(255,138,61,.22),rgba(255,138,61,.08));
  border-color:rgba(255,138,61,.7);outline:none}
.rcBtn:active{transform:scale(.97)}
.rcIc{font-size:var(--fs-13);line-height:1;flex:none}

.rcTx{min-width:0;line-height:1.2}


.rcBtn.isDone{border-color:rgba(62,229,148,.38);background:rgba(62,229,148,.08);opacity:.82}
.rcBtn.isDone:hover,.rcBtn.isDone:focus-visible{background:rgba(62,229,148,.14);border-color:rgba(62,229,148,.6)}
.rcTick{color:var(--ok,#3ee594);font-size:var(--fs-9);font-weight:900;flex:none}
@media(prefers-reduced-motion:reduce){.rcBtn{transition:none}.rcBtn:active{transform:none}}

@media(prefers-reduced-motion:reduce){.qaChip{transition:none}.qaChip:active{transform:none}}





.rdGo{color:var(--blu);font-weight:800;cursor:pointer;text-decoration:none;border-radius:4px;transition:color .16s ease}
.rdGo:hover,.rdGo:focus-visible{color:var(--ice);outline:none}
.rdGo:focus-visible{box-shadow:0 0 0 2px rgba(70,160,255,.5)}
@media(prefers-reduced-motion:reduce){.rdGo{transition:none}}

















.nowSit{margin-bottom:12px;padding:15px 16px 14px;border:1px solid rgba(255,138,61,.28);
  background:linear-gradient(180deg,rgba(255,138,61,.10),rgba(255,138,61,0) 58%),rgba(20,27,44,.94);
  position:relative;overflow:hidden;
  animation:nsIn .32s cubic-bezier(.16,1,.3,1) both}
@keyframes nsIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nsHead{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nsIc{font-size:var(--fs-15);line-height:1;flex:0 0 auto}
.nsKick{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--acc)}
.nsX{margin-left:auto;flex:0 0 auto;width:44px;height:44px;margin:-11px -11px -11px 0;display:inline-flex;align-items:center;justify-content:center;
  



  border:0;background:transparent;color:var(--mut);font-size:var(--fs-11);cursor:pointer;border-radius:var(--r-pill);opacity:.7;transition:opacity .15s,color .15s,background .15s}
.nsX:hover,.nsX:focus-visible{opacity:1;color:var(--txt);background:rgba(255,255,255,.08);outline:none}
.nsLine{font-size:var(--fs-11);line-height:1.45;color:var(--txt);font-weight:600}
.nsLine b{color:var(--acc);font-weight:800}
.nsSub{margin-top:5px;font-size:var(--fs-6);color:var(--mut);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.nsMac{color:var(--txt);font-weight:700}
.nsStock{color:var(--ice)}


.nsEv{flex:1 1 100%;color:var(--mut);opacity:.85}
.nsActs{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nsBtn{min-height:44px;padding:10px 14px;border-radius:var(--r-md);cursor:pointer;
  border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);
  font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-body);letter-spacing:.2px;
  flex:1 1 calc(50% - 8px);min-width:120px;display:inline-flex;align-items:center;justify-content:center;
  transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}
.nsBtn:active{transform:scale(.97)}
.nsPrimary{flex:1 1 100%;border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;
  box-shadow:0 4px 18px rgba(255,138,61,.26)}
.nsPrimary:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,138,61,.38)}





.nsAsk{flex:1 1 calc(50% - 8px);border-color:rgba(122,140,255,.45);background:rgba(122,140,255,.10);color:var(--txt)}
.nsAsk:hover,.nsAsk:focus-visible{background:rgba(122,140,255,.18);border-color:rgba(122,140,255,.7);outline:none}
.nsQuiet{background:transparent;border-color:transparent;color:var(--mut);font-weight:700;flex:0 1 auto;min-width:0;padding:10px 10px}
.nsQuiet:hover,.nsQuiet:focus-visible{color:var(--txt);background:rgba(255,255,255,.06);outline:none}
@media(prefers-reduced-motion:reduce){.nowSit{animation:none}.nsBtn{transition:none}.nsBtn:active{transform:none}}


.faCard{}
.faDots{margin-left:auto;display:inline-flex;gap:5px;align-items:center}
.faDot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.16);transition:background .2s,transform .2s}
.faDot.on{background:var(--acc)}
.faDot.here{background:var(--acc);transform:scale(1.35);box-shadow:0 0 0 3px rgba(255,138,61,.18)}
.faTap{color:var(--mut);font-weight:600}
.faSub{color:var(--mut);font-size:var(--fs-body);line-height:1.45}
@media(prefers-reduced-motion:reduce){.faDot{transition:none}}


.faRoad{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.rdHead{display:flex;align-items:baseline;gap:8px;margin-bottom:11px;flex-wrap:wrap}
.rdTitle{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-8);letter-spacing:.3px;color:var(--txt)}
.rdSub{font-size:var(--fs-4);color:var(--mut);text-transform:uppercase;letter-spacing:.4px}
.rdTrophy{font-size:var(--fs-read)}
.rdStrip,.rdStripC{display:flex;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.rdStrip::-webkit-scrollbar,.rdStripC::-webkit-scrollbar{display:none}
.rdNode{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:46px;position:relative;opacity:.42;transition:opacity .25s}
.rdNode.lit{opacity:1}
.rdNode.here{opacity:1}
.rdIc{font-size:var(--fs-16);line-height:1;filter:grayscale(.7)}
.rdNode.lit .rdIc{filter:none}
.rdLv{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-2);letter-spacing:.3px;color:var(--mut)}
.rdNode.lit .rdLv{color:var(--txt)}
.rdTabs{font-size:var(--fs-3);line-height:1;letter-spacing:1px}
.rdHere{font-size:8px;color:var(--acc);line-height:1;margin-top:1px}
.rdNode.here .rdLv{color:var(--acc)}
.rdSeg{flex:1 1 12px;min-width:12px;height:2px;align-self:flex-start;margin-top:11px;background:var(--line);border-radius:2px}
.rdNext{margin-top:11px;font-size:var(--fs-6);font-weight:700;color:var(--acc)}

.faRoadCompact{margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.rdStripC .rdNode{min-width:38px;gap:1px}
.rdStripC .rdIc{font-size:var(--fs-13)}
.rdStripC .rdTabs{display:none}
.rdStripC .rdSeg{margin-top:9px}
.rdNextC{margin-top:7px;font-size:var(--fs-label);font-weight:700;color:var(--acc);display:flex;align-items:center;gap:6px}
@media(prefers-reduced-motion:reduce){.rdNode{transition:none}}


#appbar{position:sticky;top:calc(env(safe-area-inset-top,0px) + 8px); z-index:70;display:flex;align-items:center;justify-content:space-between;
  max-width:var(--colv);margin:8px auto 14px; 
  padding:9px 15px;
  background:rgba(8,11,20,.84);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);
  border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.45)}
@media(min-width:1080px){#appbar{margin:8px auto 18px;padding:11px 24px}}


.abL{display:flex;align-items:center;gap:10px}
.abLogo{width:27px;height:27px;filter:drop-shadow(0 2px 8px rgba(255,77,141,.45))}
.abTitle{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-10);font-weight:700;letter-spacing:2.5px;
  background:linear-gradient(90deg,#fff 20%,#ffd9bf 40%,#ff8a3d 50%,#ffd9bf 60%,#fff 80%);background-size:200% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:wordmark 6s linear infinite}
@keyframes wordmark{to{background-position:-200% 0}}
.abR{display:flex;align-items:center;gap:8px} 














@media(max-width:400px){#appbar{padding:9px 12px}.abR{gap:6px}.abL{gap:7px}#appbar .abTitle{letter-spacing:1.8px}}
@media(max-width:360px){#appbar{padding:8px 10px}.abR{gap:5px}.abL{gap:6px}#appbar .abTitle{letter-spacing:1.4px;font-size:var(--fs-body)}} 
#acctBtn{width:36px;height:36px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);cursor:pointer;display:grid;place-items:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
#acctBtn:hover{background:rgba(255,255,255,.1)}

#craveBtn{position:relative;width:30px;height:30px;border-radius:10px;cursor:pointer;display:grid;place-items:center;overflow:visible;
  border:1px solid rgba(255,77,90,.26);background:rgba(255,60,80,.05);transition:background .2s,border-color .2s,transform .12s}
#craveBtn:hover{background:rgba(255,60,80,.14);border-color:rgba(255,77,90,.5)}
#craveBtn:active{transform:scale(.93)}
#craveBtn::after{content:"";position:absolute;inset:-2px;border-radius:13px;border:1.5px solid rgba(255,70,90,.4);opacity:0;pointer-events:none}
#craveBtn.armed::after{animation:crvRing 3.4s ease-out infinite}
@keyframes crvRing{0%{transform:scale(.82);opacity:.45}70%,100%{transform:scale(1.55);opacity:0}}
#craveBtn .crvBeam{opacity:.55}
#craveBtn.armed .crvBeam{opacity:.85;animation:crvBeam 1.4s ease-in-out infinite}
@keyframes crvBeam{0%,49%{opacity:.85}20%{opacity:.15}75%{opacity:.15}}

#craveBtn .crvSweep{opacity:.55}
#craveBtn.armed .crvSweep{opacity:.85;animation:crvBeam 1.4s ease-in-out .28s infinite}
#craveBtn.armed .crvBeam,#craveBtn.armed .crvSweep{animation-duration:.85s}
#craveBtn.armed{border-color:rgba(255,60,80,.75);background:rgba(255,60,80,.18);box-shadow:0 0 14px rgba(255,60,80,.35)}
#craveBtn.armed::after{animation-duration:1.5s;border-color:rgba(255,70,90,.6)}
@media(prefers-reduced-motion:reduce){#craveBtn::after,#craveBtn .crvBeam,#craveBtn .crvSweep{animation:none}}
#acctMenu{position:absolute;top:calc(100% + 8px);right:6px;min-width:230px;display:none;
  background:#0b101d;border:1px solid var(--line);border-radius:16px;padding:8px;
  max-height:calc(100vh - 118px);max-height:calc(100dvh - 118px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;
  box-shadow:0 18px 50px rgba(0,0,0,.6)}
#acctMenu.on{display:block;animation:pop2 .22s cubic-bezier(.2,1.4,.4,1)}
.amHead{padding:9px 11px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}
.amHead b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-11)}
.amSub{display:block;font-size:var(--fs-4);color:var(--mut);margin-top:2px}
.amRow{display:flex;align-items:center;width:100%;min-height:44px;text-align:left;padding:10px 11px;border:none;border-radius:11px;background:none;
  color:var(--txt);font-size:var(--fs-read);font-weight:600;cursor:pointer;font-family:inherit}
.amRow:hover{background:rgba(255,255,255,.06)}


.amRow.amPrimary{background:rgba(255,138,61,.10);color:var(--acc);font-weight:800}
.amRow.amPrimary:hover{background:rgba(255,138,61,.17)}


.amDanger{margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.09)}
.amNote{padding:9px 11px 6px;font-size:var(--fs-4);color:var(--mut);border-top:1px solid rgba(255,255,255,.07);margin-top:6px;line-height:1.45}




#acctDash{position:fixed;inset:0;z-index:86;display:none;background:rgba(6,8,15,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#acctDash.on{display:grid;place-items:end center}
@media(min-width:560px){#acctDash.on{place-items:center}}




.adPanel{width:100%;max-width:560px;height:auto;max-height:92svh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:20px 20px 0 0;overflow:hidden}
.adHead{padding-top:calc(13px + env(safe-area-inset-top,0px))}
@media(min-width:560px){.adPanel{border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.6)}.adHead{padding-top:13px}}
.adHead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);flex:0 0 auto}
.adHead b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-14);letter-spacing:.3px}
.adClose{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--glass);color:var(--txt);font-size:var(--fs-12);cursor:pointer;display:grid;place-items:center}
.adClose:hover{background:rgba(255,255,255,.08)}
.adScroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 14px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
.adIdent{display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;background:var(--glass);border:1px solid var(--line);margin-bottom:12px}
.adAv{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:21px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#1a1204;flex:0 0 auto}
.adIWrap{min-width:0;flex:1}
.adName{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-13);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adMeta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;align-items:center}
.adChip{font-size:var(--fs-3);font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--mut);border:1px solid var(--line)}
.adChip.owner{color:var(--gold);border-color:rgba(255,210,77,.4)}
.adChip.admin{color:var(--pur);border-color:rgba(180,123,255,.4)}
.adChip.pro{color:var(--acc);border-color:rgba(255,138,61,.4)}
.adSync{font-size:var(--fs-label);color:var(--mut)}
.adPro{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#1a1204;font-weight:800;font-size:var(--fs-body);cursor:pointer;white-space:nowrap}


.adPlan{margin-left:auto;flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:11px;border:1px solid rgba(255,210,77,.3);background:rgba(255,210,77,.08);color:var(--gold);font-weight:700;font-size:var(--fs-body);white-space:nowrap}
.adSetup{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,210,77,.35);background:rgba(255,210,77,.08);color:var(--txt);cursor:pointer;margin-bottom:12px;font-size:var(--fs-read)}
.adSetup b{color:var(--gold);font-weight:800}
.adSetup .chev{margin-left:auto;color:var(--mut)}
.adSearchWrap{position:relative;margin-bottom:12px}
.adSearch{width:100%;padding:11px 14px 11px 38px;border-radius:12px;border:1px solid var(--line);background:var(--glass);color:var(--txt);font-size:var(--fs-13)}
.adSearch:focus{outline:none;border-color:var(--acc)}
.adSearchIc{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--mut);font-size:var(--fs-11);pointer-events:none}
.adSec{margin-bottom:2px}
.adSecH{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;color:var(--mut);text-align:left}
.adSecH b{font-size:var(--fs-label);letter-spacing:1.4px;font-weight:900;text-transform:uppercase;flex:1}
.adSecIc{font-size:var(--fs-11)}
.adSecChev{font-size:var(--fs-3);transition:transform .2s;opacity:.7}
.adSec:not(.open) .adSecChev{transform:rotate(-90deg)}
.adSecBody{display:none;padding-bottom:4px}
.adSec.open .adSecBody{display:block;animation:adIn .18s ease}
@keyframes adIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.adSec.open .adSecBody{animation:none}}
.adRow{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;text-align:left;padding:9px 12px;border:none;border-radius:12px;background:none;color:var(--txt);cursor:pointer;font-size:var(--fs-11)}
.adRow:hover{background:rgba(255,255,255,.05)}
.adRowIc{font-size:var(--fs-15);flex:0 0 auto;width:22px;text-align:center}
.adRowMid{flex:1;min-width:0}
.adRowT{font-weight:600;display:block}
.adRowS{font-size:var(--fs-6);color:var(--mut);display:block;margin-top:1px;line-height:1.35}
.adRowV{font-size:var(--fs-body);color:var(--acc);font-weight:700;flex:0 0 auto;margin-left:auto;white-space:nowrap}
.adRow .chev{color:var(--mut);font-size:var(--fs-12);flex:0 0 auto;margin-left:auto}
.adRow .adRowV+.chev{margin-left:8px}
.adDanger{margin-top:14px;padding-top:10px;border-top:1px solid rgba(255,107,107,.2)}
.adDanger .adDangerH{font-size:var(--fs-3);letter-spacing:1.4px;font-weight:900;text-transform:uppercase;color:#ff8f8f;opacity:.75;padding:2px 6px 6px}
.adRow.danger{color:#ff8f8f}
.adRow.danger:hover{background:rgba(255,107,107,.08)}
.adFoot{margin-top:16px;padding-top:10px;border-top:1px solid var(--line);font-size:var(--fs-label);color:var(--mut);line-height:1.6;text-align:center}
.adFoot a{color:var(--mut)}
.adEmpty{padding:26px 12px;text-align:center;color:var(--mut);font-size:var(--fs-read)}
.foot{padding-bottom:6px}


.chatBar{display:flex;align-items:flex-end;gap:10px;padding:12px 14px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}











  #chatInput{flex:1;resize:none;max-height:200px;min-height:44px;padding:14px 15px;border-radius:14px;font-size:var(--fs-13);line-height:1.45}
.chatSend{width:52px;height:46px;border-radius:13px;font-size:var(--fs-14);flex:0 0 auto}

#chatInput{min-width:0}
.chatCard{min-width:0}


.wxTop{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.wxIco{font-size:var(--fs-21);filter:drop-shadow(0 2px 8px rgba(255,210,77,.3))}
.wxT{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-19);display:block;line-height:1}
.wxFeels{font-size:var(--fs-label);color:var(--mut);display:block;margin-top:3px}
.wxChips{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.wxC{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;padding:5px 9px;border-radius:9px;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt)}
.wxC.bad{color:var(--acc2);border-color:rgba(255,77,141,.4)}
.wxTips{margin-top:10px}
.wxTip{padding:7px 2px;border-top:1px dashed rgba(255,255,255,.07);font-size:var(--fs-8);line-height:1.45;color:#e8d9c8}
.wxSrc{margin-top:8px;font-size:var(--fs-2);color:var(--mut)} 

.wxGrid{display:flex;gap:16px;align-items:flex-start}
.wxMain{flex:1;min-width:0}
.wxTomorrow{flex:0 1 250px;min-width:190px;overflow-wrap:break-word;align-self:stretch;padding:12px 13px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.04)} 
.wxTomH{font-size:var(--fs-1);letter-spacing:1.8px;font-weight:900;color:var(--mut);text-transform:uppercase}
.wxTomTop{display:flex;align-items:center;gap:9px;margin-top:8px}
.wxTomIco{font-size:var(--fs-20);filter:drop-shadow(0 2px 8px rgba(255,210,77,.3))}
.wxTomTemp{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-17);line-height:1}
.wxTomTemp b{font-weight:700}
.wxTomLo{color:var(--mut);font-size:var(--fs-13)}
.wxTomSky{font-size:var(--fs-label);color:var(--mut);margin-top:4px}
.wxTomRain{font-size:var(--fs-6);color:#e8d9c8;margin-top:5px;font-variant-numeric:tabular-nums}
.wxTomPrep{margin-top:9px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.07);font-size:var(--fs-body);line-height:1.45;color:#e8d9c8}
@media(max-width:820px){.wxGrid{flex-wrap:wrap}.wxTomorrow{flex:1 1 100%}}


.igLead{font-size:var(--fs-10);line-height:1.6;color:var(--mut);margin:2px 2px 14px}
.igStep{display:flex;align-items:center;gap:13px;padding:13px 14px;margin-bottom:9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);font-size:var(--fs-11);line-height:1.5}
.igStep .igIc{flex:0 0 auto;font-size:var(--fs-16)}
.igStep .igTx{flex:1;min-width:0}
.igNote{font-size:var(--fs-6);color:var(--mut);line-height:1.55;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08)}
.igStep>b{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:10px;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-family:'Chakra Petch',sans-serif}
.igShare{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:7px;font-size:var(--fs-read)}
.igShare{position:relative}.igShare::after{content:"";position:absolute;inset:-10px} 
.haeBox code{display:inline-block;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:6px;
  padding:2px 6px;font-size:var(--fs-3);margin:2px 0;word-break:break-all;user-select:all}


*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.13);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24);background-clip:padding-box}
::-webkit-scrollbar-corner{background:transparent}

#chatModel{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:9px;color:var(--txt);
  font-family:inherit;font-size:var(--fs-label);font-weight:600;padding:4px 6px;max-width:230px}
#chatModel:focus{outline:none;border-color:rgba(255,138,61,.5)}
.chIcon{width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);font-size:var(--fs-12);cursor:pointer;flex:0 0 auto;margin-right:8px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.chIcon:hover{background:rgba(255,255,255,.1)}
.cm.chHist{opacity:.72}

#chatPriv.on{background:rgba(127,216,255,.16);border-color:rgba(127,216,255,.55)}
.chatCard.privateOn{position:relative;box-shadow:0 0 0 1.5px rgba(127,216,255,.4),0 -2px 0 rgba(127,216,255,.5) inset}
.chatCard.privateOn::before{content:"🔒 PRIVATE — NOT SAVED";position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:5;
  font-size:var(--fs-1);font-weight:800;letter-spacing:1.5px;color:#7fd8ff;background:rgba(10,20,34,.95);border:1px solid rgba(127,216,255,.4);border-top:0;border-radius:0 0 8px 8px;padding:3px 12px}
.chHistDel{align-self:center;margin:2px auto 8px;background:rgba(255,77,141,.08);border:1px solid rgba(255,77,141,.3);border-radius:99px;
  color:var(--acc2);font-size:var(--fs-label);font-weight:700;padding:5px 13px;cursor:pointer}
.chHistDel:hover{background:rgba(255,77,141,.16)}





.gfWarn{margin:4px 0 1px;padding:6px 9px;font-size:var(--fs-label);line-height:1.5;color:var(--txt);
  background:rgba(255,138,61,.09);border-left:2px solid rgba(255,138,61,.55);border-radius:0 8px 8px 0}
.gfFact{margin:3px 0 2px;padding:7px 9px;font-size:var(--fs-label);line-height:1.55;background:rgba(255,255,255,.03);border-radius:9px}
.gfFact b{display:block;color:var(--txt);font-weight:700;margin-bottom:3px}
.gfFact span{display:block;color:var(--mut)}


.gfInfo{flex:0 0 auto;width:30px;height:30px;min-width:30px;display:grid;place-items:center;
  font:inherit;font-size:var(--fs-body);font-style:italic;font-weight:700;background:transparent;
  border:1px solid rgba(255,255,255,.14);border-radius:9px;color:var(--mut);cursor:pointer;
  position:relative;opacity:.75;transition-property:opacity,border-color;transition-duration:.15s}
.gfInfo::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.gfInfo:hover,.gfInfo:focus-visible,.gfInfo.on{opacity:1;border-color:rgba(255,255,255,.32)}





.grocCart{font-size:var(--fs-label);font-weight:700;line-height:1.5;border-radius:10px;padding:7px 10px;margin:0 0 10px}
.grocCart.ok{color:var(--grn);background:rgba(62,229,148,.07);border:1px solid rgba(62,229,148,.26)}
.grocCart.err{color:var(--gold);background:rgba(255,210,77,.08);border:1px solid rgba(255,210,77,.28)}
.grocCart.none{color:var(--mut);background:rgba(255,255,255,.03);border:1px solid var(--line)}


.grocCart.ok.partial{border-color:rgba(255,210,77,.34)}


.grocInCart{font-size:var(--fs-2);font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--grn);
  background:rgba(62,229,148,.12);border:1px solid rgba(62,229,148,.3);border-radius:99px;
  padding:2px 6px;margin-left:5px;white-space:nowrap}




.grocOrdBtn{position:relative;display:inline-block;margin-left:8px;padding:5px 11px;border-radius:99px;
  border:1px solid rgba(62,229,148,.34);background:rgba(62,229,148,.14);color:var(--grn);
  font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;text-transform:uppercase;
  white-space:nowrap;cursor:pointer;transition-property:background-color,border-color,transform;transition-duration:.12s}
.grocOrdBtn:hover{background:rgba(62,229,148,.22);border-color:rgba(62,229,148,.52)}
.grocOrdBtn:active{transform:scale(.94)}
.grocOrdBtn:disabled{opacity:.5;cursor:default;transform:none}





.grocOrdBtn::after{content:"";position:absolute;inset:-10px -8px}
.grocOrdDone{display:inline-block;margin-left:8px;font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;
  text-transform:uppercase;color:var(--mut);white-space:nowrap}



.offStale{font-size:var(--fs-label);font-weight:700;color:var(--gold);background:rgba(255,210,77,.08);border:1px solid rgba(255,210,77,.28);border-radius:10px;padding:6px 10px;margin:0 0 10px}
.offMeta{font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;color:var(--mut);margin:0 0 10px}
.offList{display:flex;flex-direction:column;gap:7px;margin:0 0 12px}
.offRow{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:9px 11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition-property:background-color,border-color;transition-duration:.15s}
.offRow:hover{border-color:rgba(255,255,255,.24)}
.offRow.junk{opacity:.72;border-style:dashed}
.offCk{flex:0 0 auto;width:18px;height:18px;margin-top:2px;accent-color:var(--acc);cursor:pointer}
.offBody{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.offNm{font-size:var(--fs-8);font-weight:700;color:var(--txt);line-height:1.35}
.offNm i{font-style:normal;font-weight:600;color:var(--mut);font-size:var(--fs-label)}
.offPr{font-size:var(--fs-body);color:var(--txt);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.offPr s{color:var(--mut);font-size:var(--fs-label)}
.offPct{font-weight:800;color:var(--grn)}
.offUnit{font-size:var(--fs-4);color:var(--mut)}
.offWhy{font-size:var(--fs-4);color:var(--mut);line-height:1.45;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.offTag{font-size:var(--fs-2);font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:2px 7px;border-radius:99px;white-space:nowrap}
.offTag.on{color:var(--acc);background:rgba(255,138,61,.13);box-shadow:inset 0 0 0 1px rgba(255,138,61,.45)}
.offTag.freq{color:var(--blu);background:rgba(70,160,255,.14);border:1px solid rgba(70,160,255,.3)}
.offTag.fav{color:var(--pur);background:rgba(180,123,255,.14);border:1px solid rgba(180,123,255,.3)}
.offTag.have{color:var(--mut);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16)}
.offRow.have{opacity:.62}
.offHave{color:var(--mut);font-weight:700}

.grocHH{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px}
.grocHHlab{font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--mut);margin-right:2px}
.grocHHbtn{font:inherit;font-size:var(--fs-6);font-weight:700;color:var(--mut);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:5px 12px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.grocHHbtn:hover{border-color:rgba(255,255,255,.25)}
.grocHHbtn.on{color:var(--acc);background:rgba(255,138,61,.13);border-color:rgba(255,138,61,.55);font-weight:800}
.grocHHbtn i{font-style:normal;opacity:.8;font-size:var(--fs-3)}
.grocHHnote{flex-basis:100%;font-size:var(--fs-4);color:var(--acc);opacity:.85}
.grocSeg{display:flex;gap:6px;margin:0 0 14px;padding:4px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:12px}
.grocSegBtn{flex:1;font:inherit;font-size:var(--fs-8);font-weight:800;letter-spacing:.2px;color:var(--mut);background:transparent;border:0;border-radius:9px;padding:8px 10px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity,box-shadow;transition-duration:.15s}
.grocSegBtn:hover{color:var(--txt)}
.grocSegBtn.on{color:var(--acc);background:rgba(255,138,61,.13);box-shadow:inset 0 0 0 1px rgba(255,138,61,.45)}




.grocPasteBtn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin:0 0 12px;min-height:44px;padding:9px 12px;
  border-radius:11px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--txt);
  font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer;transition-property:background-color,border-color,transform;transition-duration:.15s}
.grocPasteBtn:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3)}
.grocPasteBtn:active{transform:scale(.99)}
.grocPlan{margin:0 0 14px;padding:11px 12px;border:1px solid rgba(255,138,61,.22);border-radius:14px;background:rgba(255,138,61,.05)}
.grocPlanHead{font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--mut);text-transform:uppercase;margin-bottom:8px}
.gpDays{display:flex;gap:6px;margin-bottom:9px}
.gpDayBtn{flex:1;min-height:44px;font:inherit;font-size:var(--fs-8);font-weight:800;color:var(--mut);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:11px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity,box-shadow;transition-duration:.15s}
.gpDayBtn:hover{color:var(--txt);border-color:rgba(255,255,255,.25)}
.gpDayBtn.on{color:var(--acc);background:rgba(255,138,61,.13);border-color:rgba(255,138,61,.55);box-shadow:none}
.gpGo{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;font:inherit;font-size:var(--fs-10);font-weight:800;letter-spacing:.2px;color:#0a0e1a;background:var(--acc);border:0;border-radius:12px;cursor:pointer;box-shadow:0 2px 10px rgba(255,138,61,.28);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gpGo:hover{filter:brightness(1.06)}
.gpGo:active{transform:scale(.99)}

.gpCover{padding:12px;border:1px solid rgba(255,138,61,.24);border-radius:13px;background:rgba(255,138,61,.06);margin-bottom:14px}
.gpCovTop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.gpCovTop b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-11);color:var(--txt)}
.gpCovPct{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-14);font-weight:800;color:var(--acc)}
.gpCovMath{font-size:var(--fs-8);color:var(--txt);opacity:.9;margin-top:5px;line-height:1.45}
.gpCovMath i{font-style:normal;opacity:.65;font-size:var(--fs-label)}
.gpCovWave{font-size:var(--fs-6);color:var(--acc);opacity:.9;margin-top:6px;line-height:1.4}
.gpGrp{font-size:var(--fs-3);letter-spacing:1.4px;font-weight:900;color:var(--mut);text-transform:uppercase;margin:13px 2px 5px}
.gpChkRow{display:flex;align-items:flex-start;gap:11px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;min-height:44px}
.gpChkRow.off{opacity:.42}
.gpChk{flex:0 0 auto;width:20px;height:20px;margin-top:2px;accent-color:var(--acc);cursor:pointer}
.gpChkMain{flex:1;min-width:0}
.gpChkNm{font-size:var(--fs-10);color:var(--txt);line-height:1.35}
.gpChkQty{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);color:var(--gold);margin-left:3px}
.gpChkTag{font-size:var(--fs-4);font-weight:700;color:var(--mut);margin-left:4px;white-space:nowrap}
.gpChkWhy{display:block;font-size:var(--fs-6);color:var(--mut);opacity:.85;margin-top:2px;line-height:1.35}
.gpNote{margin-top:12px}

.gpAsk{width:100%;margin-top:14px;padding:12px;border-radius:12px;border:1px dashed rgba(122,140,255,.4);background:rgba(122,140,255,.08);
  color:var(--txt);font-size:var(--fs-10);font-weight:800;cursor:pointer;min-height:44px;transition-property:background-color,border-color,transform;transition-duration:.14s}
.gpAsk:active{transform:scale(.98)}
.gpAsk:hover{background:rgba(122,140,255,.14);border-color:rgba(122,140,255,.6)}


.gpHave{margin:10px 0 2px}
.gpHaveBtn{width:100%;padding:10px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-8);font-weight:700;cursor:pointer;min-height:44px;
  transition-property:background-color,border-color,color;transition-duration:.14s}
.gpHaveBtn:hover{background:rgba(255,255,255,.07);color:var(--txt);border-color:rgba(255,255,255,.18)}
.gpHaveBox{margin-top:9px}
.gpHaveTa{width:100%;min-height:88px;resize:vertical;font-size:var(--fs-read);line-height:1.45}
.gpHaveGo{width:100%;margin-top:8px;padding:11px;border-radius:11px;border:1px solid rgba(90,214,160,.42);
  background:rgba(90,214,160,.10);color:var(--txt);font-size:var(--fs-read);font-weight:800;cursor:pointer;min-height:44px;
  transition-property:background-color,border-color,transform;transition-duration:.14s}
.gpHaveGo:active{transform:scale(.98)}
.gpHaveGo:hover{background:rgba(90,214,160,.17);border-color:rgba(90,214,160,.62)}
.gpHaveOut:empty{display:none}
.gpHaveOut{margin-top:8px}
.gpHaveTag{color:var(--good, #5ad6a0)}

.fpSetupX{font-size:var(--fs-read);line-height:1.5;color:var(--mut)}
.fpRow{display:flex;gap:9px;align-items:flex-start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.fpRow:last-of-type{border-bottom:0}
.fpK{flex:0 0 92px;font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;color:var(--mut);padding-top:3px}
.fpV{flex:1;display:flex;flex-wrap:wrap;gap:5px}
.fpNote{font-size:var(--fs-body);color:var(--txt);opacity:.85;font-style:italic}
.fpTag{font-size:var(--fs-6);font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.fpTag.love{color:#9fb8a9;border-color:rgba(159,184,169,.22);background:rgba(159,184,169,.05)} 
.fpTag.no{color:#ff7d9e;border-color:rgba(255,125,158,.34);background:rgba(255,125,158,.08)}
.fpTag.cui{color:var(--acc);border-color:rgba(255,170,80,.32);background:rgba(255,138,61,.07)}
.fpBtns{display:flex;gap:8px;margin-top:12px}
.fpBtns .grocSegBtn{flex:1;border:1px solid rgba(255,255,255,.12)}

body.bday #subtitle{color:var(--acc);font-weight:800;text-shadow:0 0 14px rgba(255,138,61,.35)}
body.bday .avatar.mitoBox{position:relative;overflow:visible}
body.bday .avatar.mitoBox::before{content:"🎉";position:absolute;top:-13px;left:52%;transform:translateX(-50%) rotate(-14deg);font-size:var(--fs-16);line-height:1;z-index:4;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));animation:bdayBob 1.6s ease-in-out infinite}
@keyframes bdayBob{0%,100%{transform:translateX(-50%) rotate(-14deg) translateY(0)}50%{transform:translateX(-50%) rotate(4deg) translateY(-2px)}}
.grocRow .gq.scaled{background:rgba(255,138,61,.14);border-color:rgba(255,138,61,.4);color:var(--acc)}
.grocHead{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-10);color:var(--gold);margin-bottom:8px}
.grocGrp{font-size:var(--fs-3);letter-spacing:1.6px;font-weight:900;color:var(--mut);text-transform:uppercase;margin:13px 2px 6px}
.grocRow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.05)}

.grocMore{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin:4px 0 2px;padding:0 12px;border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--mut);font-family:'Chakra Petch',sans-serif;font-size:var(--fs-6);font-weight:700;letter-spacing:.4px;cursor:pointer}
.grocMore:hover{color:var(--txt);border-color:var(--gold)}
.grocMore:active{transform:scale(.99)}
.grocRow .gq{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-6);color:var(--gold);margin-left:4px}
.grocRow.skip{opacity:.6}
.grocRow.skip .pn{text-decoration:line-through;text-decoration-color:rgba(255,77,141,.6);text-decoration-thickness:1.5px}
.grocGo{flex:0 0 auto;padding:7px 11px;border-radius:10px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.07);
  color:var(--grn);font-weight:700;font-size:var(--fs-label);text-decoration:none;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.grocGo:hover{background:rgba(62,229,148,.15)}

.grocPick{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-8px 6px -8px -8px;cursor:pointer}
.grocPickCk{width:20px;height:20px;accent-color:var(--acc);cursor:pointer}
.grocGrpAll{margin-left:8px;font:inherit;font-size:var(--fs-2);font-weight:900;letter-spacing:.6px;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:8px;padding:3px 8px;min-height:26px;cursor:pointer;vertical-align:middle;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.grocHeadRow{display:flex;align-items:center;gap:8px}
.grocHeadRow .grocAllMaster{margin-left:auto;flex:0 0 auto;white-space:nowrap;font-family:'Chakra Petch',sans-serif;text-transform:uppercase}
.gsDragBm{display:block;text-align:center;margin:10px 0;padding:12px 14px;min-height:44px;border-radius:12px;background:var(--acc);color:#0a0e1a;font-weight:900;text-decoration:none;cursor:grab;user-select:none;border:2px dashed rgba(10,14,26,.35)}
.gsDragBm:active{cursor:grabbing}
.stHoroWheel{margin-top:12px}
.grocGrpAll:hover{color:var(--txt);border-color:var(--acc)}
.grocGrpAll.on{color:var(--acc);background:rgba(255,138,61,.13);border-color:rgba(255,138,61,.55)}
#grocSendBar{position:fixed;left:50%;transform:translateX(-50%) translateY(130%);opacity:0;pointer-events:none;
  bottom:max(150px,calc(140px + env(safe-area-inset-bottom)));z-index:68;display:flex;align-items:center;gap:8px;
  width:calc(100% - 28px);max-width:560px;padding:8px 8px 8px 14px;background:rgba(13,18,32,.96);border:1px solid var(--line);
  border-radius:16px;box-shadow:0 10px 34px rgba(0,0,0,.5);backdrop-filter:blur(10px);transition:opacity .22s,transform .22s}
#grocSendBar.on{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
#grocSendBar .gsbBtn{flex:1;margin:0;min-height:44px}
.gsbClear{flex:0 0 auto;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:var(--fs-13);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gsbClear:hover{color:var(--txt);border-color:var(--acc)}
.gsCount{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);color:var(--gold);margin:0 0 8px}
.gsSheetList{max-height:150px;overflow:auto;margin:0 0 14px;padding:8px 10px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px}
.gsItem{font-size:var(--fs-read);padding:4px 0;color:var(--txt)}
.gsItem b{color:var(--gold);font-family:'Chakra Petch',sans-serif}
.gsStep{margin:0 0 14px;padding:12px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px}
.gsStepH{display:flex;align-items:center;gap:9px;font-weight:800;font-size:var(--fs-11);color:var(--txt);margin-bottom:6px}
.gsNum{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--acc);color:#0a0e1a;font-weight:900;font-size:var(--fs-read);display:flex;align-items:center;justify-content:center}
.gsStepX{font-size:var(--fs-8);line-height:1.5;color:var(--mut);margin-bottom:10px}
.gsBtnFull{width:100%;margin:0}
.gsBtnSecondary{font:inherit;font-weight:800;font-size:var(--fs-10);color:var(--txt);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:11px;min-height:44px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gsBtnSecondary:hover{border-color:var(--acc)}
.gsGhost{display:block;width:100%;margin:2px 0 12px;font:inherit;font-size:var(--fs-8);font-weight:700;color:var(--mut);background:transparent;border:0;padding:8px;min-height:44px;cursor:pointer;text-align:center}
.gsGhost:hover{color:var(--txt)}

.gsItem .gsOk{display:inline-block;width:16px;color:var(--acc);font-weight:900;margin-right:2px}
.gsItem .gsTap{display:inline-block;width:16px;color:var(--gold);font-weight:900;margin-right:2px}
.gsMatching{display:flex;align-items:center;gap:9px;font-size:var(--fs-8);color:var(--mut);padding:10px 2px}

.gsSpin{flex:0 0 auto;width:15px;height:15px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--acc);animation:spin .7s linear infinite}
.gsSetupDone{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:9px 12px;font-size:var(--fs-8);font-weight:700;color:var(--acc);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px}
.gsSetupDone>span{flex:1 1 auto;min-width:0}
.gsMini{flex:0 0 auto;font:inherit;font-size:var(--fs-body);font-weight:800;color:var(--mut);background:transparent;border:1px solid var(--line);border-radius:9px;padding:6px 12px;min-height:34px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gsMini:hover{color:var(--txt);border-color:var(--acc)}
.gsStratWrap{margin:2px 0 10px}
.gsStrat{display:flex;flex-wrap:wrap;gap:8px}
.gsStratBtn{flex:1 1 30%;min-width:96px;min-height:44px;padding:8px 10px;font:inherit;font-size:var(--fs-8);font-weight:800;color:var(--txt);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.gsStratBtn:hover{border-color:var(--acc)}
.gsStratBtn.on{background:var(--acc);color:#0a0e1a;border-color:var(--acc)}
.gsStratBtn:disabled{opacity:.5;cursor:default}
.gsStratHint{font-size:var(--fs-6);color:var(--mut);margin:6px 2px 0;line-height:1.4}
.gsPx{display:block;font-size:var(--fs-label);color:var(--mut);font-weight:700;margin-top:2px}
.gsPrimary{margin:0 0 4px}
.gsHint{font-size:var(--fs-6);line-height:1.45;color:var(--mut);text-align:center;margin:0 0 12px}

.grocGrp.rxHead{color:#7fd8e6;margin-top:2px}
.rxNote{font-size:var(--fs-4);line-height:1.45;color:var(--mut);margin:0 2px 8px;padding:7px 10px;border-radius:10px;
  background:rgba(93,200,224,.07);border:1px solid rgba(93,200,224,.18)}
.grocRow.rxRow{border-bottom:none;margin:0 0 7px;padding:9px 11px;border-radius:12px;
  background:rgba(93,200,224,.06);border:1px solid rgba(93,200,224,.16);border-left:3px solid rgba(93,200,224,.55)}
.rxRow .gq{color:#7fd8e6}
.rxChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.rxChip{padding:4px 9px;border-radius:999px;font-size:var(--fs-4);font-weight:700;text-decoration:none;
  color:#9fe2ee;background:rgba(93,200,224,.1);border:1px solid rgba(93,200,224,.3);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.18s}
.rxChip:hover{background:rgba(93,200,224,.2);color:#cdf3f9}


#appbar::after{content:"";position:absolute;left:18px;right:18px;bottom:4px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--acc),var(--acc2) 40%,rgba(255,77,141,.1) 75%,transparent);opacity:.55;pointer-events:none}
.abTitle{font-size:var(--fs-11);letter-spacing:3px}
.abStatus{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;cursor:pointer;white-space:nowrap;
  border:1px solid rgba(255,138,61,.35);background:linear-gradient(135deg,rgba(255,138,61,.12),rgba(255,77,141,.07));
  color:var(--txt);font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-6);font-weight:700;letter-spacing:.5px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}

@media(max-width:400px){.abStatus .abPtsWrap,.abStatus .abPtsDot{display:none}}







.abR{min-width:0}
.abStatus{min-width:0;flex:0 1 auto;overflow:hidden}
.abR>button:not(.abStatus){flex:0 0 auto}
.abStatus i{font-style:normal;color:var(--mut);opacity:.55}
.abStatus:hover{border-color:rgba(255,138,61,.6);transform:translateY(-1px)}
.abStatus:empty{display:none}
#acctBtn{width:38px;height:38px;border-radius:50%;position:relative;
  border:1.5px solid transparent;
  background:linear-gradient(#0d1220,#0d1220) padding-box,linear-gradient(135deg,var(--acc),var(--acc2)) border-box}
#acctBtn .dot{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2.5px solid #0a0e19;margin:0}
.amGrp{font-size:8.5px;letter-spacing:2px;font-weight:900;color:var(--mut);padding:9px 11px 3px;text-transform:uppercase;opacity:.75}




#acctMenu{min-width:252px}
.pmPct{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-3);font-weight:700;color:var(--blu);
  border:1px solid rgba(70,160,255,.35);background:rgba(70,160,255,.08);border-radius:7px;padding:2px 6px;margin-left:7px;flex:0 0 auto}
.pmRow b i{font-style:normal;font-size:var(--fs-1);color:var(--mut);margin-left:3px;font-weight:600}
@media(max-width:430px){
  .abTitle{font-size:var(--fs-label);letter-spacing:2px}
  .abStatus{padding:7px 9px;font-size:var(--fs-4);gap:5px}
}

.pmRow .pmPct{flex:0 0 48px;text-align:center;box-sizing:border-box}
.pmRow b{flex:0 0 auto}


.stRow{display:flex;gap:9px}
.stSlot{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:14px;
  border:1px dashed var(--line);background:rgba(255,255,255,.03);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s;font-family:inherit}
.stSlot .stEmo{font-size:21px;line-height:1;color:var(--mut)}
.stSlot .stLab{font-size:var(--fs-1);letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--mut)}
.stSlot:hover{background:rgba(255,255,255,.07)}
.stSlot.set{border-style:solid;border-color:rgba(180,123,255,.45);background:rgba(180,123,255,.08)}
.stHint{font-size:var(--fs-4);color:var(--mut);line-height:1.4;flex:1}

#breathe{position:fixed;inset:0;z-index:96;display:none;place-items:center;background:rgba(4,7,14,.96);backdrop-filter:blur(14px)}
#breathe.on{display:grid;animation:brIn .5s ease}
@keyframes brIn{from{opacity:0}}
.brInner{text-align:center}
.brRing{width:230px;height:230px;margin:0 auto 26px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(255,138,61,.24);box-shadow:0 0 60px rgba(255,138,61,.1) inset}

.brCore{width:200px;height:200px;border-radius:50%;position:relative;display:grid;place-items:center;
  background:radial-gradient(circle at 42% 34%, rgba(255,178,122,.42), rgba(255,77,141,.24) 56%, rgba(90,30,70,.16));
  box-shadow:0 0 70px rgba(255,138,61,.34);transform:scale(.42)}
.brCore svg{width:66%;height:66%;filter:drop-shadow(0 5px 16px rgba(0,0,0,.45))}
.brGuide{font-size:var(--fs-body);color:var(--mut);letter-spacing:.4px;margin-top:2px;opacity:.9}
.brPhase{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-18);font-weight:700;letter-spacing:1px;margin-bottom:6px}
.brCount{font-size:var(--fs-body);color:var(--mut);letter-spacing:1px}
.brClose{margin-top:26px;padding:10px 22px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);font-weight:700;cursor:pointer;font-family:inherit}

.repEta{margin-top:10px;font-size:var(--fs-body);color:var(--txt);line-height:1.6;border-top:1px dashed rgba(255,255,255,.08);padding-top:10px}
.repEta b{color:var(--gold);font-family:'Chakra Petch',sans-serif}
.etaGoal{margin-top:6px;color:#e8d9c8;font-size:var(--fs-body)}
.etaHint{color:var(--mut);font-size:var(--fs-6)}
.repWrap.proj .repFig{opacity:.78;filter:saturate(.65) brightness(1.05)}
.repWrap.proj .repFig svg{outline:1.5px dashed rgba(255,210,77,.35);outline-offset:6px;border-radius:14px}


.hero .avatar.mitoBox{background:transparent;box-shadow:none;animation:none;overflow:visible;cursor:pointer}
.mitoBox svg{width:100%;height:100%;display:block;animation:mitoBreathe 3.4s ease-in-out infinite;transform-origin:center bottom}
.mitoBox[data-state=tired] svg,.mitoBox[data-state=depleted] svg{animation-duration:5.6s}
.mitoBox[data-state=spore] svg{animation-duration:8s}
.mitoBox[data-state=radiant]{filter:drop-shadow(0 0 16px rgba(255,210,77,.6))}
.mitoBox[data-state=healthy]{filter:drop-shadow(0 0 11px rgba(255,138,61,.5))}
.mitoBox[data-state=tired]{filter:drop-shadow(0 0 6px rgba(255,138,61,.25))}
.mitoBox[data-state=depleted]{filter:saturate(.75) drop-shadow(0 0 5px rgba(70,160,255,.25))}
.mitoBox[data-state=spore]{filter:grayscale(.65) brightness(.85)}
@keyframes mitoBreathe{50%{transform:scale(1.055) translateY(-1px)}}
.mitoBox.hop svg{animation:mitoHop .6s cubic-bezier(.3,1.7,.4,1)}
@keyframes mitoHop{30%{transform:translateY(-10px) scale(1.1) rotate(-5deg)}62%{transform:translateY(0) scale(.95)}82%{transform:scale(1.03)}}
.mitoBox.munch svg{animation:mitoMunch .85s ease}
@keyframes mitoMunch{20%,70%{transform:scale(1.12,.9)}45%{transform:scale(.92,1.1)}}
.mitoEye{transform-box:fill-box;transform-origin:center;animation:mitoBlink 4.6s infinite}
@keyframes mitoBlink{0%,91%,100%{transform:scaleY(1)}94%{transform:scaleY(.12)}}





.mitoBox .eggBody{transform-box:fill-box;transform-origin:50% 100%;animation:eggSway 4.6s ease-in-out infinite}
@keyframes eggSway{0%,100%{transform:rotate(-2deg)}25%{transform:rotate(.6deg) translateY(-.5px)}50%{transform:rotate(2deg)}75%{transform:rotate(.6deg) translateY(-.5px)}}
.mitoBox[data-state=radiant] .eggBody{animation-duration:3.6s} 
.mitoBox[data-state=tired] .eggBody,.mitoBox[data-state=depleted] .eggBody{animation-duration:7s} 
.mitoBox[data-state=spore] .eggBody{animation-duration:9s} 
.eggHatch{opacity:.5;animation:eggHatch 2.4s ease-in-out infinite}
@keyframes eggHatch{0%,100%{opacity:.22}50%{opacity:.72}}


.wfWin{margin-top:4px}
.wfWinMito{width:104px;height:104px;margin:0 auto;position:relative;display:block}
.wfWinMito svg{width:100%;height:100%;display:block;animation:mitoBreathe 3.4s ease-in-out infinite,mitoCheer 1s cubic-bezier(.3,1.5,.4,1)}
@keyframes mitoCheer{0%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(-13px) scale(1.12) rotate(-7deg)}38%{transform:translateY(0) scale(.95)}58%{transform:translateY(-8px) scale(1.06) rotate(5deg)}78%{transform:translateY(0) scale(.99)}}
@media(prefers-reduced-motion:reduce){.eggFig,.mitoBox .eggBody,.eggFig .mitoEye,.wfWinMito svg,.mitoBox svg,.mcFig svg,.mtFig svg,.mitoPv svg{animation:none!important}.eggHatch{animation:none!important;opacity:.5}}



@media (pointer:coarse), (max-width:820px){
  .card,#appbar,.tabbar,#ticker,#acctMenu,.chatCard,.isCard,.gCard,.celebCard{
    backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .card{background:rgba(15,20,36,.94)}
  








  #appbar,.tabbar{background:#080b14}
  #ticker{background:#080b14}
  #acctMenu{background:#0b101d}
  
















  #chat,#isheet,#guide,#breathe,#celebrate{backdrop-filter:none;-webkit-backdrop-filter:none;background:#05070d}
  




  #lock{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#06080f!important}
  


  #acctDash,.flashConsent,#consentOv,.consentOv,.penOv,#vibesDock.max,.vdScrim,#fbcOv{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  






  .blob{animation:none;filter:none;opacity:.32;mix-blend-mode:normal}
  .b2{display:none}
  .glint{display:none}
  .fill::after{animation:none}
  .card{animation-duration:.35s}
  







  .pcSheen,.fill,.abTitle,.mcChip.urge{animation:none!important}
  .dsClouds,.dsCloudDrift{animation:none!important;will-change:auto!important} 
  

  #tourBtn.pulse,.glBtn.win.hitReady{animation:none!important}
  



  .repWrap.proj .repFig svg{animation:repBreathe 6.4s ease-in-out infinite!important} 
}


.repFig svg{animation:repBreathe 4.6s ease-in-out infinite;transform-origin:50% 92%}
@keyframes repBreathe{50%{transform:scaleY(1.014) scaleX(1.005)}}
.repFig{transition:opacity .22s ease}


.repWrap.morphing .repFig{opacity:.5}


.repWrap.proj .repFig svg{animation:repBreathe 6.4s ease-in-out infinite, projGlow 2.6s ease-in-out infinite}
@keyframes projGlow{50%{outline-color:rgba(255,210,77,.7);filter:brightness(1.12)}}







@media (prefers-reduced-motion:reduce){.repFig svg,.repWrap.proj .repFig svg{animation:none!important}}


.hero .avatar.mitoBox{position:relative}
.mitoSay{position:absolute;left:62px;top:-6px;z-index:6;min-width:150px;max-width:210px;padding:9px 12px;
  border-radius:14px;border-bottom-left-radius:3px;background:#131a2e;border:1px solid rgba(255,210,77,.4);
  font-size:var(--fs-6);line-height:1.45;color:#f2e8d4;text-align:left;font-weight:600;
  opacity:0;transform:translateY(5px) scale(.94);transform-origin:left bottom;pointer-events:none;
  transition:opacity .25s,transform .25s;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.mitoSay.on{opacity:1;transform:none}
.mcWrap{display:flex;align-items:center;gap:16px}
.mcFig{width:110px;height:110px;flex:0 0 auto;cursor:pointer}
.mcFig svg{width:100%;height:100%;display:block;animation:mitoBreathe 3.4s ease-in-out infinite;transform-origin:center bottom}
.mcFig.hop svg{animation:mitoHop .6s cubic-bezier(.3,1.7,.4,1)}
.mcFig[data-state=radiant]{filter:drop-shadow(0 0 20px rgba(255,210,77,.55))}
.mcFig[data-state=healthy]{filter:drop-shadow(0 0 14px rgba(255,138,61,.45))}
.mcFig[data-state=spore]{filter:grayscale(.65)}
.mcMeta{flex:1;min-width:0}
.mcState{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-12);font-weight:700;letter-spacing:2px;margin-bottom:9px}
.mcState[data-state=radiant]{color:var(--gold)}.mcState[data-state=healthy]{color:var(--acc)}
.mcState[data-state=tired]{color:var(--mut)}.mcState[data-state=depleted]{color:var(--blu)}.mcState[data-state=spore]{color:var(--mut)}
.mcBarRow{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.mcBarRow span{font-size:var(--fs-1);letter-spacing:1.4px;font-weight:800;color:var(--mut);flex:0 0 58px}
.mcBarRow b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);flex:0 0 26px;text-align:right}
.mcBar{flex:1;height:7px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}
.mcFill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.16,1,.3,1)}
.mcEra{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:var(--fs-4);color:var(--mut)}
.mcEra span:last-child{margin-left:4px}
.mcDot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid var(--line)}
.mcDot.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 6px rgba(255,210,77,.5)}
.mcBio{margin-top:12px;font-size:var(--fs-6);color:var(--mut);line-height:1.55;border-top:1px dashed rgba(255,255,255,.08);padding-top:10px}
.mcBio b{color:#e8d9c8}


@media(max-width:430px){
  .title{font-size:var(--fs-15);letter-spacing:.3px}
  .subtitle{font-size:var(--fs-4)}
  .hero .avatar{width:62px;height:62px}
  .lvlNum{font-size:var(--fs-read)}
  .xpMeta{font-size:var(--fs-2);max-width:46%;text-align:right;line-height:1.5}
  .mitoSay{left:56px;max-width:170px;font-size:var(--fs-label)}
  .mcFig{width:88px;height:88px}
}



@media (pointer:coarse), (max-width:820px){
  .card{opacity:1!important;transform:none!important;animation:none!important}
  .view.on{animation:none}
}

.wkS{cursor:pointer;transition:border-color .2s,transform .2s}
.wkS:hover{border-color:rgba(255,138,61,.55);transform:translateY(-1px)}
.dchip.tap{cursor:pointer;transition:background .2s,transform .2s}
.dchip.tap:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}
.tile{cursor:pointer;transition:background .2s}
.tile:hover{background:rgba(255,255,255,.07)}
.pmRow{cursor:pointer}


:root{color-scheme:dark}
#chatModel option{background:#0d1220;color:#f2f6ff}


.wxPrepH{font-size:var(--fs-1);letter-spacing:1.8px;font-weight:900;color:var(--mut);margin-top:11px;text-transform:uppercase}
#dayNote.bonusRow{color:#9fc4ef;background:rgba(70,160,255,.06);border:1px solid rgba(70,160,255,.18);
  border-radius:12px;padding:9px 12px}
#dayNote.bonusRow.clampable:not(.open)::after{background:#0e1626;box-shadow:-16px 0 11px 5px #0e1626}








.stHint{margin-top:8px;font-size:var(--fs-4);color:var(--mut)}

.alBtns{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-top:12px}
.alBtns .todaybtn,.alBtns .connectBig{flex:1 1 200px;display:inline-flex;align-items:center;justify-content:center;
  padding:13px 18px !important;border-radius:14px;font-size:var(--fs-read);line-height:1.2;min-height:48px}

.isMood.sm{padding:8px 2px;font-size:var(--fs-14);display:flex;flex-direction:column;align-items:center;gap:3px}
.isMoodLab{font-size:8.5px;letter-spacing:.6px;color:var(--mut);text-transform:uppercase;font-weight:800}
.isMood.sm.on .isMoodLab{color:var(--gold)}

.mitoBox.queasy svg{animation:mitoQueasy 1.4s ease}
@keyframes mitoQueasy{15%{transform:rotate(-6deg) scale(1.05,.94)}35%{transform:rotate(5deg) scale(.96,1.05)}
  55%{transform:rotate(-4deg) scale(1.06,.93)}75%{transform:rotate(2deg)}}
.mitoBox[data-state=queasy] svg{animation-duration:5.2s} 
.mitoBox.aura{filter:drop-shadow(0 0 14px rgba(255,210,77,.55))}
.mitoBox.aura svg{animation-duration:2.6s} 
.mitoBox.burst::after{content:"✨";position:absolute;inset:0;display:grid;place-items:center;font-size:var(--fs-21);
  animation:mitoBurst 1.1s ease forwards;pointer-events:none}
@keyframes mitoBurst{0%{transform:scale(.4);opacity:0}35%{transform:scale(1.5);opacity:1}100%{transform:scale(2.4);opacity:0}}
.mcCare{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:10px 0 2px}
.mcChip{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-label);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.mcChip.on{border-color:rgba(62,229,148,.45);color:var(--grn);background:rgba(62,229,148,.08)}
.mcChip:active{transform:scale(.93)}
.mcJunk{font-size:var(--fs-4);color:#c9d47a;font-weight:800}
.mcFig{position:relative}
.mcFig .mitoSay{position:absolute;left:50%;top:-8px;transform:translateX(-50%);background:rgba(13,21,36,.96);
  border:1px solid var(--line);border-radius:12px;padding:7px 10px;font-size:var(--fs-label);line-height:1.35;width:max-content;
  max-width:220px;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:5}
.mcFig .mitoSay.on{opacity:1;transform:translateX(-50%) translateY(-6px)}
.mitoTrain{display:flex;align-items:center;gap:10px;margin-top:12px;padding:9px 12px;border-radius:14px;
  border:1px dashed rgba(255,210,77,.25);background:rgba(255,210,77,.04);cursor:pointer}
.mtFig{width:44px;height:44px;flex:none;position:relative}
.mtFig svg{width:100%;height:100%;display:block;animation:mitoBreathe 3.4s ease-in-out infinite;transform-origin:center bottom}
.mtFig.hop svg{animation:mitoHop .6s cubic-bezier(.3,1.7,.4,1)}
.mtLine{font-size:var(--fs-body);color:var(--txt);line-height:1.4;font-style:italic}
.mitoBox{position:relative} 
.mitoBox[data-state=queasy]{filter:saturate(.9) drop-shadow(0 0 9px rgba(143,208,106,.4))}

#rep3d{position:relative}
.r3Ctl{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:8px;z-index:6}
.r3Btn{width:44px;height:44px;border-radius:13px;border:1px solid var(--line);background:rgba(13,21,36,.82);
  font-size:var(--fs-14);display:grid;place-items:center;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity,box-shadow;transition-duration:.15s;color:var(--txt)}
.r3Btn:hover{border-color:rgba(255,210,77,.5);transform:translateY(-1px)}
.r3Btn:active{transform:scale(.92)}
.r3Btn.on{border-color:rgba(255,210,77,.65);background:rgba(255,210,77,.13);box-shadow:0 0 10px rgba(255,210,77,.25)}

.r3Skel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:4;pointer-events:none}
.r3SkelFig{width:60px;height:118px;border-radius:38px 38px 46px 46px/58px 58px 40px 40px;background:linear-gradient(180deg,rgba(255,138,61,.24),rgba(255,138,61,.05));box-shadow:0 0 26px rgba(255,138,61,.18);animation:r3SkelPulse 1.5s ease-in-out infinite}
.r3SkelMsg{font-size:var(--fs-label);letter-spacing:1.2px;text-transform:uppercase;font-weight:800;color:var(--mut)}
@keyframes r3SkelPulse{0%,100%{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:.9;transform:translateY(-3px) scale(1.02)}}
@media (prefers-reduced-motion:reduce){.r3SkelFig{animation:none}}
.r3Fail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center}
.r3FailIc{font-size:var(--fs-21);opacity:.7}
.r3FailT{font-size:var(--fs-read);font-weight:800;color:var(--txt)}
.r3FailX{font-size:var(--fs-label);color:var(--mut);line-height:1.5;max-width:230px}

.q.ping .check{animation:tickPop .6s cubic-bezier(.3,1.9,.4,1)}
@keyframes tickPop{0%{transform:scale(.2) rotate(-30deg)}45%{transform:scale(1.5) rotate(8deg)}72%{transform:scale(.9)}100%{transform:scale(1)}}
.q.ping{animation:rowFlash .75s ease}
@keyframes rowFlash{22%{background:rgba(62,229,148,.15);box-shadow:0 0 18px rgba(62,229,148,.18)}}
.cm.typing{display:flex;align-items:center;gap:5px;padding:12px 14px}
.tdot{width:7px;height:7px;border-radius:50%;background:var(--acc);opacity:.5;animation:tdot 1.2s ease-in-out infinite}
.tdot:nth-child(2){animation-delay:.18s}.tdot:nth-child(3){animation-delay:.36s}
@keyframes tdot{35%{transform:translateY(-5px);opacity:1}}
.tlab{font-size:var(--fs-4);color:var(--mut);margin-left:5px;transition:opacity .3s ease}
.brDots{display:flex;gap:9px;justify-content:center;margin-top:14px}
.brDot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.4s}
.brDot.live{background:var(--grn);box-shadow:0 0 10px rgba(62,229,148,.6);transform:scale(1.25)}
.brDot.done{background:rgba(62,229,148,.55)}



#breathe #brMenu,#breathe #brSafety,#breathe #brPacer{display:none;width:100%}
#breathe[data-pane=menu] #brMenu{display:block}
#breathe[data-pane=safety] #brSafety{display:block}
#breathe[data-pane=pacer] #brPacer{display:block}
.brClose{min-height:44px}

.brMenu{max-width:min(460px,92vw);margin:0 auto;max-height:88vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 4px 4px;text-align:center}
.brHead{margin:6px 0 18px}
.brTitle{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-20);font-weight:800;letter-spacing:1px}
.brSub{font-size:var(--fs-8);color:var(--mut);line-height:1.5;margin:6px auto 0;max-width:340px}
.brList{display:flex;flex-direction:column;gap:10px}
.brProto{display:flex;align-items:center;gap:13px;width:100%;min-height:64px;padding:13px 15px;text-align:left;cursor:pointer;
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);color:var(--txt);font-family:inherit;
  transition:transform .25s ease,border-color .25s ease,background .25s ease}
.brProto:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.brProto:active{transform:scale(.99)}
.brPIc{font-size:var(--fs-20);line-height:1;flex:0 0 auto}
.brPMid{flex:1;min-width:0}
.brPMid b{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14.5px;font-weight:800;letter-spacing:.2px}
.brPMid i{display:block;font-style:normal;font-size:var(--fs-6);color:var(--mut);line-height:1.4;margin-top:3px}
.brPEnd{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.brTone{font-size:var(--fs-2);letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:3px 8px;border-radius:20px;background:rgba(255,255,255,.06);color:var(--mut);white-space:nowrap}
.brEst{font-size:var(--fs-4);color:var(--mut);opacity:.8;white-space:nowrap}
.brReco{font-size:var(--fs-1);letter-spacing:.8px;text-transform:uppercase;font-weight:900;padding:2px 7px;border-radius:20px;background:rgba(62,229,148,.16);color:var(--grn)}
.brProto.brCalm{border-left:3px solid rgba(62,229,148,.5)}
.brProto.brSleep{border-left:3px solid rgba(140,170,255,.55)}
.brProto.brEnergy{border-left:3px solid rgba(255,168,76,.6)}
.brProto.brJaw{border-left:3px solid rgba(78,214,208,.55)}
.brCalm .brTone{background:rgba(62,229,148,.14);color:var(--grn)}
.brSleep .brTone{background:rgba(140,170,255,.16);color:#a8beff}
.brEnergy .brTone{background:rgba(255,168,76,.16);color:#ffbd76}
.brJaw .brTone{background:rgba(78,214,208,.16);color:#7fe3dd}
.brMenuClose{display:block;margin:16px auto 4px}

.brName{margin-bottom:14px;display:flex;flex-direction:column;align-items:center;gap:7px}
.brName b{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-13);font-weight:800;letter-spacing:.6px}
.brNameTone{font-size:var(--fs-2);letter-spacing:1.2px;text-transform:uppercase;font-weight:800;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.06);color:var(--mut)}
.brNameTone.brCalm{background:rgba(62,229,148,.14);color:var(--grn)}
.brNameTone.brSleep{background:rgba(140,170,255,.16);color:#a8beff}
.brNameTone.brEnergy{background:rgba(255,168,76,.16);color:#ffbd76}
.brNameTone.brJaw{background:rgba(78,214,208,.16);color:#7fe3dd}
.brMeta{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:26px}
.brBar{width:min(240px,70vw);height:4px;border-radius:4px;background:rgba(255,255,255,.1);overflow:hidden}
.brBarFill{display:block;height:100%;border-radius:4px;background:var(--grn);transition:width .5s ease}
.brEl{font-size:var(--fs-6);color:var(--mut);letter-spacing:1px;font-variant-numeric:tabular-nums}
.brWimChoice{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:2px}
.brBtns{display:flex;gap:10px;justify-content:center;margin-top:24px}
.brBack{padding:11px 20px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--mut);font-weight:700;cursor:pointer;font-family:inherit;min-height:44px}
.brBack:hover{color:var(--txt);border-color:rgba(255,255,255,.2)}
.brGo{padding:11px 22px;border-radius:12px;border:1px solid rgba(62,229,148,.4);background:rgba(62,229,148,.12);color:var(--grn);font-weight:800;cursor:pointer;font-family:inherit;min-height:44px}
.brGo:hover{background:rgba(62,229,148,.18)}
.brNext{display:none;margin:20px auto 0;padding:14px 26px;border-radius:14px;border:1px solid rgba(255,168,76,.4);background:rgba(255,168,76,.14);color:#ffbd76;font-weight:800;font-size:var(--fs-11);cursor:pointer;font-family:inherit;min-height:48px}
.brNext:hover{background:rgba(255,168,76,.2)}

.brSafety{max-width:min(460px,92vw);margin:0 auto}
.brSafeCard{border:1px solid rgba(255,168,76,.28);border-radius:18px;background:rgba(255,168,76,.05);padding:22px 20px;text-align:left}
.brSafeIc{font-size:34px;text-align:center}
.brSafeT{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-15);font-weight:800;text-align:center;margin:8px 0 14px;letter-spacing:.4px}
.brSafeList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.brSafeList li{position:relative;padding-left:24px;font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
.brSafeList li::before{content:"•";position:absolute;left:6px;top:-1px;color:#ffbd76;font-size:var(--fs-15);line-height:1.2}
.brSafeBtns{display:flex;gap:10px;justify-content:space-between;margin-top:20px}

.sosFork{display:flex;flex-direction:column;gap:12px}
.sosOpt{display:flex;align-items:center;gap:13px;width:100%;min-height:60px;padding:14px 16px;text-align:left;cursor:pointer;
  border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.035);color:var(--txt);font-family:inherit;
  transition:transform .2s ease,background .2s ease,border-color .2s ease}
.sosOpt:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.sosOpt>span:first-child{font-size:var(--fs-20);line-height:1;flex:0 0 auto}
.sosOpt>div{flex:1;min-width:0}
.sosOpt b{display:block;font-size:14.5px;font-weight:800}
.sosOpt i{display:block;font-style:normal;font-size:var(--fs-6);color:var(--mut);margin-top:2px;line-height:1.4}
#ticker{-webkit-mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 26px,#000 calc(100% - 26px),transparent)}

.euHead{font-size:var(--fs-2);letter-spacing:1.6px;text-transform:uppercase;color:var(--mut);font-weight:900;
  padding-bottom:7px;border-bottom:2px solid rgba(255,255,255,.14);margin-bottom:4px}
.euRow{display:flex;align-items:center;gap:9px;padding:6.5px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.euRow.sub{padding-left:12px}
.euRow.sub .euN{color:var(--mut);font-size:var(--fs-label)}
.euN{flex:1;min-width:0;font-size:var(--fs-body);font-weight:700}
.euV{font-size:var(--fs-body);color:var(--txt);white-space:nowrap}
.euP{width:64px;height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden;flex:0 0 auto}
.euP i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--grn),#8be59b)}
.euP i.over{background:linear-gradient(90deg,var(--acc),var(--acc2))}


.euP i.low{background:linear-gradient(90deg,var(--gold),#ffe08a)}
.euRow.euPro .euN{font-weight:800;color:var(--txt)}
.euRow.euPro{border-bottom-width:2px}
.euPct{width:38px;text-align:right;font-size:var(--fs-label);color:var(--mut)}
.euPct.over{color:var(--acc)}
.euFoot{margin-top:9px;font-size:var(--fs-3);color:var(--mut);line-height:1.5}
.euMiss{color:#c9d47a}

.grocRow{padding:7px 0 !important;gap:9px}
.grocRow .pn{font-size:var(--fs-8);line-height:1.35}
.grocRow .pw{font-size:var(--fs-4);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.grocRow .gq{font-size:var(--fs-3);background:rgba(255,210,77,.12);border:1px solid rgba(255,210,77,.3);color:var(--gold);
  border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:1px}
.grocGo{padding:6px 11px !important;font-size:var(--fs-label) !important;border-radius:10px !important;flex:0 0 auto;align-self:center}
.grocGrp{margin-top:12px !important;padding-bottom:4px}

.haeSteps{margin:10px 0 4px;line-height:1.55}
.kvRow{display:flex;flex-direction:column;gap:4px;margin:9px 0}
.kvLab{font-size:var(--fs-1);letter-spacing:1.6px;text-transform:uppercase;font-weight:900;color:var(--mut)}
.kvCopy{display:block;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:9px;
  padding:8px 10px;font-size:var(--fs-label);word-break:break-all;cursor:pointer;position:relative;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s;line-height:1.4}
.kvCopy:hover{border-color:rgba(255,210,77,.45)}
.kvCopy:active{transform:scale(.985)}
.kvCopy.copied{border-color:rgba(62,229,148,.6);background:rgba(62,229,148,.08)}
.kvCopy.copied::after{content:"✓ copied";position:absolute;right:8px;top:50%;transform:translateY(-50%);
  font-size:var(--fs-3);font-weight:800;color:var(--grn)}
.kvSide{font-size:var(--fs-label);color:var(--mut)}
.kvTx{font-size:var(--fs-6);color:var(--txt);line-height:1.5}

.hkBox{border-color:rgba(255,138,61,.28)}




#haeCta,#haeWrap{scroll-margin-top:calc(env(safe-area-inset-top,0px) + var(--abH,54px) + 16px)}
.hkLead{line-height:1.6;margin-bottom:4px}
.hkLead b{color:var(--txt)}
.hkStat{font-size:var(--fs-8);font-weight:800;color:var(--txt);line-height:1.5}


.hkStale{color:var(--warn,#ffb066)}
.hkWhen{font-weight:600;color:var(--mut)}
.hkRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.hkRow .todaybtn{flex:1 1 130px;min-height:44px}
.hkDc{flex:0 0 auto;min-height:44px;padding:0 16px;font-size:var(--fs-body);background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--mut);border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.hkDc:hover{border-color:rgba(255,90,90,.5);color:#ff8a8a}
.hkWebToggle{margin-top:8px}
.haeNote{color:var(--mut);font-size:var(--fs-label)}

.hkAsk{line-height:1.6}
.hkAskLead{font-size:var(--fs-10);color:var(--txt);margin-bottom:12px}
.hkAskList{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.hkAskList li{font-size:var(--fs-read);color:var(--txt);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;padding:10px 13px}
.hkAskNote{font-size:var(--fs-6);color:var(--mut);line-height:1.55}

.haeTrouble{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.haeTrouble summary{cursor:pointer;font-size:var(--fs-body);font-weight:800;color:var(--mut);min-height:44px;display:flex;align-items:center;list-style:none}
.haeTrouble summary::-webkit-details-marker{display:none}
.haeTrouble[open] summary{color:var(--txt)}
.haeTroubleList{margin:4px 0 2px;padding-left:18px;display:flex;flex-direction:column;gap:8px}
.haeTroubleList li{font-size:var(--fs-6);color:var(--mut);line-height:1.5}

.alNote{line-height:1.6;margin:12px 0}
.alNote + .alNote{margin-top:12px}
.alNote b{color:var(--txt)}
.tdee{line-height:1.6}
.etaGoal{line-height:1.6;margin-top:9px}
#repEta{line-height:1.7}
.repNote{line-height:1.6;margin-top:12px}
.mcBio{line-height:1.65}
.euFoot{line-height:1.6;margin-top:11px}
.sessSub{line-height:1.55;margin-bottom:10px}
.stHint{line-height:1.5}
.mdesc{line-height:1.5}
.grocHead{line-height:1.55;margin-bottom:8px}
.trEmpty{line-height:1.5}

#wflow{position:fixed;inset:0;z-index:88;display:none;overflow-y:auto;
  


  padding:max(20px,calc(env(safe-area-inset-top) + 8px)) 20px max(20px,calc(env(safe-area-inset-bottom) + 8px));
  background:rgba(5,7,13,.96);backdrop-filter:blur(10px)}



#wflow.on{display:flex}
.wfCard{width:100%;max-width:420px;text-align:center;position:relative;margin:auto}






.wfCols,.wfColL,.wfColR{display:block;min-width:0}
























:root{--wf-cta-h:72px;--wf-foot-h:150px;--wf-stage-h:780px}
.wfGo{min-height:var(--wf-cta-h);display:flex;align-items:center;justify-content:center}




.wfFoot{height:var(--wf-foot-h);overflow:hidden;justify-content:flex-start;display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:flex-start}





@media (max-width:820px),(pointer:coarse){
  .wfCard.wfPhSet .wfGo,.wfCard.wfPhRest .wfGo{position:sticky;bottom:calc(var(--wf-foot-h) + 8px);z-index:2}
  .wfCard.wfPhSet .wfFoot,.wfCard.wfPhRest .wfFoot{position:sticky;bottom:0;z-index:2;background:linear-gradient(to top,rgba(13,17,27,.97) 72%,rgba(13,17,27,0));padding-bottom:6px}
}



.wfColL,.wfColR{scrollbar-width:none}
.wfColL::-webkit-scrollbar,.wfColR::-webkit-scrollbar{width:0;height:0}



.wfVideoLive{position:relative;overflow:hidden}



.wfVideoFr{width:100%;height:100%;display:block;border:0;pointer-events:none}
.wfVidCtl{position:absolute;right:5px;bottom:5px;display:flex;gap:5px;z-index:2}
.wfVidBtn{position:relative;width:26px;height:26px;min-width:26px;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.52);color:#fff;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;
  cursor:pointer;backdrop-filter:blur(3px)}
.wfVidBtn:active{transform:scale(.92)}



.wfVideoLive:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}
.wfVideoLive:fullscreen .wfVideoFr{height:100%}
.wfVideoLive:fullscreen .wfVidCtl{right:14px;bottom:14px}



.wfVidBtn::after{content:"";position:absolute;width:31px;height:42px;left:50%;top:50%;transform:translate(-50%,-50%)}







.wfMito.wfMitoSet{display:flex;align-items:center;gap:9px;width:100%;max-width:none;margin:9px 0 2px;text-align:left;opacity:.92}
.wfMito.wfMitoSet svg{width:34px;height:34px;flex:0 0 auto;margin:0}
.wfMito.wfMitoSet i{margin-top:0;flex:1 1 auto;line-height:1.35}

@media (min-width:821px) and (pointer:fine){
  


  .wfCard.wfPhSet,.wfCard.wfPhRest{height:min(var(--wf-stage-h),96svh);display:flex;flex-direction:column}
  




  .wfCard.wfPhSet .wfCols,.wfCard.wfPhRest .wfCols{flex:1 1 auto;min-height:0;overflow:hidden}
  .wfCard.wfPhSet .wfColL,.wfCard.wfPhRest .wfColL{overflow-y:auto;overscroll-behavior:contain;min-height:0}
  



  .wfCard.wfPhSet .wfColR,.wfCard.wfPhRest .wfColR{min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start}
  

  .wfCard.wfPhSet>.wfGo,.wfCard.wfPhRest>.wfGo{flex:0 0 auto;margin-top:14px}
  .wfCard.wfPhSet>.wfFoot,.wfCard.wfPhRest>.wfFoot{flex:0 0 auto}
}
@media (min-width:821px) and (pointer:fine){
  .wfCard{max-width:520px;background:rgba(13,17,27,.94);border:1px solid var(--line);border-radius:24px;padding:26px 32px 32px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
  .wfCard.wfPhWin{max-width:520px}
  



  .wfCard.wfPhSet,.wfCard.wfPhRest{max-width:880px}
  .wfCard.wfPhSet .wfCols,.wfCard.wfPhRest .wfCols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 40px;align-items:stretch;margin-top:10px}
  .wfCard.wfPhSet .wfColL,.wfCard.wfPhRest .wfColL{text-align:left}
  .wfCard.wfPhSet .wfCues{margin-top:0}
  

  






  .wfCard.wfPhSet .wfColR,.wfCard.wfPhRest .wfColR{display:flex;flex-direction:column;justify-content:flex-start;gap:2px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  
  .wfCard.wfPhRest .wfColL{text-align:center}
  .wfCard.wfPhRest .wfRestRing{margin-top:0}
}
.wfHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.wfProg{display:flex;gap:7px}
.wfDot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.14);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.3s}
.wfDot.done{background:rgba(62,229,148,.6)}
.wfDot.live{background:var(--gold);box-shadow:0 0 9px rgba(255,210,77,.6);transform:scale(1.3)}
.wfX{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-12);cursor:pointer}
.wfCount{font-size:var(--fs-label);letter-spacing:2.5px;color:var(--mut);font-weight:900}
.wfEx{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-20);font-weight:900;margin:10px 0 6px}
.wfLast{font-size:var(--fs-8);color:var(--mut);margin-bottom:14px;line-height:1.5}
.wfLast b{color:var(--gold)}
.wfSetLog{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px}
.wfSetPill{font-size:var(--fs-label);color:var(--mut);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-family:'Chakra Petch',sans-serif}
.wfSetPill b{color:var(--txt);margin-right:3px}
.wfSetPill i{font-style:normal;opacity:.7;font-size:var(--fs-3)}
.wfSetPill.beat{border-color:rgba(255,138,61,.5);color:var(--acc)}
.wfSetPill.beat b{color:var(--acc)}

.wfSetLog .wfSetPill:last-child{animation:wfPillIn .3s cubic-bezier(.16,1,.3,1)}
@keyframes wfPillIn{from{opacity:0;transform:translateY(5px) scale(.86)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wfSetLog .wfSetPill:last-child{animation:none}}
.wfCues{text-align:left;background:rgba(127,216,255,.05);border:1px solid rgba(127,216,255,.16);border-radius:14px;padding:10px 14px;margin:0 0 18px}
.wfCuesH{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:var(--fs-2);letter-spacing:1.4px;text-transform:uppercase;font-weight:900;color:var(--ice);margin-bottom:6px}
.wfCuesFull{background:none;border:none;color:var(--ice);opacity:.85;font-size:var(--fs-3);cursor:pointer;text-transform:none;letter-spacing:0;font-weight:700;white-space:nowrap}
.wfCues ul{margin:0;padding-left:16px}
.wfCues li{font-size:var(--fs-body);line-height:1.5;color:var(--txt);opacity:.9;margin:2px 0}











.wfDemo{margin:2px 0 12px;min-width:0}





.wfDemoRow{display:flex;gap:10px;align-items:stretch;min-width:0}
.wfDemoRow .wfCues{flex:1 1 auto;min-width:0;margin:0}




.wfDemoRow .wfMap{flex:0 0 auto;width:124px;max-width:42%;height:auto}
.wfDemoRow .wfMap svg{width:100%;height:auto;display:block}
@media (max-width:420px){.wfDemoRow{gap:8px}.wfDemoRow .wfMap{width:104px;max-width:44%}}
.wfMedia{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:2px 0 7px}

.wfDemo>.wfVideo{width:100%;height:auto;aspect-ratio:16/9;flex:none;margin:0 0 10px}
.wfVideo{height:84px;aspect-ratio:16/9;flex:0 0 auto;position:relative;border-radius:12px;overflow:hidden;cursor:pointer;
  border:1px solid rgba(255,255,255,.12);background:#000;display:flex;align-items:center;justify-content:center}
.wfVideoImg{width:100%;height:100%;object-fit:cover;display:block;opacity:.82}
.wfVideo:active .wfVideoImg{opacity:.68}
.wfPlay{position:absolute;width:34px;height:34px;border-radius:50%;background:rgba(0,0,0,.5);border:1.5px solid rgba(255,255,255,.85);
  color:#fff;font-size:var(--fs-read);display:flex;align-items:center;justify-content:center;padding-left:2px;pointer-events:none}
.wfVideoT{position:absolute;bottom:4px;left:5px;font-size:8.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  color:#fff;background:rgba(0,0,0,.5);padding:2px 5px;border-radius:5px;pointer-events:none}


.wfVideoLive .wfVideoT{bottom:auto;top:4px}
.wfVideo.playing{width:100%;height:auto;flex:1 1 100%}
.wfVideo.playing iframe{width:100%;aspect-ratio:16/9;height:auto}
.wfVideo iframe{width:100%;height:100%;border:none;display:block}
.wfMap{height:84px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:12px;background:rgba(255,138,61,.05);padding:4px 9px}
.wfMap .mmSvg{height:100%;width:auto;max-width:108px}



.wfMediaCap{font-size:var(--fs-2);font-weight:700;color:var(--acc);text-align:left;line-height:1.3;margin:6px 0 11px}
.wfMediaCap i{font-style:normal;color:var(--mut);font-weight:600}

@media (prefers-reduced-motion:no-preference){.mmPulse .mmHot{animation:mmPulse 2.6s ease-in-out infinite}}
@keyframes mmPulse{0%,100%{opacity:.66}50%{opacity:1}}
.wfRow{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px 0}
.wfLab{width:56px;text-align:right;font-size:var(--fs-2);letter-spacing:1.8px;color:var(--mut);font-weight:900}
.wfStep{width:56px;height:56px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);font-size:var(--fs-19);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s;touch-action:manipulation;
  display:grid;place-items:center;line-height:1;padding:0}
.wfStep:active{transform:scale(.9);background:rgba(255,210,77,.12)}
.wfVal{min-width:104px;font-family:'Chakra Petch',sans-serif;font-size:34px;font-weight:900;color:var(--gold)}
.wfVal i{font-style:normal;font-size:var(--fs-11);color:var(--mut);margin-left:3px}
.wfVal.wfBw{font-size:var(--fs-13);color:var(--mut);letter-spacing:1.5px;text-transform:uppercase;font-weight:800} 
.wfGo{display:block;width:100%;margin:26px 0 0;padding:16px;border-radius:16px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-12);
  font-family:'Chakra Petch',sans-serif;letter-spacing:.5px;box-shadow:0 8px 28px rgba(255,77,141,.35)}
.wfGo:active{transform:scale(.98)}
.wfSub{display:flex;justify-content:space-between;margin-top:16px}
.wfLink{background:none;border:none;color:var(--mut);font-size:var(--fs-body);cursor:pointer;padding:8px}
.wfLink:hover{color:var(--txt)}
.wfHelp{display:block;width:100%;min-height:44px;margin-top:10px;padding:11px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.02);color:var(--mut);font-size:var(--fs-8);font-weight:600;cursor:pointer;text-align:center}
.wfHelp:hover{color:var(--txt);border-color:var(--acc)}

.injChip{display:inline-block;margin-left:5px;font-size:var(--fs-label);vertical-align:1px;cursor:pointer;border:1px solid rgba(255,138,61,.45);border-radius:99px;padding:0 5px;line-height:16px;background:rgba(255,138,61,.1)}
.injChip.ease{border-color:rgba(62,229,148,.45);background:rgba(62,229,148,.1)}
.wfInj{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:2px 0 8px;padding:8px 11px;border-radius:12px;font-size:var(--fs-body);font-weight:600;
  border:1px solid rgba(255,138,61,.4);background:rgba(255,138,61,.09);color:var(--txt)}
.wfInj.ease{border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.09)}
.wfInjTalk{margin-left:auto;min-height:32px;padding:5px 11px;border-radius:9px;border:1px solid var(--acc);background:transparent;color:var(--acc);font-size:var(--fs-6);font-weight:800;cursor:pointer;white-space:nowrap}
.wfInj.ease .wfInjTalk{border-color:var(--grn);color:var(--grn)}
.wfSetN{color:var(--acc2);font-weight:900;letter-spacing:1.5px}
.wfDone2{display:block;width:100%;min-height:44px;margin:10px 0 0;padding:12px;border-radius:14px;cursor:pointer;
  background:transparent;border:1px solid var(--line);color:var(--mut);
  font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-8);letter-spacing:.4px}
.wfDone2:hover{color:var(--txt);border-color:rgba(255,255,255,.24)}
.wfDone2:active{transform:scale(.98)}
.wfRestRing{position:relative;width:170px;height:170px;margin:6px auto 18px}
.wfRestRing svg{width:100%;height:100%;transform:rotate(-90deg)}
.wfRingBg{fill:none;stroke:rgba(255,255,255,.08);stroke-width:5}
.wfRingFg{fill:none;stroke:var(--grn);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s linear}
.wfRestT{position:absolute;inset:0;display:grid;place-items:center;font-family:'Chakra Petch',sans-serif;
  font-size:44px;font-weight:900;color:var(--grn)}
.wfRestLab{font-size:var(--fs-4);letter-spacing:2px;color:var(--mut);font-weight:900;margin-bottom:10px}
.wfNext{font-size:var(--fs-read);color:var(--txt);line-height:1.5}
.wfNext b{color:var(--gold)}
.wfBig{font-size:54px;margin-top:10px}
.wfTitle{font-family:'Chakra Petch',sans-serif;font-size:21px;font-weight:900;margin:12px 0 20px;
  background:linear-gradient(90deg,#fff,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.wfStats{display:flex;gap:10px;justify-content:center;margin-bottom:16px}
.wfStats>div{flex:1;max-width:120px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:12px 8px}
.wfStats b{display:block;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-18);color:var(--gold)}
.wfStats span{font-size:var(--fs-2);letter-spacing:1.2px;text-transform:uppercase;color:var(--mut);font-weight:800}
.wfHint{font-size:var(--fs-body);color:var(--mut);line-height:1.55;margin-bottom:6px}
.wfStart{display:block;width:100%;margin:12px 0;padding:14px;border-radius:14px;border:1px solid rgba(255,210,77,.4);
  background:rgba(255,210,77,.08);color:var(--gold);font-weight:900;font-size:var(--fs-10);cursor:pointer;
  font-family:'Chakra Petch',sans-serif;letter-spacing:.5px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.wfStart:hover{background:rgba(255,210,77,.15);transform:translateY(-1px)}







@media (pointer:coarse),(max-width:820px){#wflow{backdrop-filter:none;background:#05070d}}

#guideCard{border-left:3px solid rgba(255,210,77,.5)}




.insPulse{display:flex;gap:10px;align-items:flex-start;width:100%;margin:0 0 12px;padding:10px 12px;text-align:left;
  border:1px solid rgba(255,210,77,.18);border-left:2px solid rgba(255,210,77,.55);border-radius:var(--r-md);
  background:rgba(255,210,77,.05);color:var(--txt);cursor:pointer;font:inherit;min-height:44px;
  transition-property:background-color,border-color;transition-duration:.18s}
.insPulse:hover,.insPulse:focus-visible{background:rgba(255,210,77,.1);border-color:rgba(255,210,77,.34)}
.insPulse.insCare{border-color:rgba(125,196,255,.2);border-left-color:rgba(125,196,255,.6);background:rgba(125,196,255,.06)}
.insPulse.insCare:hover,.insPulse.insCare:focus-visible{background:rgba(125,196,255,.11);border-color:rgba(125,196,255,.36)}
.insIc{flex:0 0 auto;font-size:var(--fs-13);line-height:1.35}
.insBody{display:block;min-width:0}
.insTx{display:block;font-size:var(--fs-read);line-height:1.55;color:var(--txt)}
.insMeta{display:block;margin-top:4px;font-size:var(--fs-4);letter-spacing:.3px;color:var(--mut)}
.guideTx{font-size:var(--fs-10);line-height:1.7;color:var(--txt)}
.guideTx .gLn{margin:0 0 9px}
.guideTx .gLn:last-child{margin-bottom:0}
.mlRead .mlLn{display:block;margin-top:4px}
.guideTx b{color:var(--gold)}







.rdSect{margin-top:22px}
.rdSectH{font-size:var(--fs-4);letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);font-weight:800;margin-bottom:8px}
.rtChain{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rtStep{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 11px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--txt);font-size:var(--fs-body);cursor:pointer}
.rtStep:active{transform:scale(.97)}
.rtStep .rtIc{font-size:var(--fs-11)}
.rtStep .rtNm{min-width:0}
.rtArr{color:var(--mut);font-size:var(--fs-body);flex:0 0 auto}
.rdDone{font-size:var(--fs-8);color:var(--grn);font-weight:700}
.rdEv{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;padding:9px 11px;margin-bottom:6px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-size:var(--fs-8);cursor:pointer;text-align:left}
.rdEv:last-child{margin-bottom:0}
.rdEv:active{transform:scale(.99)}
.rdEvIc{font-size:var(--fs-13);flex:0 0 auto}
.rdEvTx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rdEvWhen{flex:0 0 auto;font-size:var(--fs-label);color:var(--acc);font-weight:800}

.guideAct{display:block;width:100%;min-height:46px;margin-top:12px;padding:13px 16px;border-radius:var(--r-md);cursor:pointer;
  border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;
  font-weight:900;font-size:var(--fs-10);font-family:'Chakra Petch',sans-serif;letter-spacing:.3px;
  transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px rgba(255,138,61,.28)}
.guideAct:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,138,61,.4)}
.guideAct:active{transform:scale(.98)}

.alBtns .todaybtn,.alBtns .connectBig{min-height:56px;height:auto;flex:1 1 0;font-size:var(--fs-8);line-height:1.3}

#chatMsgs{padding-bottom:14px}
.chatBar{padding-bottom:calc(18px + env(safe-area-inset-bottom)) !important}









.view{padding-bottom:calc(78px + env(safe-area-inset-bottom, 0px))}





body.hasTopBar .view.on{padding-top:calc(var(--topBarH, 0px) + 10px)}
.chatChips{margin-bottom:8px}
.guideHint{margin-top:11px;font-size:var(--fs-body);color:var(--mut);line-height:1.55;border-top:1px dashed rgba(255,255,255,.08);padding-top:10px}
.alBtns .connectBig{margin-top:0} 

.card{position:relative;z-index:2} 





#mitoRoam{position:fixed;left:0;bottom:106px;width:58px;height:58px;z-index:-1;cursor:pointer;
  transition:transform 3s ease-in-out;will-change:transform;-webkit-tap-highlight-color:transparent}
#mitoRoam .rIn{display:block;width:100%;height:100%;animation:roamWaddle 1.6s ease-in-out infinite;transform-origin:center bottom}
#mitoRoam .rIn svg{width:100%;height:100%;display:block}
#mitoRoam .rIn.flip{scale:-1 1}
#mitoRoam.egg .rIn{animation:eggBounce 1.15s cubic-bezier(.36,0,.34,1) infinite}
@keyframes roamWaddle{0%,100%{rotate:-4deg;translate:0 0}25%{translate:0 -2px}50%{rotate:4deg;translate:0 0}75%{translate:0 -2px}}
@keyframes eggBounce{0%,100%{translate:0 0;scale:1 1}18%{scale:1.08 .9}42%{translate:0 -13px;scale:.94 1.07}70%{translate:0 0;scale:1 1}84%{scale:1.05 .95}}
#mitoRoam.hop .rIn{animation:mitoHop .6s cubic-bezier(.3,1.7,.4,1)}
#mitoRoam.aura{filter:drop-shadow(0 0 13px rgba(255,210,77,.55))}
#mitoRoam.burst::after{content:"✨";position:absolute;inset:0;display:grid;place-items:center;font-size:var(--fs-20);
  animation:mitoBurst 1.1s ease forwards;pointer-events:none}
#mitoRoam[data-state=radiant]{filter:drop-shadow(0 0 11px rgba(255,210,77,.5))}
#mitoRoam[data-state=queasy] .rIn{animation-duration:2.6s}



#mitoRoam .mitoSay{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);
  background:rgba(13,21,36,.97);border:1.5px solid color-mix(in srgb,var(--acc) 40%,var(--line));border-radius:12px;padding:8px 12px;
  font-size:var(--fs-read);line-height:1.4;width:max-content;max-width:240px;opacity:0;pointer-events:none;
  transition:opacity .25s,translate .25s;z-index:3}


html.iosApp #mitoRoam{width:74px;height:74px}
#mitoRoam .mitoSay.on{opacity:1;translate:0 -4px}

.mitoPv{width:96px;height:96px;margin:2px auto 10px}
.mitoPv svg{width:100%;height:100%;display:block;animation:mitoBreathe 3.4s ease-in-out infinite;transform-origin:center bottom}
.isChip.lock{opacity:.35;cursor:not-allowed;text-decoration:none}
.mcStyle{margin-top:9px;padding:7px 12px;border-radius:999px;border:1px solid rgba(180,123,255,.4);
  background:rgba(180,123,255,.08);color:#c9a8ff;font-size:var(--fs-label);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.mcStyle:hover{background:rgba(180,123,255,.16)}



#mitoRoam{z-index:-1} 
#mitoRoam.under{z-index:-1} 

#mitoRoam{transition:transform 3s ease-in-out;touch-action:none;user-select:none}
#mitoRoam.held{cursor:grabbing;z-index:60 !important;transition:none}
#mitoRoam.held .rIn{animation:none;scale:1.12}
#mitoRoam.land .rIn{animation:roamLand .5s cubic-bezier(.3,1.6,.4,1)}
@keyframes roamLand{0%{scale:1 1}35%{scale:1.22 .78}70%{scale:.92 1.08}100%{scale:1 1}}
.obName{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);
  color:var(--txt);font-size:var(--fs-11);font-family:inherit;outline:none}
.obName:focus{border-color:rgba(255,210,77,.5)}

#mitoRoam.munch .rIn{animation:mitoMunch .85s ease}
#mitoRoam.queasy .rIn{animation:mitoQueasy 1.4s ease}
#mitoRoam.asleep .rIn{animation-duration:6.5s;filter:brightness(.75) saturate(.8)}

html{overflow-x:hidden;overscroll-behavior-x:none} 
#mitoRoam{top:0;left:0;bottom:auto}
#mitoRoam.onFab{z-index:66} 
.mitoWant{position:absolute;left:50%;top:-6px;translate:-50% 0;font-size:var(--fs-16);pointer-events:none;
  animation:wantFloat 2.5s ease forwards;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
@keyframes wantFloat{0%{opacity:0;translate:-50% 4px;scale:.5}18%{opacity:1;scale:1.15}
  35%{scale:1}80%{opacity:.95}100%{opacity:0;translate:-50% -34px;scale:.9}}

#mitoRoam.hatch .rIn{animation:hatchShake 1.7s ease-in-out}
@keyframes hatchShake{0%,100%{rotate:0deg}10%{rotate:-10deg}20%{rotate:9deg}30%{rotate:-12deg}
  40%{rotate:11deg;scale:1.05 .95}55%{rotate:-13deg;scale:.95 1.06}70%{rotate:12deg;scale:1.1 .9}85%{rotate:-8deg}}
#mitoRoam.party .rIn{animation:mitoParty .5s ease-in-out infinite}
@keyframes mitoParty{0%,100%{translate:0 0;rotate:-8deg}50%{translate:0 -14px;rotate:8deg}}
#mitoRoam[data-state=depleted] .rIn{animation-name:mitoShiver;animation-duration:2.2s}
@keyframes mitoShiver{0%,86%,100%{translate:0 0}88%{translate:-1.5px 0}91%{translate:1.5px 0}94%{translate:-1.5px 0}97%{translate:1px 0}}
.mcRoad{display:flex;align-items:center;justify-content:center;gap:2px;margin:12px 0 2px}
.mcRoadStop{width:46px;text-align:center}
.mcRoadStop svg{width:40px;height:40px;display:block;margin:0 auto}
.mcRoadStop span{font-size:8px;letter-spacing:1px;font-weight:900;color:var(--mut)}
.mcRoadStop.now span{color:var(--gold)}
.mcRoadStop.now{filter:drop-shadow(0 0 8px rgba(255,210,77,.45))}
.mcRoadStop.future{filter:grayscale(.9) brightness(.45)}
.mcRoadStop.past{opacity:.75}
.mcRoadArrow{font-style:normal;color:var(--mut);opacity:.5;font-size:var(--fs-read)}
.mcRoadCap{text-align:center;font-size:var(--fs-4);color:var(--mut);margin-bottom:4px}
.mcRoadCap b{color:var(--gold)}

.glRow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.glRow.done .glTx{text-decoration:line-through;color:var(--mut)}
.glIc{flex:0 0 auto;font-size:var(--fs-12)}
.glTx{flex:1;min-width:0;font-size:var(--fs-8);line-height:1.45}
.glDue{flex:0 0 auto;font-size:var(--fs-3);font-weight:800;color:var(--gold);background:rgba(255,210,77,.1);
  border:1px solid rgba(255,210,77,.3);border-radius:999px;padding:2px 8px}
.glDue.late{color:var(--acc2);background:rgba(255,77,141,.1);border-color:rgba(255,77,141,.35)}

.mcRoadStop.future{filter:none}
.mcRoadStop.future svg{filter:brightness(0);opacity:.5}
.mcRoadStop.future{position:relative}
.mcRoadStop.future::after{content:"?";position:absolute;top:11px;left:0;right:0;text-align:center;
  font-size:var(--fs-12);font-weight:900;color:rgba(255,255,255,.55);font-family:'Chakra Petch',sans-serif}
.rArc{display:block;width:100%;height:100%}
#mitoRoam.arcing .rArc{animation:arcJump var(--hopD,.8s) 1}
@keyframes arcJump{0%{translate:0 0;animation-timing-function:cubic-bezier(.25,.6,.5,1)}
  46%{translate:0 var(--hopH,-48px);animation-timing-function:cubic-bezier(.5,0,.75,.4)}100%{translate:0 0}}

#mitoRoam{z-index:-1} 
#mitoRoam.held{z-index:64 !important}
#mitoRoam.under{z-index:-1} 

.wfMito{width:64px;margin:4px auto 12px;text-align:center}
.wfMito svg{width:52px;height:52px;display:block;margin:0 auto;animation:mitoParty 1.1s ease-in-out infinite;transform-origin:center bottom}
.wfMito i{display:block;font-style:italic;font-size:var(--fs-4);color:var(--mut);margin-top:4px;line-height:1.4}
.mcChip.urge{border-color:rgba(255,210,77,.55);color:var(--gold);animation:urgePulse 1.6s ease-in-out infinite}
@keyframes urgePulse{50%{box-shadow:0 0 12px rgba(255,210,77,.4);transform:scale(1.04)}}
.tabbar{padding-bottom:env(safe-area-inset-bottom)}

#mitoRoam .mitoSay{top:auto;min-width:0;white-space:normal;line-height:1.35}
#mitoRoam .mitoSay.edgeL{left:2px;right:auto;transform:none}
#mitoRoam .mitoSay.edgeR{left:auto;right:2px;transform:none}

.grocRm{margin-left:8px;width:20px;height:20px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-3);cursor:pointer;vertical-align:1px}
.grocRm:hover{color:var(--acc2);border-color:rgba(255,77,141,.4)}

.wfQuick{display:flex;gap:8px;justify-content:center;margin-top:16px}
.wfQ{padding:9px 13px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-body);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.12s}
.wfQ.hot{border-color:rgba(255,210,77,.4);color:var(--gold)}
.wfQ.on{border-color:var(--grn);color:var(--grn);background:rgba(62,229,148,.1)}
.wfQ:active{transform:scale(.93)}

.readyNote{display:block;margin-top:4px;font-size:var(--fs-3);color:var(--mut);opacity:.85}

#brainStrip{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:var(--fs-4);color:var(--mut);letter-spacing:.3px;
  border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(180,123,255,.09),rgba(62,229,148,.045));
  white-space:nowrap;overflow-x:auto;scrollbar-width:none}
#brainStrip::before{content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--grn);
  box-shadow:0 0 7px var(--grn);animation:bsPulse 2.4s ease-in-out infinite}
@keyframes bsPulse{0%,100%{opacity:.4;transform:scale(.78)}50%{opacity:1;transform:scale(1.15)}}
[data-theme="calm"] #brainStrip{background:rgba(180,123,255,.06)}
[data-theme="calm"] #brainStrip::before{animation:none;box-shadow:none}
#brainStrip::-webkit-scrollbar{display:none}






#brainStrip{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent);
  mask-image:linear-gradient(90deg,#000 calc(100% - 22px),transparent)}






html.vvOffset #chat.on #brainStrip{display:none}
html.vvOffset #chat.on .chatHead{padding:8px 18px 7px}
.ctools{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.tchip{font-style:normal;font-size:var(--fs-3);font-weight:800;color:var(--mut);
  border:1px solid rgba(180,123,255,.3);background:rgba(180,123,255,.08);
  border-radius:999px;padding:3px 9px}



.chatCard{animation:chatUp .3s ease-out}
@keyframes chatUp{from{opacity:.4}to{opacity:1}}
.cm.model{border-left:2px solid rgba(180,123,255,.35)}

.wfRestPick{display:flex;gap:8px;justify-content:center;margin:2px 0 8px}
.wfVs{font-size:var(--fs-8);font-weight:800;color:var(--acc2);margin-bottom:10px}
.wfVs.up{color:var(--grn)}

#mitoRoam.rollin .rIn{animation:rollIn 1.4s cubic-bezier(.3,.6,.4,1)}
@keyframes rollIn{0%{rotate:-360deg}70%{rotate:12deg}100%{rotate:0deg}}

#mitoRoam .rIn svg > ellipse:first-of-type{opacity:0} 
.rShadow{position:absolute;left:50%;bottom:1px;translate:-50% 0;width:36px;height:8px;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 68%);
  transition:scale .35s ease,opacity .35s ease;pointer-events:none}
#mitoRoam.arcing .rShadow{animation:shadowArc var(--hopD,.8s) ease}
@keyframes shadowArc{0%,100%{scale:1;opacity:1}45%{scale:.5;opacity:.45}}
#mitoRoam.held .rShadow{scale:.4;opacity:.25}
#mitoRoam.under .rShadow{opacity:0}
#mitoRoam.egg .rShadow{width:30px}

#mitoRoam.flinging{transition:none;pointer-events:none;z-index:64} 
#mitoRoam.flinging .rIn{animation:none} 
#mitoRoam.flinging .rShadow{scale:.35;opacity:.2}
#mitoRoam.dizzy .rIn{animation:mitoDizzy 1s ease-in-out}
@keyframes mitoDizzy{0%{rotate:0deg}15%{rotate:-9deg}35%{rotate:8deg}55%{rotate:-6deg}75%{rotate:4deg}100%{rotate:0deg}}
#mitoRoam.dizzy::after{content:"💫";position:absolute;left:50%;top:-8px;translate:-50% 0;font-size:var(--fs-13);pointer-events:none;
  animation:mitoDizzyStar 1.1s ease forwards}
@keyframes mitoDizzyStar{0%{opacity:0;scale:.5;rotate:0deg}25%{opacity:1;scale:1}100%{opacity:0;rotate:200deg;translate:-50% -12px}}
#mitoRoam.peekEdge .rShadow{opacity:0} 
#mitoRoam.peekEyes .mitoEye{transform:translate(var(--eyeX,0px),var(--eyeY,0px));transform-box:fill-box;transition:transform .1s linear}
@media(prefers-reduced-motion:reduce){#mitoRoam.dizzy .rIn,#mitoRoam.dizzy::after,#mitoRoam .rIn{animation:none!important}}













@media (min-width:1280px){
  .view,#ticker,.tabbar,.chatCard,.isCard,.gCard,.brInner,.celebCard,.wfCard{zoom:1.12;--panel-zoom:1.12}
}
@media (min-width:1700px){
  .view,#ticker,.tabbar,.chatCard,.isCard,.gCard,.brInner,.celebCard,.wfCard{zoom:1.22;--panel-zoom:1.22}
}

.pmT{white-space:nowrap}




.lockG{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#131314;color:#e3e3e3;border:1px solid #3c4043;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.lockG:hover{background:#1b1c1e;border-color:#5f6368}
.lockG svg{flex:0 0 auto}


.lockA{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#000;color:#fff;border:1px solid #000;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.lockA:hover{background:#111;border-color:#222}
.lockA svg{flex:0 0 auto}
.lockOr{margin:14px 0 10px;font-size:var(--fs-3);letter-spacing:.14em;color:var(--mut);text-transform:uppercase;display:flex;align-items:center;gap:10px}
.lockOr::before,.lockOr::after{content:"";flex:1;height:1px;background:var(--line)}


.lockOrTight{margin:6px 0 0;font-size:var(--fs-label)}
#lockInviteZone{margin-top:8px}
.lockIn{width:100%;margin:0 0 8px;padding:11px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-read);font-family:inherit}
.lockIn:focus{outline:none;border-color:rgba(255,138,61,.55)}
.lockRow{display:flex;gap:8px;margin-top:2px}
.lockRow .todaybtn{flex:1;min-height:44px;font-size:var(--fs-body)}
.lockLegacy{margin-top:16px;background:none;border:none;color:var(--mut);font-size:var(--fs-label);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit}
.lockLegacy:hover{color:var(--txt)}
.glBtn{flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;position:relative}

.glBtn::after{content:"";position:absolute;inset:-10px}
.glBtn.win{border-color:rgba(80,220,140,.5);color:#5be49b;background:rgba(80,220,140,.1)}
.glBtn.win.hitReady{animation:glPulse 1.4s ease-in-out infinite;box-shadow:0 0 0 0 rgba(80,220,140,.5)}
@keyframes glPulse{0%,100%{box-shadow:0 0 0 0 rgba(80,220,140,.45)}50%{box-shadow:0 0 0 5px rgba(80,220,140,0)}}
.glBtn:disabled{opacity:.4}
.glHit{flex:0 0 auto;font-size:var(--fs-3);font-weight:800;color:#5be49b;background:rgba(80,220,140,.12);border:1px solid rgba(80,220,140,.35);border-radius:7px;padding:2px 7px;white-space:nowrap}
.glRow.hit .glTx{color:var(--txt)}
@media(prefers-reduced-motion:reduce){.glBtn.win.hitReady{animation:none}}
.planRow{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:8px;padding:6px 0}
.planRow .wfLab{flex:1 1 auto;width:auto;text-align:left}





.planRow .wfStep{width:36px;min-width:44px;min-height:44px;border-radius:12px;font-size:var(--fs-14);flex:0 0 auto}
.planRow .wfVal{min-width:88px;text-align:center;font-size:var(--fs-16);flex:0 0 auto}
.planRow .wfRec{width:36px;min-width:44px;min-height:44px;flex:0 0 auto;border-radius:12px;font-size:var(--fs-13);line-height:1;
  color:var(--acc);background:rgba(255,138,61,.1);border:1px solid rgba(255,138,61,.3);cursor:pointer;
  transition:background .14s ease,transform .1s ease}
.planRow .wfRec:hover{background:rgba(255,138,61,.2)}
.planRow .wfRec:active{transform:scale(.9)}
.planBuild{margin-top:4px}
.planHabits{display:flex;flex-direction:column;gap:4px;margin:6px 0}
.planHab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);font-size:var(--fs-body)}
.planHab>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planDow{font-style:normal;color:var(--mut);font-size:var(--fs-3);margin-left:4px}
.planCore{font-style:normal;font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);border-radius:6px;padding:2px 6px}
.planHabAct{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px}




















.planHabAct{gap:14px}
.planHabAct>.planAnchor,.planHabAct>.planTgt,.planHabAct>.glBtn{width:32px;height:32px;margin-left:0}
.planHabAct>.planCoreTgl,.planHabAct>.planTrialPill{min-height:32px}


.planHabAct>.glBtn::after{inset:-6px}


.planRevert{font-size:var(--fs-read)} 
.planTrialPill{flex:0 0 auto;font-size:var(--fs-3);font-weight:700;color:var(--blu);border:1px solid rgba(127,216,255,.3);border-radius:999px;padding:5px 9px;min-height:26px;background:rgba(127,216,255,.07);cursor:pointer;position:relative}
.planTrialPill::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)} 
.gradTrialBtn{width:100%;margin-top:8px;min-height:48px;font-size:var(--fs-10)}

.planCoreTgl{flex:0 0 auto;font-size:var(--fs-1);letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--mut);border:1px solid var(--line);border-radius:7px;padding:5px 8px;min-height:26px;background:rgba(255,255,255,.04);cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.planCoreTgl.on{color:#ffcf5a;border-color:rgba(255,200,80,.55);background:rgba(255,200,80,.12)}
.planCoreTgl:disabled{opacity:.4}
.planAdd{display:flex;flex-direction:column;gap:7px;margin-top:9px}
.planAdd .lockIn{margin:0}
.planDows .isChip{min-width:32px;text-align:center;padding:5px 0}
.planAdd .todaybtn{min-height:38px}
.planTape{display:flex;gap:8px}
.planTape .lockIn{margin:0;text-align:center}
.wfSwapList{display:flex;flex-direction:column;gap:6px;margin:12px 0;max-height:44vh;overflow-y:auto}
.wfSwapRow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-read);font-weight:700;cursor:pointer;text-align:left;font-family:inherit}
.wfSwapRow i{font-style:normal;color:var(--mut);font-size:var(--fs-4);font-weight:600;flex:0 0 auto}

.admTabs{margin-bottom:14px;flex-wrap:wrap} 
.admTabs .isChip{flex:0 0 auto}
#isheet.admMode .isCard{max-width:min(94vw,880px)} 
.admAct.admMini{padding:7px 10px;font-size:var(--fs-body);flex:0 0 auto}
.admContent{min-height:130px}
.admKebab{flex:0 0 auto;min-width:44px;min-height:44px;font-size:var(--fs-15);font-weight:900;letter-spacing:1px}
.admKebab.on{border-color:var(--acc);color:var(--acc)}
.admRowActs{display:none;flex-wrap:wrap;gap:8px;padding:8px 2px 2px}
.admRowActs.open{display:flex}
.admRowActs .admAct{min-height:44px;padding:8px 14px}
.admUserMail{overflow-wrap:anywhere;min-width:0}
.admStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin-bottom:14px}
.admStat{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:14px;padding:11px 6px;text-align:center;font:inherit;color:inherit;cursor:pointer;min-height:44px}
.admStat.on{border-color:var(--acc);background:rgba(255,138,61,.12)} 
.admStat b{display:block;font-size:var(--fs-16);font-weight:900;line-height:1.1;color:var(--txt)}
.admStat i{font-style:normal;font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);margin-top:4px;display:block}
.admStat.gold b{color:var(--gold)}
.admStat.grn b{color:var(--grn)}
.admStat.blu b{color:var(--blu)}
.admStat.adm b{color:var(--pur)}
.admSearch{margin:0 0 10px}
.admUser{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:6px;overflow:hidden}
.admUserTop{display:flex;align-items:center;gap:9px;padding:9px 11px}
.admUserMain{min-width:0;flex:1 1 auto}
.admUserMail{font-size:var(--fs-body);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admUserSub{font-size:var(--fs-3);color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admBadge{flex:0 0 auto;font-size:var(--fs-1);font-weight:900;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mut)}
.admBadge.owner{color:var(--gold);border-color:rgba(255,210,77,.45);background:rgba(255,210,77,.08)}
.admBadge.admin{color:var(--pur);border-color:rgba(180,123,255,.45);background:rgba(180,123,255,.08)}
.admBadge.pro{color:var(--grn);border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.08)}
.admBadge.free{color:var(--mut)}
.admAct.admMini.on{color:var(--pur);border-color:rgba(180,123,255,.5)}
.admAct{flex:0 0 auto;font-size:var(--fs-4);font-weight:800;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);cursor:pointer;font-family:inherit}
.admAct:active{transform:scale(.94)}
.admAct.danger{color:var(--bad,#ff6b6b);border-color:rgba(255,107,107,.35)}
.admGrant{max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease;border-top:1px solid transparent}
.admGrant.open{max-height:240px;padding:10px 11px 12px;border-top:1px solid var(--line)}
.admNote{font-size:var(--fs-4);color:var(--mut);line-height:1.5;margin:2px 2px 10px}

.admFunnel{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.admFunnelStep{position:relative;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);padding:10px 13px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.admFunnelFill{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,138,61,.16),rgba(255,138,61,.03));border-right:2px solid rgba(255,138,61,.4)}
.admFunnelStep .fLab{position:relative;z-index:1;font-size:var(--fs-body);font-weight:700}
.admFunnelStep .fLab i{font-style:normal;color:var(--mut);font-size:var(--fs-3);font-weight:600;margin-left:6px}
.admFunnelStep .fNum{position:relative;z-index:1;font-size:var(--fs-14);font-weight:900}
.admBars{display:flex;flex-direction:column;gap:5px;margin:4px 0 12px}
.admBarRow{display:flex;align-items:center;gap:8px;font-size:var(--fs-label)}
.admBarRow .admBarLab{flex:0 0 78px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admBarRow .admBarTrack{flex:1;height:13px;border-radius:7px;background:rgba(255,255,255,.05);overflow:hidden}
.admBarRow .admBarFill{height:100%;border-radius:7px;background:linear-gradient(90deg,var(--acc),var(--gold));min-width:2px}
.admBarRow .admBarNum{flex:0 0 auto;font-weight:800;min-width:22px;text-align:right}
.admSpark{display:flex;align-items:flex-end;gap:3px;height:50px;margin:6px 0 4px;padding:0 1px}
.admSparkBar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,var(--blu),rgba(70,160,255,.25));min-height:2px;transition:height .3s}
.admSparkAx{display:flex;justify-content:space-between;font-size:8.5px;color:var(--mut);margin-bottom:10px}

.admFlag{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:7px}
.admFlagMain{min-width:0;flex:1 1 auto}
.admFlagLab{font-size:var(--fs-8);font-weight:700}
.admFlagLab .fBeta{font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(255,210,77,.4);border-radius:5px;padding:1px 5px;margin-left:6px}
.admFlagDesc{font-size:var(--fs-4);color:var(--mut);margin-top:3px;line-height:1.45}
.admSwitch{flex:0 0 auto;width:44px;height:26px;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.06);position:relative;cursor:pointer;transition:background .2s}
.admSwitch::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--mut);transition:transform .2s,background .2s}
.admSwitch.on{background:rgba(62,229,148,.22);border-color:rgba(62,229,148,.5)}
.admSwitch.on::after{transform:translateX(18px);background:var(--grn)}
.wfSwapRow:active{background:rgba(255,138,61,.12);border-color:rgba(255,138,61,.4)}
.phGal{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.phChip{padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-4);font-weight:700;cursor:pointer;font-family:inherit}
.phChip.on{border-color:rgba(255,138,61,.6);background:rgba(255,138,61,.14);color:var(--acc)}
.phCmp{display:flex;gap:8px;margin-top:10px}
.phCmp figure{flex:1;min-width:0;margin:0}
.phCmp img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}
.phCmp figcaption{font-size:var(--fs-3);color:var(--mut);text-align:center;margin-top:4px}


.wmG{background:linear-gradient(135deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}


.gAnimWrap{margin:6px 0 2px}
.gAnimWrap .gH{margin-bottom:4px}
.gAnimSvg{width:100%;max-width:230px;height:150px;display:block;margin:0 auto;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:14px}


.lockWrap{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;max-width:980px;width:100%;justify-items:center}





.lockAside{display:block;position:relative;max-width:430px;margin:0 auto 4px;text-align:left}
.lockAside::before{content:"";position:absolute;inset:-40px;background:radial-gradient(55% 55% at 30% 30%,rgba(255,138,61,.13),transparent 70%);pointer-events:none}


.lockMore{position:relative;max-width:430px;width:100%;margin:0 auto;text-align:left}
@media (min-width:900px){
  


  .lockWrap{grid-template-columns:1.05fr .95fr;grid-template-areas:"aside card" "more card";
    justify-items:stretch;column-gap:36px;row-gap:0;align-content:center}
  


  .lockAside{grid-area:aside;display:block;width:100%;max-width:430px;margin-left:0;align-self:end}
  .lockMore{grid-area:more;width:100%;max-width:430px;margin-left:0;align-self:start}
  #lock .lockcard{grid-area:card;justify-self:end;width:100%;max-width:360px;align-self:center}
}
.laBrand{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-16);letter-spacing:.4px}



.laBrand .lkMito{width:44px;height:44px;margin:0;flex:0 0 auto}
.laHead{font-family:'Chakra Petch',sans-serif;font-size:27px;line-height:1.28;font-weight:700}
.laSub{color:var(--mut);font-size:var(--fs-10);margin:10px 0 26px;line-height:1.6}
.laProps{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0;padding:0}
.laProps li{display:flex;gap:12px;align-items:flex-start}
.laIc{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;background:rgba(255,138,61,.1);border:1px solid rgba(255,138,61,.28);border-radius:11px;font-size:var(--fs-13)}
.laProps b{display:block;font-size:var(--fs-10);font-weight:700}
.laProps i{display:block;font-style:normal;color:var(--mut);font-size:var(--fs-body);margin-top:2px;line-height:1.5}
.laTrust{margin-top:26px;color:var(--mut);font-size:var(--fs-6)}


.laTrust a{color:var(--acc);text-decoration:none;min-height:44px;display:inline-flex;align-items:center;font-weight:700}
.laProTag{font-style:normal;font-size:var(--fs-1);font-weight:900;letter-spacing:.1em;vertical-align:2px;
  color:var(--gold);border:1px solid rgba(255,210,77,.4);border-radius:5px;padding:1px 4px;margin-left:4px}


@media (max-width:899px){
  









  .lockWrap{gap:0;justify-items:stretch;grid-template-columns:minmax(0,1fr)}
  .lockAside,.lockcard,.lockMore{width:100%;max-width:430px;margin-left:auto;margin-right:auto}
  .lockcard{background:none;border:0;box-shadow:none;border-radius:0;padding:0;text-align:left}
  .lockAside{margin-bottom:0}
  .lockAside::before{inset:-26px -20px}
  .laBrand{gap:12px;margin:0 0 16px;font-size:21px}
  .laBrand .lkMito{width:62px;height:62px}
  .laHead{font-size:var(--fs-19);line-height:1.22;margin:0}
  

  .laSub{display:none}
  


  
  .lockMore{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
  .lockMore .laPro{display:none}            
  .laProps{gap:11px}
  .laTrust{margin-top:18px}
  



  .laTrust>span{display:none}
}
.wfSwapH{font-size:var(--fs-2);letter-spacing:.16em;color:var(--mut);font-weight:900;text-transform:uppercase;margin:8px 0 2px;text-align:left}
.wfSwapRow>span{min-width:0;text-align:left}
.wfMus{display:block;font-style:normal;font-size:var(--fs-3);color:var(--acc);font-weight:600;margin-top:2px}












#lockLoad{display:none}
#lock.loading #lockActions > *:not(#lockLoad){visibility:hidden}
#lock.loading #lockLoad{display:flex;flex-direction:column;justify-content:center;
  position:absolute;inset:0}

#lock.loading .lockTrust,#lock.loading .lockDemoBtn,#lock.loading .lockConsent,
#lock.loading #lockSecondary{opacity:.3;pointer-events:none}
.llBar{width:100%;height:5px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 0 10px}
.llBar i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--acc2));animation:llSweep 1.4s ease-in-out infinite}
@keyframes llSweep{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}


.llMsg{color:var(--txt);font-size:var(--fs-read);min-height:34px;display:flex;align-items:center;justify-content:center;text-align:center;transition:opacity .32s ease;background:var(--bg,#0b0f14);border-radius:8px;padding:2px 8px;position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.llBar i{animation:none;width:100%}.llMsg{transition:none}}
.vsBar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin:4px 0 8px}
.vsBar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .8s ease}
.vsMsg{color:var(--mut);font-size:var(--fs-body);min-height:16px}
.vsDone{font-size:var(--fs-10);margin:2px 0 8px}
.vsMeasGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0 0 10px}
.vsMeas{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 9px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}
.vsMeas span{color:var(--mut);font-size:var(--fs-4);letter-spacing:.04em}
.vsMeas b{color:var(--txt);font-size:var(--fs-8);font-variant-numeric:tabular-nums;white-space:nowrap}
.vsNote{color:var(--mut);font-size:var(--fs-body);line-height:1.5}


@media (pointer:coarse),(max-width:820px){
  .gCard{background:rgba(11,15,26,.98);backdrop-filter:none}
  




  #guide{backdrop-filter:none;background:#05070d}
}


#mitoRoam .crouch .rIn{transform:scaleY(.8);transform-origin:50% 100%;transition:transform .22s ease}












@media (min-width:1280px){
  .view{padding-top:10px}
}
@media (min-width:1700px){
  .view{padding-top:8px}
}


.foot,.foot div{opacity:1 !important;color:var(--mut)}

.card.hero{min-height:229px}
#guideWrap{min-height:149px}
#dayStats{min-height:163px}
.card.gReady{min-height:210px}
#quest{min-height:280px}
#plateList{min-height:110px}
#tiles{min-height:96px}
@media(min-width:900px){.card.hero{min-height:0}#guideWrap{min-height:100px}#dayStats{min-height:92px}.card.gReady{min-height:0}}


.bePrev{display:grid;place-items:center;margin:2px 0 8px;gap:5px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
.bePrev svg{width:118px;height:196px;filter:drop-shadow(0 8px 24px rgba(255,77,141,.18))}
.beFig{display:grid;place-items:center}
.beFlip svg{transform:scaleX(-1)}
.beRot{padding:4px 12px;font-size:var(--fs-3)}
.beRotHint{font-size:var(--fs-2);color:var(--mut);text-align:center}
.beRow{display:flex;align-items:center;gap:10px;padding:6px 0}
.beRow .wfLab{flex:0 0 auto;width:auto;min-width:104px;text-align:left}


.beRow input[type=range]{flex:1;accent-color:var(--acc)}
.beVal{min-width:44px;text-align:right;font-size:var(--fs-body);color:var(--gold);font-family:'Chakra Petch',sans-serif}


@media(min-width:1280px){#appbar{padding-top:13px;padding-bottom:13px}.abLogo{width:31px;height:31px}.abTitle{font-size:var(--fs-12)}.abStatus{font-size:var(--fs-8)}}
@media(min-width:1700px){#appbar{padding-top:15px;padding-bottom:15px}.abLogo{width:34px;height:34px}.abTitle{font-size:16.5px}.abStatus{font-size:var(--fs-10)}}


.grocUrl .lockIn{margin-bottom:0}

@media(min-width:1080px){#acctMenu{right:12px}}


.card > .clpsLab{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:20px}
.card > .clpsLab::after{content:"▾";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:var(--fs-body);color:var(--mut);transition:transform .18s}
.card.clps > .clpsLab::after{transform:translateY(-50%) rotate(-90deg)}



.card.clps{max-height:184px;min-height:0!important;overflow:hidden;position:relative}
.card.clps > :not(.label){pointer-events:none;filter:saturate(.9)}
.card.clps::after{content:"";position:absolute;left:0;right:0;bottom:0;height:98px;pointer-events:none;
  
  background:linear-gradient(to bottom,rgba(15,20,36,0),rgba(15,20,36,.72) 44%,rgba(15,20,36,1) 82%);border-radius:0 0 inherit inherit}






.card.clps::before{content:var(--clpsHint, "⌄ tap to open");position:absolute;left:50%;bottom:8px;translate:-50% 0;z-index:1;
  font-size:var(--fs-2);letter-spacing:1.5px;font-weight:800;text-transform:uppercase;color:var(--mut);pointer-events:none}
.card.clps > .label{margin-bottom:10px !important}









#view-lab.on > .card.clps{min-height:0 !important}














:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px)}
html[data-sim-notch]{--sat:59px;--sab:34px}
html{overscroll-behavior:none;touch-action:manipulation}
body{touch-action:manipulation}


.q,.navbtn,.tappable,.check,button{touch-action:manipulation}

.tabbar,#ticker{transform:translateZ(0);will-change:transform}







.mitoAsk{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);display:flex;gap:5px;background:#0d1322;border:1px solid rgba(255,138,61,.5);border-radius:999px;padding:5px 6px 5px 12px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:5}
.mitoAsk input{width:min(52vw,220px);background:none;border:none;outline:none;color:var(--txt);font-size:var(--fs-read);font-family:inherit}
.mitoAsk button{width:28px;height:28px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#06080f;font-size:var(--fs-read);cursor:pointer;flex:0 0 auto}





.lockLede{font-size:var(--fs-8);color:var(--mut);line-height:1.55;letter-spacing:.3px;margin:0 0 14px}



#lockActions{position:relative;display:flex;flex-direction:column;gap:8px;min-height:52px}
#lockActions .connectBig{margin-top:0}   
.lockTrust{margin-top:10px;font-size:var(--fs-4);color:var(--mut);letter-spacing:.04em}

.lockConsent{margin-top:12px;font-size:var(--fs-4);line-height:1.5;color:var(--mut)}
.lockConsent .lcLinks{display:block;margin-top:4px}


.lockConsent .lcLinks .lcLink{display:inline-flex;align-items:center;min-height:44px}

.lockConsent a,.lcLink{color:var(--blu);font-weight:800;text-decoration:none;border-radius:4px;transition:color .16s ease}
.lockConsent a:hover,.lockConsent a:focus-visible,.lcLink:hover,.lcLink:focus-visible{color:var(--ice);outline:none}
.lockConsent a:focus-visible,.lcLink:focus-visible{box-shadow:0 0 0 2px rgba(70,160,255,.5)}
@media(prefers-reduced-motion:reduce){.lockConsent a,.lcLink{transition:none}}
.cm.retryable{cursor:pointer;border-color:rgba(255,138,61,.4)}
.cm.retryable:hover{background:rgba(255,138,61,.08)}


.modWrap{border:1px solid rgba(122,140,255,.22);border-radius:14px;margin-bottom:12px;overflow:hidden;background:rgba(10,14,26,.5)}
.modHead{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;font-size:var(--fs-8);border-bottom:1px solid rgba(255,255,255,.06)}
.modDel{background:none;border:none;color:var(--mut);font-size:var(--fs-4);cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;position:relative;padding:6px 2px}
.modDel::after{content:"";position:absolute;inset:-11px} 
.modDel:hover{color:#ff6a6a}
.modFrame{display:block;width:100%;height:120px;border:0;background:transparent}




.modSec{padding:12px 2px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.modSec:last-child{border-bottom:0;padding-bottom:2px}
.mkHead{display:flex;align-items:center;gap:8px;margin-bottom:9px}
.mkHead>b{font-size:var(--fs-8);font-weight:800;letter-spacing:.01em;color:var(--txt);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkMeta{margin-left:auto;font-size:var(--fs-6);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;flex:0 0 auto}


.mkRm{flex:0 0 auto;background:none;border:0;color:var(--mut);font-size:var(--fs-4);font-family:inherit;cursor:pointer;opacity:.4;padding:6px 2px;position:relative;transition:opacity .18s,color .18s}
.mkRm::after{content:"";position:absolute;inset:-12px} 
.mkHead:hover .mkRm,.mkRm:focus-visible{opacity:.85}
.mkRm:hover{color:#ff6a6a;opacity:1}
.mkRm:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
@media(hover:none){.mkRm{opacity:.6}} 
.mkBody{}

.mkRow{display:flex;align-items:center;gap:10px}
.mkLeft{display:flex;align-items:center;gap:7px;min-width:0;flex:1 1 auto}
.mkIc{font-size:var(--fs-14);flex:0 0 auto;line-height:1}
.mkLab{font-size:var(--fs-8);color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkPill{flex:0 0 auto}

.mkDots{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.mkDot{font-style:normal;font-size:var(--fs-12);opacity:.24;transition:opacity .2s,transform .2s;line-height:1}
.mkDot.on{opacity:1;transform:scale(1.06)}

.mkRow.mkWarn .spVal{color:var(--acc)}
.mkRow.mkMax .spVal{color:#ff6a6a}
.mkDots.mkMax .mkDot.on{filter:hue-rotate(-35deg) saturate(1.3)}
.mkTip{font-size:var(--fs-label);color:var(--mut);line-height:1.5;margin-top:9px}

.mkChips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.mkGlass{flex:0 0 auto;width:44px;height:44px;border:0;background:transparent;padding:0;font-size:23px;line-height:1;cursor:pointer;opacity:.26;transition:transform .13s ease,opacity .22s,filter .25s;-webkit-tap-highlight-color:transparent}
.mkGlass:active{transform:scale(.88)}
.mkGlass.full{opacity:1;filter:drop-shadow(0 2px 6px rgba(70,160,255,.55));transform:translateY(-2px)}
.mkGlass:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:8px;opacity:.85}
.mkGoalRow{display:flex;align-items:center;gap:11px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}
.mkGoalLab{font-size:var(--fs-3);letter-spacing:1.4px;text-transform:uppercase;font-weight:800;color:var(--mut);flex:1 1 auto}
.mkGoalPill{flex:0 0 auto}

.mkPreview{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin:2px 0 12px;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:rgba(10,14,26,.5)}
.mkBig{font-size:28px;font-weight:900;line-height:1;letter-spacing:-.5px;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.mkSub{font-size:var(--fs-6);color:var(--mut)}
.mkSlide{width:100%;accent-color:var(--acc);margin:2px 0 12px;height:22px}
.mkSlide:focus-visible{outline:2px solid var(--acc);outline-offset:4px;border-radius:8px}
.mkInc{margin-bottom:13px}
.mkIncChip{min-height:36px;font-variant-numeric:tabular-nums;position:relative}
.mkIncChip::after{content:"";position:absolute;top:50%;left:0;width:100%;height:44px;transform:translateY(-50%)} 
.mkPrimary{width:100%;padding:12px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#1a0e05;font-weight:800;font-size:var(--fs-11);font-family:inherit;letter-spacing:.01em;cursor:pointer;min-height:44px;transition:filter .15s,transform .12s}
.mkPrimary:hover{filter:brightness(1.07)}
.mkPrimary:active{transform:scale(.99)}
.mkPrimary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.mkPrimary[disabled]{opacity:.55;cursor:default}
.mkMsg{font-size:var(--fs-6);text-align:center;margin-top:9px;min-height:14px;color:var(--grn)}
.mkMsg.mkErr{color:#ff6a6a}
.mkNote.mkWarn{color:#ff8a6b}



.qAddRow2{display:flex;gap:8px;align-items:stretch}



.qAddRow2>.psimRow:first-child{flex:1 1 0;width:auto;min-width:0}   
.qAddRow2>.qAddEdit{flex:0 0 auto;width:auto;min-width:0;white-space:nowrap;color:var(--mut)}  
.qAddEdit:hover{color:var(--txt)}
.rxClpBtn{background:none;border:none;color:var(--mut);cursor:pointer;font-size:var(--fs-read);line-height:1;padding:2px 6px;min-width:28px;min-height:28px;vertical-align:middle}
.rxClpBtn:hover{color:var(--txt)}



.modToast{position:fixed;left:50%;bottom:max(118px,calc(104px + env(safe-area-inset-bottom)));transform:translateX(-50%) translateY(8px);background:#0d1322;border:1.5px solid rgba(255,138,61,.65);color:#f2f6ff;padding:13px 20px;border-radius:14px;font-size:var(--fs-11);font-weight:650;line-height:1.4;letter-spacing:.1px;z-index:200;opacity:0;box-shadow:0 6px 28px rgba(0,0,0,.55),0 0 18px rgba(255,138,61,.18);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.3s;pointer-events:none;max-width:86vw}
.modToast.on{opacity:1;transform:translateX(-50%) translateY(0)}


.modToast .toastAct{pointer-events:auto;margin-left:12px;background:none;border:1px solid var(--acc);color:var(--acc);border-radius:9px;padding:8px 14px;font-weight:800;font-size:var(--fs-body);cursor:pointer;min-height:36px;position:relative}
.modToast .toastAct::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:44px;transform:translate(-50%,-50%)} 


.abcdRow{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:4px 0 8px;animation:cmIn .35s ease}






@media(max-width:440px){.abcdRow{grid-template-columns:1fr;gap:6px}.abcdRow .abcd{padding:7px 12px 7px 7px;font-size:var(--fs-body)}.abcdRow .abcdL{flex:0 0 21px;height:21px;font-size:var(--fs-label)}}
.abcd{display:flex;align-items:center;gap:10px;text-align:left;background:rgba(14,19,34,.85);border:1px solid rgba(122,140,255,.28);border-radius:999px;padding:8px 14px 8px 8px;color:var(--txt);font-size:var(--fs-8);font-family:inherit;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.abcd:hover{border-color:var(--acc);transform:translateX(3px)}
.abcdL{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:var(--fs-6);color:#0a0e1a}
.abcdL.l0{background:#ff8a3d}.abcdL.l1{background:#ff4d8d}.abcdL.l2{background:#5aa2ff}.abcdL.l3{background:#3ddc84}
.badge.club100{grid-column:1/-1;background:linear-gradient(135deg,rgba(255,138,61,.16),rgba(255,77,141,.14));border-color:var(--gold);box-shadow:0 0 24px rgba(255,190,80,.18)}
.badge.club100 .bp{color:var(--gold)}
@media (min-width:2400px){#mitoRoam{width:76px;height:76px;bottom:112px}}
@media (min-width:3400px){#mitoRoam{width:96px;height:96px;bottom:120px}}


.avArm{transform-box:fill-box;transform-origin:50% 6%}
.figWave .aR{animation:avWave .95s ease}
.figWave .aL{animation:avWaveL .95s ease .08s}
@keyframes avWave{20%{transform:rotate(-16deg)}45%{transform:rotate(9deg)}70%{transform:rotate(-11deg)}100%{transform:rotate(0)}}
@keyframes avWaveL{20%{transform:rotate(14deg)}45%{transform:rotate(-8deg)}70%{transform:rotate(10deg)}100%{transform:rotate(0)}}
.flashConsent{position:fixed;inset:0;z-index:400;background:rgba(4,6,12,.8);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.fcCard{max-width:420px;background:#0a0e1a;border:1px solid rgba(255,138,61,.4);border-radius:18px;padding:22px;font-size:var(--fs-10)}
.fcCard b{font-size:var(--fs-12)}
.fcCard p{color:var(--mut);line-height:1.55;margin:10px 0 16px}
.fcRow{display:flex;gap:10px;justify-content:flex-end}
.flashSeq{position:fixed;inset:0;z-index:500;display:grid;place-items:center;cursor:pointer;background:#fff}
.fsTx{font-family:'Chakra Petch',sans-serif;font-size:min(18vw,120px);font-weight:900;letter-spacing:.04em;user-select:none}








#consentOv,.consentOv{position:fixed;inset:0;z-index:520;background:rgba(4,6,12,.82);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:10px 14px;overflow-y:auto}
.csCard{width:100%;max-width:440px;background:var(--glass);border:1px solid var(--line);border-radius:20px;padding:16px 20px 12px;box-shadow:0 22px 64px rgba(0,0,0,.7);animation:pop2 .3s cubic-bezier(.2,1.4,.4,1)}
.csIcon{font-size:var(--fs-19);text-align:center;line-height:1}
.csTitle{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-16);font-weight:700;text-align:center;color:var(--txt);margin:6px 0 5px}
.csIntro{color:var(--mut);font-size:var(--fs-read);line-height:1.5;text-align:center;margin-bottom:9px}





.csList{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.csList li{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:13px;padding:9px 12px;background:rgba(255,255,255,.03)}
.csList li b{font-size:var(--fs-read);color:var(--txt)}
.csList li span{font-size:var(--fs-8);color:var(--mut);line-height:1.5}




.csLimit{border-top:1px solid var(--line);padding-top:9px;margin-bottom:8px;color:var(--mut);font-size:var(--fs-8);line-height:1.48}
.csErr{color:var(--acc2);font-size:var(--fs-8);line-height:1.45;margin-bottom:10px;text-align:center}
.csAccept{width:100%;min-height:48px;margin-top:2px;display:flex;align-items:center;justify-content:center}
.csAccept:disabled{opacity:.7;cursor:default}








.csPolicy{display:flex;align-items:center;justify-content:center;min-height:44px;
  text-align:center;color:var(--mut);font-size:var(--fs-8);text-decoration:underline;margin:6px 0 2px;padding:6px}
.csPolicy:hover{color:var(--txt)}
.csDecline{display:block;width:100%;min-height:44px;background:none;border:0;color:var(--mut);font-size:var(--fs-8);cursor:pointer;padding:8px}
.csDecline:hover{color:var(--txt)}


.penOv{position:fixed;inset:0;z-index:300;background:rgba(4,6,12,.72);backdrop-filter:blur(4px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;animation:viewIn .3s ease}
.penOv canvas{display:block;touch-action:none;cursor:crosshair;border-radius:16px;border:1px solid rgba(122,140,255,.3);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.45)}
.penHud{position:static;width:100%;max-width:620px;display:flex;flex-direction:column;align-items:center;gap:5px;font-family:'Chakra Petch',sans-serif;pointer-events:none}
.penHud b{font-size:var(--fs-18);letter-spacing:.06em}
.penHud span{font-size:var(--fs-body);color:var(--mut);padding:0 16px;text-align:center}
.penX{position:absolute;top:max(12px,env(safe-area-inset-top));right:14px;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(10,14,26,.8);color:var(--txt);font-size:var(--fs-12);cursor:pointer}

.penX::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}


.planAnchor::before,.planTgt::before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}



.wgEye,.alAddNudge,.grocSegBtn{min-height:44px}
.wgMain{min-height:44px;display:flex;flex-direction:column;justify-content:center}
.lockIn{min-height:44px}
.wfStep{min-width:44px;min-height:44px}






.abStatus,.mcStyle,.fbBtn,.chatSend{position:relative}
.abStatus::before,.mcStyle::before,.fbBtn::before,.chatSend::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}




.abcd{position:relative}
.abcd::before{content:"";position:absolute;left:0;right:0;top:50%;height:42px;transform:translateY(-50%)}
.planCoreTgl,.glBtn,.grocPickCk{position:relative}
.planCoreTgl::before,.glBtn::before,.grocPickCk::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px}
.wgAll::before{content:"";position:absolute;left:50%;top:50%;width:calc(100% + 6px);height:44px;transform:translate(-50%,-50%)}


body.isDemo .chatCard{margin-top:46px}














#mitoRoam.rDock{transform-origin:50% 50%;z-index:61}






#mitoRoam.rThru{pointer-events:none}
.penX:hover{border-color:var(--acc)}

.dropHot{outline:2px dashed rgba(255,138,61,.5);outline-offset:-6px;border-radius:16px}


.arcMenuOv{display:grid;place-items:center}
.arcWrap{max-width:640px;width:92vw}
.arcTitle{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-19);font-weight:900;letter-spacing:.12em;text-align:center;margin-bottom:20px}
.arcGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:560px){.arcGrid{grid-template-columns:1fr}}
.arcTile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border-radius:16px;border:1px solid rgba(122,140,255,.28);background:rgba(12,17,32,.9);color:var(--txt);font-family:inherit;cursor:pointer;text-align:left;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.arcTile:hover{border-color:var(--acc);transform:translateY(-2px)}
.arcIc{font-size:var(--fs-21)}
.arcTile b{font-size:var(--fs-12)}
.arcTile i{font-style:normal;font-size:var(--fs-6);color:var(--mut)}
.arcCred{margin:16px auto 0;display:block;background:none;border:1px solid rgba(122,140,255,.28);color:var(--mut);font-family:inherit;font-size:var(--fs-8);padding:8px 16px;border-radius:12px;cursor:pointer}
.arcCred:hover{border-color:var(--acc);color:var(--txt)}
.arcCredSheet{max-width:560px;font-size:var(--fs-read);line-height:1.55;color:var(--txt);background:rgba(12,17,32,.92);border:1px solid rgba(122,140,255,.2);border-radius:16px;padding:18px 20px;max-height:70vh;overflow-y:auto}
.arcCredSheet p{margin:0 0 12px}
.arcCredSheet i{color:var(--mut)}
.penOv{padding-bottom:4vh}
.arcMenuOv{justify-content:center;padding-bottom:0}
.arcMenuOv .arcWrap{max-height:88vh;overflow-y:auto}


.demoBar{position:fixed;top:calc(env(safe-area-inset-top) + var(--abH,54px) + 14px);left:0;right:0;margin-inline:auto;width:fit-content;max-width:min(var(--colv),calc(100% - 2*var(--pad)));z-index:95;
  background:rgba(12,17,32,.95);border:1px solid rgba(255,190,80,.5);border-radius:999px;padding:8px 14px;font-size:var(--fs-body);color:var(--txt);display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px rgba(0,0,0,.4);white-space:nowrap}
.demoBar button{background:linear-gradient(135deg,var(--acc),var(--acc2));border:none;border-radius:999px;color:#0a0e17;font-weight:800;padding:8px 14px;cursor:pointer;font-family:inherit;font-size:var(--fs-6);min-height:44px}


.euTop{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--fs-8)}
.euTop span{color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.euTop b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-6);color:var(--mut);flex:0 0 auto}


.fbRow{display:flex;gap:6px;margin-top:8px;align-items:center;opacity:.45;transition:opacity .2s}
.cm:hover .fbRow,.fbRow:focus-within{opacity:1}
.fbBtn{background:none;border:1px solid rgba(122,140,255,.25);border-radius:8px;padding:3px 8px;cursor:pointer;font-size:var(--fs-body);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.fbBtn:hover{border-color:var(--acc);transform:scale(1.08)}
.fbThx{font-size:var(--fs-label);color:var(--grn)}
.fbFollow{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fbChip{background:rgba(14,19,34,.9);border:1px solid rgba(122,140,255,.3);border-radius:999px;padding:4px 10px;font-size:var(--fs-4);color:var(--mut);cursor:pointer;font-family:inherit}
.fbChip.on{border-color:var(--acc);color:var(--txt);background:rgba(255,138,61,.12)}
.fbGo{background:linear-gradient(135deg,var(--acc),var(--acc2));border:none;border-radius:999px;color:#0a0e17;font-weight:800;padding:7px 14px;font-size:var(--fs-label);cursor:pointer;font-family:inherit;min-height:34px}


.label{position:relative}



.card.metaFoldOnly:not(.clps) > .label > .cardMeta{display:none}
.cardMeta{margin-left:auto;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;color:var(--acc);letter-spacing:.02em;white-space:nowrap} 







@media(max-width:1079px){
  #view-today.on{display:flex;flex-direction:column}
  #view-today.on>#passCard,#view-today.on>#starsCard{order:1}
}
.starsMeta{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acc);margin-bottom:5px}
.starsHead{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-12);font-weight:700;background:linear-gradient(135deg,#c9b8ff,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.starsBody{font-size:var(--fs-read);color:#c6cde0;line-height:1.6}



.stCtl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:9px 0 12px}
.stTabs{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto}
.stTab{padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-6);font-weight:700;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.stTab:hover{background:rgba(255,255,255,.08);color:var(--txt)}
.stTab.on{border-color:rgba(201,184,255,.5);background:rgba(201,184,255,.14);color:#d9cbff}




.stDayseg{display:inline-flex;gap:2px;padding:3px;margin:0;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03)}
.stDayb{min-height:44px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--mut);font-size:var(--fs-label);font-weight:700;cursor:pointer;transition:background .15s,color .15s}
.stDayb:hover{color:var(--txt)}
.stDayb.on{background:rgba(255,255,255,.09);color:var(--txt)}
.starsTie{margin-top:10px;font-size:var(--fs-8);color:var(--txt);border-left:2px solid rgba(201,184,255,.5);padding-left:10px}
.starsFoot{margin-top:10px;font-size:var(--fs-3);color:var(--mut);letter-spacing:.03em}

.stQuip{font-size:var(--fs-body);color:var(--mut);font-style:italic;line-height:1.5;margin:1px 0 3px}
.stAsk{margin-top:12px;display:inline-flex;align-items:center;gap:6px;min-height:44px;background:rgba(180,123,255,.1);border:1px solid rgba(180,123,255,.4);color:#d9cbff;font-size:var(--fs-6);font-weight:700;padding:6px 15px;border-radius:999px;cursor:pointer;transition:background .15s}
.stAsk:hover{background:rgba(180,123,255,.2)}


.stWheelWrap{margin:4px auto 12px;max-width:300px}
.stWheel{display:block;width:100%;height:auto;max-width:300px;margin:0 auto;touch-action:manipulation}
.stwSign{fill:var(--mut);font-size:var(--fs-read);opacity:.85}

.stwSpoke{stroke:var(--line);stroke-width:.6px;opacity:.4}
.stwHN{cursor:pointer}
.stwHN text{fill:var(--mut);font-size:var(--fs-1);opacity:.6;paint-order:stroke;stroke:var(--bg);stroke-width:2px}
.stwHN:focus{outline:none}
.stwHN:focus text,.stwHN:hover text{opacity:.95;fill:var(--acc)}
.stwAxis{stroke:var(--acc);stroke-width:1.1px;opacity:.55}
.stwAxL{fill:var(--acc);font-size:var(--fs-1);font-weight:700;opacity:.85;paint-order:stroke;stroke:var(--bg);stroke-width:2px}
.stwP{cursor:pointer}
.stwP text{font-size:var(--fs-read);font-weight:700;paint-order:stroke;stroke:var(--bg);stroke-width:2px}
.stwP:focus{outline:none}
.stwP:focus text,.stwP:hover text{stroke-width:2.5px}
.stwNatal text{fill:var(--gold)}
.stwTrans text{fill:var(--acc)}
.stwCap{margin-top:8px;text-align:center;font-size:var(--fs-body);color:var(--txt);min-height:18px;font-weight:600}
.stwLegend{display:flex;justify-content:center;gap:16px;margin-top:5px;font-size:var(--fs-4);color:var(--mut)}
.stwLegend span{display:inline-flex;align-items:center;gap:5px}
.stwLn{width:12px;height:3px;border-radius:2px;display:inline-block}
.stwLg{background:var(--gold)}
.stwLt{background:var(--acc)}

.stBig3{margin:2px 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.stBig3H{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--fs-label);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}



.stB3row{display:grid;grid-template-columns:18px 150px 1fr;align-items:start;gap:8px;padding:7px 0;font-size:var(--fs-8);color:var(--txt);line-height:1.45}
.stB3row+.stB3row{border-top:1px solid var(--line)}
.stB3ic{text-align:center;font-size:var(--fs-11);color:var(--acc);padding-top:1px}
.stB3sign{font-weight:600}
.stB3trait{color:var(--mut);font-size:var(--fs-6)}
@media(max-width:430px){.stB3row{grid-template-columns:18px 118px 1fr}.stB3sign{font-size:var(--fs-6)}}

.stCusp{margin:2px 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,210,77,.06);font-size:var(--fs-body);color:var(--txt);line-height:1.5}
.stCuspRow{display:flex;gap:8px;align-items:center;margin-top:9px;flex-wrap:wrap}
.stCuspTime{min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-read)}
.stCuspSave{min-height:44px}



.stB3nudge .stB3sign,.stB3nudge .stB3trait{color:var(--mut);opacity:.85}
.stB3go{position:relative;width:100%;text-align:left;font:inherit;font-size:var(--fs-8);background:none;border:0;border-radius:10px;cursor:pointer;padding:9px 20px 9px 8px;margin:2px -8px 0;min-height:44px;transition:background .15s}
.stB3go .stB3sign{color:var(--acc);opacity:1}


.stB3go::after{content:"›";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--acc);font-size:var(--fs-13);font-weight:700}
.stB3go:hover,.stB3go:focus-visible{background:rgba(255,138,61,.10)}
@media(hover:none){.stB3go{background:rgba(255,138,61,.07)}} 


.stB3edit{width:auto;flex:0 0 auto;min-height:32px;margin:0;padding:6px 10px;font-size:var(--fs-4);font-weight:800;letter-spacing:.04em;
  text-transform:none;color:var(--mut);border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04)}


.stB3edit::after{content:"";position:absolute;top:50%;left:0;width:100%;height:44px;transform:translateY(-50%)}
.stB3edit:hover,.stB3edit:focus-visible{color:var(--acc);border-color:rgba(255,138,61,.5)}
.stProfBtn{margin-top:11px;width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;background:rgba(180,123,255,.12);border:1px solid rgba(180,123,255,.42);color:#d9cbff;font-size:var(--fs-8);font-weight:800;letter-spacing:.02em;border-radius:12px;cursor:pointer;transition:background .15s}
.stProfBtn:hover{background:rgba(180,123,255,.22)}

.stPSsub{font-size:var(--fs-body);color:var(--mut);line-height:1.5;margin:4px 0 14px}
.stSecs{display:flex;flex-direction:column;gap:9px}
.stFold{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.02)}
.stFoldH{width:100%;min-height:52px;display:flex;align-items:center;gap:11px;padding:10px 13px;background:none;border:0;cursor:pointer;text-align:left;color:var(--txt)}
.stFoldIc{flex:0 0 22px;font-size:var(--fs-15);text-align:center}
.stFoldT{flex:1;display:flex;flex-direction:column;gap:1px}
.stFoldT b{font-size:var(--fs-10);font-weight:800}
.stFoldT i{font-size:var(--fs-label);color:var(--mut);font-style:normal}
.stFoldChev{flex:0 0 auto;font-size:var(--fs-17);color:var(--mut);transition:transform .18s;line-height:1}
.stFold.open .stFoldChev{transform:rotate(90deg)}
.stFoldB{max-height:0;overflow:hidden;transition:max-height .22s ease}
.stFold.open .stFoldB{max-height:1600px}
.stInsList{list-style:none;margin:0;padding:2px 13px 13px;display:flex;flex-direction:column;gap:11px}
.stInsList li{position:relative;padding-left:15px;font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
.stInsList li::before{content:"›";position:absolute;left:0;top:0;color:var(--acc);font-weight:800}
.stXlWrap{display:block;margin-top:7px}
.stXlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 15px;background:rgba(180,123,255,.12);border:1px solid rgba(180,123,255,.4);color:#d9cbff;font-size:var(--fs-body);font-weight:700;border-radius:999px;cursor:pointer;transition:background .15s}
.stXlink:hover{background:rgba(180,123,255,.22)}
.stXlIc{font-size:var(--fs-read)}

.stPlHead{margin:18px 0 9px;font-size:var(--fs-label);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.stPlHead i{font-size:var(--fs-3);font-weight:600;letter-spacing:0;text-transform:none;color:var(--mut);opacity:.8}
.stPlList{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.stPlRow{display:flex;align-items:center;gap:11px;min-height:48px;padding:8px 13px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;color:var(--txt)}
.stPlList .stPlRow:last-child{border-bottom:0}
.stPlRow:hover{background:rgba(255,255,255,.03)}
.stPlG{flex:0 0 22px;text-align:center;font-size:var(--fs-13);color:var(--acc)}
.stPlN{flex:0 0 92px;font-size:var(--fs-read);font-weight:700}
.stPlS{flex:1;font-size:var(--fs-body);color:var(--mut)}
.stPlRx{font-style:normal;color:var(--gold);font-size:var(--fs-label)}
.stPlChev{flex:0 0 auto;font-size:var(--fs-15);color:var(--mut)}

.stPS{display:flex;flex-direction:column;gap:12px}
.stPSmeta{font-size:var(--fs-8);font-weight:700;color:var(--acc)}
.stPSgov{font-size:var(--fs-8);color:var(--txt);line-height:1.5}
.stPSgov b{color:var(--mut);font-weight:800;text-transform:uppercase;font-size:var(--fs-4);letter-spacing:.05em}
.stPSread{font-size:var(--fs-11);line-height:1.55;color:var(--txt)}
.stPStie{font-size:var(--fs-body);color:var(--mut);line-height:1.5;border-top:1px solid var(--line);padding-top:11px}
.stPSretro{font-size:var(--fs-body);color:var(--txt);line-height:1.5;background:rgba(255,210,77,.06);border:1px solid rgba(255,210,77,.25);border-radius:10px;padding:9px 11px}


.stPSsec{border-top:1px solid var(--line);padding-top:11px;display:flex;flex-direction:column;gap:7px}
.stPSsecH{font-size:var(--fs-4);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.stPSttRow{font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
.stPSttRow.stPSquiet{color:var(--mut);font-style:italic}
.stPSmoon{font-size:var(--fs-8);line-height:1.5;color:var(--blu)}
.stPSaRow{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:baseline;font-size:var(--fs-body);color:var(--txt)}
.stPSaName{font-weight:600}
.stPSaType{color:var(--mut);text-transform:lowercase}
.stPSaOrb{color:var(--mut);font-variant-numeric:tabular-nums;min-width:34px;text-align:right}





.vbGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
@media(min-width:480px){.vbGrid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:720px){.vbGrid{grid-template-columns:repeat(4,1fr)}}
.vbTile{display:flex;flex-direction:column;gap:8px;padding:0;border:0;background:none;font:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}

.vbArt{position:relative;width:100%;aspect-ratio:1/1;border-radius:16px;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(140deg,hsl(var(--vh) 62% 52%),hsl(calc(var(--vh) + 42) 58% 36%));
  box-shadow:0 6px 16px hsl(var(--vh) 45% 16% / .34);transition:transform .18s ease,box-shadow .18s ease}
.vbTile:hover .vbArt{transform:translateY(-3px);box-shadow:0 12px 26px hsl(var(--vh) 48% 18% / .5)}
.vbTile:active .vbArt{transform:translateY(-1px) scale(.99)}
.vbArtIc{font-size:clamp(28px,11vw,36px);line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));transition:opacity .18s ease}
.vbTile.playing .vbArtIc{opacity:.4} 

.vbFab{position:absolute;right:9px;bottom:9px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:rgba(255,255,255,.96);color:#141414;font-size:var(--fs-read);font-weight:900;line-height:1;
  box-shadow:0 4px 12px rgba(0,0,0,.34);transition:transform .16s ease,background .16s ease}
.vbTile:hover .vbFab{transform:scale(1.08)}
.vbTile.on .vbFab{background:hsl(var(--vh) 62% 48%);color:#fff}
.vbFab .vbEq i{background:#fff}

.vbTile.on .vbArt{outline:2.5px solid hsl(var(--vh) 72% 62%);outline-offset:2px}
.vbLiveDot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:#fff;
  box-shadow:0 0 0 3px hsl(var(--vh) 45% 20% / .55),0 0 10px 1px hsl(var(--vh) 85% 65%);animation:vbPulse 1.8s ease-in-out infinite}
@keyframes vbPulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(prefers-reduced-motion:reduce){.vbLiveDot{animation:none}}
.vbTtl{font-size:var(--fs-8);font-weight:700;color:var(--txt);line-height:1.28;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.vbTile.on .vbTtl{color:hsl(var(--vh) 60% 72%)}
.vbStat{font-size:var(--fs-3);font-weight:700;color:var(--mut);letter-spacing:.02em;line-height:1.3}
.vbNote{margin-top:12px;font-size:var(--fs-3);color:var(--mut);letter-spacing:.03em;line-height:1.5}




.arcCabGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(min-width:480px){.arcCabGrid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:720px){.arcCabGrid{grid-template-columns:repeat(5,1fr)}}
.arcCab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:92px;padding:13px 8px;
  border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font:inherit;cursor:pointer;text-align:center;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.arcCab:hover{border-color:var(--acc);transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.3)}
.arcCab:active{transform:translateY(-1px) scale(.98)}
.arcCabIc{font-size:var(--fs-21);line-height:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.3))}
.arcCabNm{font-size:var(--fs-label);font-weight:800;letter-spacing:.01em;line-height:1.16;color:var(--txt)}
.arcCabFlag{position:absolute;top:5px;right:5px;font-size:8.5px;letter-spacing:.03em;font-weight:800;padding:2px 5px;border-radius:99px;
  background:rgba(255,138,61,.16);color:var(--acc);border:1px solid rgba(255,138,61,.34);line-height:1.2}
.arcCabFlag.soonF{background:rgba(122,140,255,.12);color:#aab6ff;border-color:rgba(122,140,255,.3)}
.arcCab.soon{opacity:.5;cursor:default;filter:saturate(.55)}
.arcCab.soon:hover{transform:none;border-color:var(--line);box-shadow:none}
.arcCabNote{margin-top:12px;font-size:var(--fs-3);color:var(--mut);letter-spacing:.03em;line-height:1.5}

.vbEq,.vibesEqTop{display:inline-flex;align-items:flex-end;gap:2px;height:13px}




.vbEq i,.vibesEqTop i{width:2.5px;height:13px;transform-origin:bottom;background:currentColor;border-radius:2px;animation:vbEqA .9s ease-in-out infinite}
.vbEq i{background:#04120b}
.vbEq i:nth-child(2),.vibesEqTop i:nth-child(2){animation-delay:.3s}
.vbEq i:nth-child(3),.vibesEqTop i:nth-child(3){animation-delay:.6s}
@keyframes vbEqA{0%,100%{transform:scaleY(.31)}50%{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.vbEq i,.vibesEqTop i{animation:none;transform:scaleY(.69)}}

#vibesTop{position:relative;display:none;width:34px;height:34px;border-radius:99px;border:1px solid rgba(255,255,255,.18);flex:0 0 auto;
  background:rgba(20,27,46,.75);color:var(--mut);cursor:pointer;align-items:center;justify-content:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s} 
#vibesTop:hover{color:var(--txt);border-color:rgba(62,229,148,.5)}
#vibesTop.show{display:inline-flex}
#vibesTop.playing{color:var(--grn);border-color:rgba(62,229,148,.45)}
#vibesTop .vibesEqTop{position:absolute;bottom:2px;right:1px;height:8px;display:none}
#vibesTop.playing .vibesEqTop{display:inline-flex;color:var(--grn)}






#vibesDock{position:fixed;top:calc(env(safe-area-inset-top) + 66px);left:0;right:0;margin-inline:auto;width:min(var(--colv),calc(100% - 2*var(--pad)));z-index:66;display:none;align-items:center;gap:10px;
  padding:8px 10px;border-radius:16px;border:1px solid rgba(62,229,148,.28);background:rgba(10,14,24,.97);
  backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:0 16px 44px rgba(0,0,0,.55);
  transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .22s}
#vibesDock.on{display:flex}
#vibesDock.min{transform:translateY(-180%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#vibesDock{transition:opacity .2s}}


.vdStage{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0}
.vdVid{position:relative;flex:0 0 76px;height:44px;border-radius:9px;overflow:hidden;background:#000}
.vdVid #vdYT,.vdVid iframe{width:100%;height:100%;border:0;display:block}
.vdMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.vdInfo{min-width:0;cursor:pointer;border-radius:8px}
.vdInfo:focus-visible{outline:2px solid var(--grn);outline-offset:2px}
.vdInfo b{display:block;font-size:var(--fs-8);color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vdInfo i{font-style:normal;font-size:var(--fs-4);color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vdTransport{display:flex;align-items:center;gap:2px}
.vdB{background:none;border:none;color:var(--txt);cursor:pointer;font-size:var(--fs-12);padding:5px 7px;border-radius:9px;transition:background .15s,transform .12s;line-height:1;min-width:34px;min-height:34px;display:inline-grid;place-items:center}
@media(pointer:coarse){.vdB{min-width:40px;min-height:40px}}
.vdB:hover{background:rgba(255,255,255,.09)}
.vdB:active{transform:scale(.9)}
.vdBig{font-size:var(--fs-16)}
.vdVol{width:0;opacity:0;transition:width .2s,opacity .2s;accent-color:var(--grn);vertical-align:middle}
#vibesDock.volOpen .vdVol{width:72px;opacity:1;margin-left:4px}
.vdRight{display:flex;align-items:center;gap:0;flex:0 0 auto}
@media(max-width:420px){.vdVid{flex-basis:60px;height:38px}.vdB{padding:5px 5px}.vdBig{font-size:var(--fs-14)}}
.vdPicker{display:none}
.vdFullBtn{display:none}

.vdScrim{position:fixed;inset:0;z-index:64;background:rgba(4,6,12,.55);
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:opacity .26s ease}
.vdScrim.on{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.vdScrim{transition:none}}




#vibesDock.max{align-items:stretch;gap:0;padding:0;overflow:hidden;
  width:min(960px,calc(100% - 28px));max-width:960px; 
  border-radius:20px;box-shadow:0 26px 72px rgba(0,0,0,.62);
  animation:vdMaxIn .26s cubic-bezier(.16,1,.3,1)}


@keyframes vdMaxIn{from{opacity:.4;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#vibesDock.max{animation:none}}

#vibesDock.max .vdStage{flex-direction:column;align-items:stretch;gap:0;flex:0 0 auto}
#vibesDock.max .vdVid{flex:0 0 auto;position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:0}
#vibesDock.max .vdVid #vdYT,#vibesDock.max .vdVid iframe{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important}
#vibesDock.max .vdMain{flex:0 0 auto;flex-direction:row;align-items:center;gap:10px;padding:11px 13px 12px;border-bottom:1px solid var(--line)}
#vibesDock.max .vdInfo{flex:1;min-width:0;cursor:default}
#vibesDock.max .vdInfo b{font-size:var(--fs-11)}
#vibesDock.max .vdInfo i{font-size:var(--fs-label)}
#vibesDock.max .vdRight{position:absolute;top:9px;right:9px;gap:2px;padding:2px;z-index:5;background:rgba(6,8,15,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px}
#vibesDock.max #vdMin{display:none}   
#vibesDock.max .vdB{min-width:46px;min-height:46px}   
#vibesDock.max .vdBig{font-size:var(--fs-18);color:var(--grn)}   
#vibesDock.max .vdVol{width:66px;opacity:1;margin-left:4px}   
#vibesDock.max .vdFullBtn{display:inline-flex}




#vibesDock.max .vdPicker{display:block;flex:1 1 auto;min-height:0;position:relative;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  background:rgba(6,9,16,.35)}

@media(min-width:760px){
  #vibesDock.max{flex-direction:row;height:min(74dvh,520px)}
  #vibesDock.max .vdStage{align-self:center;flex:1 1 56%;min-width:0;max-width:60%;justify-content:center}
  #vibesDock.max .vdMain{border-bottom:0}
  #vibesDock.max .vdPicker{flex:1 1 44%;min-width:300px;border-left:1px solid var(--line)}
  

  #vibesDock.max .vdRight{right:calc(44% + 8px)}
}

@media(max-width:759px){
  #vibesDock.max{flex-direction:column;width:calc(100% - 16px)} 
}



.vdPickH{display:flex;align-items:baseline;justify-content:flex-start;gap:9px;padding:11px 14px 8px}
.vdPickHt{flex:0 1 auto;min-width:0;font-size:var(--fs-read);font-weight:800;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vdPickHn{flex:0 0 auto;font-size:var(--fs-3);letter-spacing:.9px;text-transform:uppercase;color:var(--mut);font-weight:700}
.vdPickLoad{padding:20px 14px;color:var(--mut);font-size:var(--fs-body);font-weight:600;text-align:center}



.vdMixRow{position:sticky;top:0;z-index:2;display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;
  padding:9px 11px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  touch-action:pan-x;overscroll-behavior-x:contain;
  background:rgba(8,11,20,.98);border-bottom:1px solid var(--line)}
.vdMixRow::-webkit-scrollbar{display:none}
.vdChip{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:34px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--mut);
  cursor:pointer;padding:7px 13px;border-radius:999px;font-size:var(--fs-6);font-weight:700;font-family:inherit;white-space:nowrap}
.vdChip.on{background:linear-gradient(120deg,rgba(255,138,61,.22),rgba(255,77,141,.22));border-color:rgba(255,138,61,.5);color:var(--txt)}

.vdVidState{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  text-align:center;padding:14px;background:radial-gradient(120% 120% at 50% 40%,rgba(20,27,46,.9),rgba(6,9,16,.96));
  color:var(--mut);font-size:var(--fs-body);line-height:1.45;font-weight:600}
.vdVidState.show{display:flex}
.vdVidState b{color:var(--txt);font-size:var(--fs-read)}

.vdList{list-style:none;margin:0;padding:4px 6px 12px}
.vdList li{margin:0}
.vdTrack{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:none;color:var(--txt);cursor:pointer;
  padding:6px 8px;border-radius:11px;font-family:inherit;min-height:44px;transition:background .15s}
.vdTrack:hover{background:rgba(255,255,255,.06)}
.vdTrack:focus-visible{outline:2px solid var(--grn);outline-offset:-2px}
.vdTrack.on{background:linear-gradient(90deg,rgba(255,138,61,.18),rgba(255,77,141,.05))}
.vdArt{position:relative;flex:0 0 44px;width:44px;height:44px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.06)}
.vdArt img{width:100%;height:100%;object-fit:cover;display:block}
.vdArtPlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(4,6,12,.5);color:#fff;font-size:var(--fs-11);opacity:0;transition:opacity .15s}
.vdTrack:hover .vdArtPlay,.vdTrack:focus-visible .vdArtPlay{opacity:1}
.vdTrack.on .vdArtPlay{opacity:0}
.vdMeta{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.vdTt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-8);font-weight:600}
.vdTrack.on .vdTt{color:var(--grn)}
.vdTa{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-4);color:var(--mut);font-weight:500}
.vdLoad .vdTt{color:var(--mut)}
.vdNow{flex:0 0 auto;min-width:22px;display:flex;align-items:center;justify-content:center;color:var(--grn);font-size:var(--fs-label)}
.vdNow .vbEq i{background:currentColor}


.pmFoot{flex-wrap:wrap;row-gap:6px}
.pmT{display:inline-flex;align-items:center;white-space:nowrap}
.pmPct{display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}







#mitoRoam.asleep .mitoEye{animation:none;transform:scaleY(.14);transform-box:fill-box;transform-origin:center}
#mitoRoam.asleep svg circle[fill^="rgba(255"]{opacity:0} 


#mitoRoam.asleep svg{rotate:-14deg;translate:-3px 5px;animation:mzBreathe 4.2s ease-in-out infinite}
@keyframes mzBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02,1.035)}}
#mitoRoam.wakeup svg{animation:mzStretch .8s ease} 
@keyframes mzStretch{0%{transform:scale(1,.94)}45%{transform:scale(1.05,1.08)}100%{transform:scale(1)}}
#mitoRoam.asleep .rArc{rotate:84deg;translate:0 10px}
#mitoRoam.asleep .rShadow{opacity:.25;scale:1.5 1}
#mitoRoam.asleep::before{ 
  content:"";position:absolute;left:-14px;bottom:-4px;width:94px;height:44px;z-index:3;pointer-events:none;
  background:
    radial-gradient(20px 13px at 15px 16px,rgba(230,236,255,.95),rgba(196,206,240,.88) 66%,transparent 70%),
    linear-gradient(100deg,transparent 36%,rgba(122,92,220,.95) 37%,rgba(96,72,190,.95) 70%,rgba(80,60,165,.95));
  border-radius:14px 18px 12px 12px;
  clip-path:polygon(0 26%,36% 34%,100% 16%,100% 100%,0 100%);
  box-shadow:0 6px 14px rgba(0,0,0,.35)}
#mitoRoam.asleep::after{
  content:"z";position:absolute;left:60%;top:-10px;z-index:4;pointer-events:none;
  font-family:'Chakra Petch',sans-serif;font-weight:700;color:#aab8e8;font-size:var(--fs-17);
  text-shadow:0 0 8px rgba(122,92,220,.6);
  animation:zzzFloat 3.8s ease-in-out infinite}
@keyframes zzzFloat{ 
  0%{opacity:0;scale:.4;translate:0 5px;rotate:-8deg}
  16%{opacity:.9}
  55%{opacity:.65;translate:9px -16px;rotate:4deg}
  100%{opacity:0;scale:1.25;translate:18px -36px;rotate:12deg}}
#mitoRoam.asleep::before{animation:mzTuck .7s ease} 
@keyframes mzTuck{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}


#nightScene{position:fixed;right:118px;bottom:70px;z-index:58;pointer-events:none;opacity:.55;width:70px;height:60px}
#nightScene .nsMoon{position:absolute;right:0;top:0;font-size:var(--fs-18);filter:drop-shadow(0 0 10px rgba(255,235,160,.5));animation:nsBob 6s ease-in-out infinite}
#nightScene .nsStar{position:absolute;color:#cfd8ff;font-size:var(--fs-1);animation:nsTwinkle 2.6s ease-in-out infinite}
#nightScene .s1{left:6px;top:14px}
#nightScene .s2{left:26px;top:38px;animation-delay:.9s}
#nightScene .s3{left:2px;top:44px;animation-delay:1.7s;font-size:7px}
@keyframes nsBob{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes nsTwinkle{0%,100%{opacity:.25}50%{opacity:1}}


.charCtas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}


.charCtas>:nth-child(4):last-child{grid-column:1/-1}
.charCtas .ccBtn{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:8px 6px;line-height:1.25;width:100%}
.ccBtn{font-family:inherit;font-size:var(--fs-label);font-weight:700;color:var(--txt);cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:7px 12px}
.ccBtn:active{scale:.95}

#lbOut{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center}


.achFx{position:fixed;inset:0;z-index:96;pointer-events:none;overflow:hidden}
.achFx span{position:absolute;opacity:0;animation:achFly 2.4s cubic-bezier(.16,.8,.4,1) forwards;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
@keyframes achFly{
  0%{opacity:0;translate:0 0;scale:.4;rotate:0deg}
  12%{opacity:1;scale:1.15}
  100%{opacity:0;translate:var(--dx) var(--dy);scale:.8;rotate:40deg}}


.rwRow{display:flex;align-items:center;gap:12px}
.rwIc{font-size:var(--fs-20);filter:drop-shadow(0 0 10px rgba(255,210,77,.4))}
.rwTx{flex:1;display:flex;flex-direction:column;gap:2px}
.rwTx b{font-size:var(--fs-read)}
.rwTx span{font-size:var(--fs-4);color:var(--mut)}
.rwPct{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;color:var(--mut)}
.rwGo{border-color:rgba(255,210,77,.5);color:var(--gold)}
.rwBar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);margin-top:10px;overflow:hidden}
.rwFill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--gold),#ff8a3d);transition:width .6s ease}
.rwNote{margin-top:8px;font-size:var(--fs-3);color:var(--mut)}





.stLabel{display:block;font-size:var(--fs-label);font-weight:700;letter-spacing:.4px;color:var(--mut);margin:14px 0 7px;line-height:1.5}
.stLabel i{font-style:normal;color:var(--gold);font-weight:600}
.isNative{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid var(--line);
  border-radius:12px;padding:12px 14px;color:var(--txt);font-family:inherit;font-size:var(--fs-12);outline:none;color-scheme:dark}
.isNative:focus{border-color:rgba(255,210,77,.5)}

.chipEdit{display:flex;flex-direction:column;gap:11px}
.chipEditList{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}
.editChip{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;padding:2px 4px 2px 10px}
.editChip:focus-within{border-color:rgba(255,210,77,.5)}
.editChipTx{flex:1;min-width:0;background:none;border:none;color:var(--txt);font:inherit;font-size:var(--fs-10);padding:9px 0;outline:none}
.editChipX{flex:0 0 auto;width:30px;height:30px;border:none;background:none;color:var(--mut);font-size:var(--fs-16);line-height:1;cursor:pointer;border-radius:8px}
.editChipX:hover{background:rgba(255,77,141,.14);color:#ff8aa8}
.chipAddRow{display:flex;gap:8px}
.chipAddIn{flex:1;min-width:0;font-size:var(--fs-10);padding:10px 12px}
.chipAddBtn{flex:0 0 auto;padding:0 15px;min-height:42px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-weight:800;font-size:var(--fs-read);cursor:pointer}
.chipAddBtn:hover{border-color:var(--acc);color:var(--acc)}


.lbRow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;font-size:var(--fs-8)}
.lbRow:nth-child(odd){background:rgba(255,255,255,.03)}
.lbRow.me{border:1px solid rgba(255,210,77,.4);background:rgba(255,210,77,.06)}
.lbRank{font-family:'Chakra Petch',sans-serif;font-weight:700;color:var(--mut);min-width:20px;text-align:center}
.lbRow:first-child .lbRank{color:var(--gold)}




.lbNick{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.lbStat{font-size:var(--fs-label);color:var(--mut)}
.lbXp{font-family:'Chakra Petch',sans-serif;color:var(--gold);font-size:var(--fs-body)}








#dayScene{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
#skyTint{position:absolute;inset:0;opacity:1;transition:background 2s linear}
#dsSvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(42vh,320px);opacity:.04}
.dsInk path,.dsInk rect,.dsInk circle{fill:none;stroke:#aab8e0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dsInk .dsWin{transition:fill 2s}
.dsSun{fill:rgba(255,205,100,.5);stroke:none}
.dsRays path{stroke:rgba(255,205,100,.55);stroke-width:2.5;stroke-linecap:round}
.dsMoon{fill:rgba(214,222,255,.5);stroke:none}
.dsMoonBite{fill:#0d1226;stroke:none}
.dsStar{fill:rgba(214,222,255,.7);stroke:none}
.dsClouds{opacity:.7;animation:dsCloud 900s linear infinite;will-change:transform}
@keyframes dsCloud{from{transform:translateX(0)}to{transform:translateX(180px)}}
@media(max-width:700px){#dsSvg{opacity:.12}}
@media(prefers-reduced-motion:reduce){.dsClouds{animation:none!important}}


.simDials{display:flex;flex-direction:column;gap:4px}
.simDial input[type=range]{width:100%;accent-color:var(--acc);height:22px}
.simV{color:var(--gold);font-size:var(--fs-body);margin-left:4px}
.simDial .stLabel span{font-weight:600;opacity:.7}
.simRow{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;font-size:var(--fs-8)}
.simRow:nth-child(even){background:rgba(255,255,255,.03)}
.simWhen{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);color:var(--txt)}
.simGain{font-style:normal;color:var(--grn);font-size:var(--fs-4);font-weight:700}
.simLoss{font-style:normal;color:var(--acc);font-size:var(--fs-4);font-weight:700}
.simPace{margin:10px 0 6px;font-size:var(--fs-8)}
.simPace b{color:var(--gold)}
.simVs{color:var(--mut);font-size:var(--fs-label)}
.simWarn{margin-top:8px;font-size:var(--fs-label);color:#ffb066;border-left:2px solid rgba(255,176,102,.5);padding-left:9px}
.simApply{width:100%;margin-top:13px;font-family:inherit;font-size:var(--fs-8);font-weight:800;letter-spacing:.3px;
  color:#2a1400;cursor:pointer;border:0;border-radius:11px;padding:11px 12px;min-height:44px;
  background:linear-gradient(90deg,var(--acc),var(--acc2));box-shadow:0 0 16px rgba(255,138,61,.4);transition:filter .15s,transform .1s}
.simApply:hover{filter:brightness(1.08)}
.simApply:active{transform:scale(.97)}
.simApply:disabled{background:rgba(255,255,255,.06);color:var(--mut);box-shadow:none;cursor:default;font-weight:700}


.tappable{position:relative;cursor:pointer;transition:transform .12s}
.tappable:hover{transform:translateX(2px)}
.tappable::after{content:"✦";position:absolute;right:6px;top:4px;font-size:var(--fs-1);color:var(--gold);opacity:0;pointer-events:none;animation:glintPulse 6s ease-in-out infinite}
@keyframes glintPulse{0%,86%,100%{opacity:0;transform:scale(.6)}90%{opacity:.9;transform:scale(1.15)}94%{opacity:.3;transform:scale(.9)}}
@media(hover:hover){.tappable:hover::after{opacity:.9;animation:none}}


.passText{font-size:var(--fs-11);line-height:1.65;color:var(--txt);font-style:italic}
.passRef{margin-top:8px;font-size:var(--fs-6);color:var(--gold);font-weight:700}



@media(min-width:1080px){
  .tabbar{left:50%;right:auto;translate:-50% 0;width:auto;bottom:14px;padding:9px 20px;gap:22px;
    border-radius:22px;border:1px solid var(--line);box-shadow:0 16px 44px rgba(0,0,0,.55)}
  #ticker{left:50%;right:auto;translate:-50% 0;width:max-content;max-width:min(760px,72vw);
    border-radius:14px;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.4)}
}

.amGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px 4px 6px}
.amQ{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:12px;padding:9px 2px;color:var(--txt);
  font-size:var(--fs-1);font-weight:800;letter-spacing:.4px;text-transform:uppercase;cursor:pointer;font-family:inherit}
.amQ i{font-style:normal;font-size:var(--fs-14)}
.amQ:hover{background:rgba(255,255,255,.09)}
.amChips{display:flex;gap:6px;padding:2px 4px 6px}
.amChip{flex:1;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:10px;
  padding:7px 4px;color:var(--txt);font-size:var(--fs-4);cursor:pointer;white-space:nowrap;font-family:inherit}
.amChip:hover{background:rgba(255,255,255,.09)}


#qbar{position:fixed;z-index:58;left:50%;translate:-50% 0;display:flex;gap:8px;
  bottom:calc(128px + env(safe-area-inset-bottom));
  background:rgba(11,16,29,.92);border:1px solid var(--line);border-radius:16px;padding:7px 9px;
  box-shadow:0 12px 34px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.qbtn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;
  background:rgba(255,255,255,.04);border:1px solid transparent;border-radius:11px;padding:6px 7px;
  


  color:var(--mut);font-size:var(--fs-4);font-weight:800;letter-spacing:.2px;text-transform:uppercase;
  cursor:pointer;font-family:inherit;transition:background .15s,transform .12s}
.qbtn i{font-style:normal;font-size:var(--fs-14)}
.qbtn:hover{background:rgba(255,255,255,.09);color:var(--txt);transform:translateY(-1px)}
.qbtn:active{transform:scale(.94)}

@media(max-width:1079px){
  #qbar{left:max(8px,env(safe-area-inset-left));translate:0;width:50px;max-width:calc(100% - 16px);
    z-index:62;overflow:hidden;gap:6px;padding:7px; 
    transition:width .22s cubic-bezier(.16,1,.3,1)}
  #qbar.open,#qbar:hover,#qbar:focus-within{overflow-x:auto} 
  #qbar .qbtn{min-width:36px;width:36px;padding:6px 0}
  #qbar .qbtn span{display:none}
  #qbar.open .qbtn,#qbar:hover .qbtn,#qbar:focus-within .qbtn{width:auto;padding:6px 7px} 
  #qbar.open .qbtn span,#qbar:hover .qbtn span,#qbar:focus-within .qbtn span{display:block}
}
@media(min-width:1080px){
  .tabbar{left:auto;right:var(--col-leftz);translate:0} 
  #qbar{left:var(--col-left);translate:0;z-index:61;  
    border-radius:22px;padding:9px 12px;gap:8px}
}
@media(min-width:1080px) and (max-width:1239px){
  #qbar .qbtn{min-width:44px;padding:7px 8px}
  #qbar .qbtn span{display:none}
  .tabbar{gap:14px}
}


.mitoSay{text-align:center}


#mitoRoam{z-index:-1} 





.lockDemoBtn{display:block;width:100%;min-height:44px;margin-top:14px;background:rgba(255,255,255,.03);
  border:1px solid var(--line);border-radius:12px;padding:9px 14px;cursor:pointer;text-align:center;
  color:var(--mut);font-family:inherit;font-size:var(--fs-8);font-weight:600;
  transition:background .15s ease,border-color .15s ease,color .15s ease}
.lockDemoBtn span{display:block;font-size:var(--fs-3);font-weight:500;color:var(--mut);opacity:.82;margin-top:1px}
.lockDemoBtn:hover,.lockDemoBtn:focus-visible{background:rgba(180,123,255,.12);border-color:rgba(180,123,255,.38);color:var(--txt);outline:none}
.lockDemoBtn:focus-visible{box-shadow:0 0 0 2px rgba(180,123,255,.4)}
.lockDemoBtn:active{transform:scale(.99)}
@media(prefers-reduced-motion:reduce){.lockDemoBtn{transition:none}}

.lkTertiary{display:block;width:100%;text-align:center}





@keyframes lkRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#lock.lkReveal .lkStage{animation:lkRise .4s cubic-bezier(.22,.61,.36,1) backwards}
#lock.lkReveal .lkS1{animation-delay:.03s}
#lock.lkReveal .lkS2{animation-delay:.11s}
#lock.lkReveal .lkS3{animation-delay:.19s}
#lock.lkReveal .lkS4{animation-delay:.27s}











.stOv{--st-col:430px;
  position:fixed;inset:0;z-index:9600;display:flex;flex-direction:column;gap:10px;
  padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));
  background:#13111a;background-image:radial-gradient(120% 80% at 50% 8%,rgba(255,170,90,.16),transparent 60%);
  opacity:1;transition:opacity .24s ease}
.stOv.stGone{opacity:0;pointer-events:none}
.stSpine{display:flex;gap:5px;justify-content:center;align-items:center;height:14px;flex:none}
.stSpine i{display:block;width:16px;height:3px;border-radius:2px;background:rgba(255,240,220,.24);
  transform-origin:center;transition:background .3s ease,transform .3s ease}
.stSpine i.stOn{background:#ff9a52;transform:scaleY(1.9)}
.stStage{position:relative;flex:1;min-height:0;width:min(var(--st-col),100%);margin:0 auto;perspective:1700px;perspective-origin:50% 45%}
.stLeaf{position:absolute;inset:0;transform-origin:left center;transform-style:preserve-3d;
  transition:transform .66s cubic-bezier(.22,.68,.24,1)}
.stLeaf.stTurned{transform:rotateY(-166deg)}
.stFace{position:absolute;inset:0;backface-visibility:hidden;border-radius:var(--r-card);overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.34)}
















.stFace.stBack{display:none}







.stPg{--pap:#dde4c6;position:absolute;inset:0;background:var(--pap);color:#3a4028;
  display:flex;flex-direction:column;padding:24px 22px 20px;gap:12px}
.stPg::after{content:"";position:absolute;left:0;top:0;bottom:0;width:26px;
  background:linear-gradient(90deg,rgba(58,64,40,.16),transparent);pointer-events:none}
.stPg[data-k="cover"]{--pap:#e4eacf}
.stPg[data-k="setup"]{--pap:#dfe6c9}
.stPg[data-k="photo"]{--pap:#dde4c6}
.stPg[data-k="ping"]{--pap:#d9e1c0}
.stPg[data-k="meter"]{--pap:#d3dbb8}
.stPg[data-k="walls"]{--pap:#cfd8b2}
.stPg[data-k="end"]{--pap:#e4eacf}
.stKick{font-size:var(--fs-5);letter-spacing:.2em;text-transform:uppercase;color:#6b7a4a;font-weight:700;margin:0;flex:none}

.stArt{flex:1;min-height:0;display:grid;place-items:center}
.stArt svg{width:min(100%,330px);height:auto;max-height:100%}
.stSay{font-family:Georgia,"Iowan Old Style","Times New Roman",serif;font-size:var(--fs-19);
  line-height:1.3;letter-spacing:-.012em;color:#3a4028;margin:0;flex:none;text-wrap:balance}
.stSay em{font-style:italic;color:#8c3f14}
.stSub{font-size:var(--fs-11);line-height:1.5;color:#59613f;margin:0;flex:none}








.stShelf{display:flex;gap:14px;flex-wrap:wrap;flex:none;min-height:26px;align-items:center;pointer-events:none}
.stChip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-6);font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#4e5637;transition:color .34s ease}
.stChip::before{content:"";width:6px;height:6px;border-radius:50%;border:1.5px solid currentColor;
  box-sizing:border-box;opacity:.55;transition:opacity .34s ease,background .34s ease}
.stChip.stOn{color:#3a4028}
.stChip.stOn::before{opacity:1;background:currentColor}
.stAct{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:10px 20px;
  border:0;border-radius:var(--r-md);background:#3a4028;color:#e4eacf;font-family:inherit;
  font-size:var(--fs-13);font-weight:800;cursor:pointer;width:100%;flex:none;
  transition:transform .12s ease,filter .2s ease}
.stAct:active{transform:scale(.975)}






.stZones{position:absolute;inset:0;display:flex;z-index:20}


.stZ{flex:1;cursor:pointer}
.stZPrev{flex:.34}


.stBack{background:none;border:0;color:rgba(255,240,220,.62);font-family:inherit;font-size:var(--fs-8);
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:6px 10px;
  min-height:44px;min-width:44px;border-radius:var(--r-pill);transition:color .15s,background .15s}
.stBack:hover{color:rgba(255,240,220,.95);background:rgba(255,240,220,.07)}
.stBack:focus-visible{outline:2px solid #ffd9b8;outline-offset:3px}
.stBar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;flex:none;
  width:min(var(--st-col),100%);margin:0 auto}
.stBarEnd{display:flex;align-items:center;gap:10px}
.stSkip{background:none;border:0;color:rgba(255,240,220,.5);font-family:inherit;font-size:var(--fs-8);
  font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;padding:6px 2px;min-height:44px}
.stCount{font-size:var(--fs-7);color:rgba(255,240,220,.5);font-variant-numeric:tabular-nums}






.stNext{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  min-width:44px;padding:0 20px;border:0;border-radius:var(--r-pill);background:#ff9a52;color:#2a1c10;
  font-family:inherit;font-size:var(--fs-9);font-weight:800;letter-spacing:.02em;cursor:pointer;
  transition:transform .12s ease,filter .2s ease}
.stNext:active{transform:scale(.96)}
.stNext:focus-visible{outline:2px solid #ffd9b8;outline-offset:3px}









@media(min-width:760px){
  .stOv{justify-content:center}
  .stStage{max-height:calc(var(--st-col) * 1.4)}
}




@media(min-width:1080px){
  .stOv{--st-col:480px}
  .stArt svg{width:min(100%,380px)}
}
@media(prefers-reduced-motion:reduce){
  .stLeaf{transition:none}.stChip{transition:none}.stChip::before{transition:none}
  .stAct{transition:none}.stOv{transition:none}.stNext{transition:none}
  .stAct:active{transform:none}.stNext:active{transform:none}
}




.lkMito{width:78px;height:78px;margin:2px auto 8px;display:block}
.lkMito .lkGreetWrap{width:100%;height:100%;display:block;transform-origin:50% 82%}
.lkMito .lkMitoIn{width:100%;height:100%;display:block;transform-origin:50% 88%;animation:lkBreath 4.2s ease-in-out infinite}
.lkMito .lkMitoIn svg{width:100%;height:100%;display:block;filter:drop-shadow(0 6px 22px rgba(255,77,141,.42))}
@keyframes lkBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
@keyframes lkGreet{0%{transform:rotate(0)}18%{transform:rotate(-7deg)}44%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}100%{transform:rotate(0)}}
.lkMito .lkGreetWrap.lkGreet{animation:lkGreet .9s ease-in-out}


@media(prefers-reduced-motion:reduce){
  #lock.lkReveal .lkStage{animation:none}
  .lkMito .lkMitoIn{animation:none}
  .lkMito .lkGreetWrap.lkGreet{animation:none}
}






#lockSecondary{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 16px;margin-top:14px}


#lockSecondary .lkTertiary{display:inline-flex;align-items:center;width:auto;margin-top:0;min-height:44px}
#lockSecondary #lockEmailZone,#lockSecondary #lockInviteZone{flex:1 0 100%;text-align:left}
.lkQuietest{opacity:.68;text-decoration:none}
.lkQuietest:hover,.lkQuietest:focus-visible{opacity:1;text-decoration:underline;text-underline-offset:3px}





@media (max-width:899px){
  #lockSecondary{justify-content:flex-start;gap:2px 14px}
  .lkTertiary,.lockDemoBtn{text-align:left}
  .lockDemoBtn{padding:9px 16px;margin-top:16px}
  
  .lockLede{font-size:var(--fs-10);margin:14px 0 18px}
  .lockTrust{font-size:var(--fs-label);margin-top:12px}
  .lockConsent{margin-top:16px}
}


.beTape{display:flex;gap:8px}
.beTape label{flex:1;display:flex;flex-direction:column;gap:4px;font-size:var(--fs-2);font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}
.beTape input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid var(--line);
  border-radius:11px;padding:10px 10px;color:var(--txt);font-family:'Chakra Petch',sans-serif;font-size:var(--fs-12);outline:none}
.beTape input:focus{border-color:rgba(255,210,77,.5)}




select{color-scheme:dark;accent-color:var(--acc)}
select option,select optgroup{background:#0d1220;color:#e8ecf6}
select:focus{outline:none}


.stSlide{min-height:46px;animation:stIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes stIn{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
.stNav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}
.stArr{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;color:var(--txt);
  font-size:var(--fs-13);line-height:1;padding:5px 13px;cursor:pointer;font-family:inherit;opacity:.4;transition:opacity .15s,background .15s}


.stNav:hover .stArr:not(:disabled),.stNav:focus-within .stArr:not(:disabled){opacity:1}
.stArr:disabled{opacity:.3;cursor:default}
.stArr:not(:disabled):hover{background:rgba(255,255,255,.1)}
.stDots{display:flex;gap:5px}
.stDots i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.18)}
.stDots i.on{background:#c9b8ff}


.dsLayer{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(42vh,320px);opacity:.08;transition:opacity 60s linear}
.dsLayer.dsHide{opacity:0}

#dsOrbSvg{position:absolute;left:0;right:0;top:0;width:100%;height:min(30vh,240px);opacity:.5}
.dsDrift{animation:none} 
@media(prefers-reduced-motion:reduce){.dsDrift{animation:none}.dsLayer{transition:none}}
@media(max-width:700px){.dsLayer{opacity:.12}}


.chatSide{display:flex;flex-direction:column;gap:6px;align-self:stretch;justify-content:flex-end}
.chatSide .chatSend{width:94px;height:52px;font-size:var(--fs-17);margin:0}



.chatBox{flex:1;display:flex;flex-direction:column;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,138,61,.35);border-radius:18px;padding:6px 8px 8px}
.chatBox:focus-within{border-color:rgba(255,138,61,.65)}
.chatBox #chatInput{border:none;background:transparent;min-height:44px;max-height:200px;
  padding:8px 8px 4px;border-radius:0;outline:none;box-shadow:none}





html.vvOffset .chatBox #chatInput{max-height:96px}
.chatTools{display:flex;align-items:center;gap:4px}
.chatTool{width:34px;height:34px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;cursor:pointer;font-size:var(--fs-12);opacity:.6;transition:opacity .15s,background .15s}
.chatTool:hover{opacity:1;background:rgba(255,255,255,.07)}






.chatBox .chatSend{margin-left:auto;width:44px;height:44px;border-radius:13px;font-size:var(--fs-13);
  display:flex;align-items:center;justify-content:center;padding:0}
.chatSide,.chatSideTop{display:contents} 


.icActs{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}
.icAct{flex:1;min-width:120px;background:rgba(70,160,255,.08);border:1px solid rgba(70,160,255,.35);
  border-radius:11px;padding:9px 10px;color:var(--txt);font-size:var(--fs-body);font-weight:700;cursor:pointer;
  font-family:inherit;white-space:nowrap;transition:background .15s}
.icAct:hover{background:rgba(70,160,255,.16)}
.icAct:last-child{background:rgba(180,123,255,.08);border-color:rgba(180,123,255,.4)}
.icAct:last-child:hover{background:rgba(180,123,255,.16)}


#dsCloudSvg{position:absolute;left:0;right:0;top:0;width:100%;height:min(36vh,260px);opacity:.48;transition:opacity 60s linear}
.dsCloudDrift{animation:dsCloudFloat 1400s linear infinite;will-change:transform}
.dsCloud,.dsBirds{fill:none;stroke:rgba(214,228,255,.7);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dsCloud.small{opacity:.75}
.dsCloud.dusk{stroke:rgba(255,190,150,.65)}
.dsCloud.night{stroke:rgba(200,210,255,.34)}
.dsStarscape circle{fill:rgba(218,226,255,.75);stroke:none}
#dayScene[data-scene="dawn"] .dsInk path,#dayScene[data-scene="dawn"] .dsInk rect,#dayScene[data-scene="dawn"] .dsInk circle,
#dayScene[data-scene="morning"] .dsInk path,#dayScene[data-scene="morning"] .dsInk rect,#dayScene[data-scene="morning"] .dsInk circle{stroke:#ffd7a0}
#dayScene[data-scene="day"] .dsInk path,#dayScene[data-scene="day"] .dsInk rect,#dayScene[data-scene="day"] .dsInk circle{stroke:#b8d7ff}
#dayScene[data-scene="dusk"] .dsInk path,#dayScene[data-scene="dusk"] .dsInk rect,#dayScene[data-scene="dusk"] .dsInk circle{stroke:#ffb08a}
#dayScene[data-scene="night"] .dsInk path,#dayScene[data-scene="night"] .dsInk rect,#dayScene[data-scene="night"] .dsInk circle,
#dayScene[data-scene="late"] .dsInk path,#dayScene[data-scene="late"] .dsInk rect,#dayScene[data-scene="late"] .dsInk circle{stroke:#c9d1ff}
@keyframes dsCloudFloat{from{transform:translateX(-140px)}to{transform:translateX(220px)}}
@media(max-width:700px){#dsCloudSvg{opacity:.34}.dsLayer{opacity:.14}}
@media(prefers-reduced-motion:reduce){.dsCloudDrift{animation:none!important}}


#dsPaintSvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(46vh,340px);opacity:.8;filter:saturate(1.22);transition:opacity 60s linear}
.dsPaintDrift{transform:none} 
.dsGlow{fill:rgba(126,216,255,.11)}
.dsFar{fill:rgba(72,124,178,.22)}
.dsNear{fill:rgba(82,156,142,.23)}
.dsRoad{fill:rgba(70,91,124,.24)}
.dsWater{fill:rgba(54,150,204,.28)}
.dsWave{fill:none;stroke:rgba(205,238,255,.42);stroke-width:5;stroke-linecap:round}
.dsSand{fill:rgba(229,178,110,.24)}
.dsMountain.far{fill:rgba(118,135,190,.22)}
.dsMountain.near{fill:rgba(84,150,154,.26)}
.dsHouseFill{fill:rgba(255,178,102,.38)}
.dsHome{opacity:1}
.dsHouseFill.small{fill:rgba(255,206,132,.3)}
.dsRoofFill{fill:rgba(255,95,115,.42)}
.dsDoorFill{fill:rgba(32,22,34,.44)}
.dsWinFill{fill:rgba(255,220,126,.48)}
.dsTreeFill{fill:rgba(92,210,160,.28)}
.dsFenceFill,.dsBenchFill,.dsCabin{fill:rgba(255,225,172,.28)}
.dsDoghouse{fill:rgba(255,128,91,.32)}
.dsDog{fill:rgba(255,166,120,.4)} 
.dsPet{fill:rgba(255,235,210,.22)}
.dsPond{fill:rgba(88,196,220,.28)}
.dsFlower,.dsPath{fill:rgba(255,198,90,.22)}
.dsPine{fill:rgba(74,190,143,.28)}
.dsWindmill,.dsBirdsFill{fill:none;stroke:rgba(238,222,188,.36);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.dsLighthouse path{fill:rgba(255,230,192,.34)}
.dsLighthouse .dsBeam{fill:rgba(255,218,100,.13)}
.dsBoat{fill:rgba(255,130,105,.35)}

#dayScene[data-scene="day"] #dsPaintSvg{opacity:.84}
#dayScene[data-scene="dawn"] #dsPaintSvg,#dayScene[data-scene="morning"] #dsPaintSvg{opacity:.86;filter:saturate(1.28) brightness(1.04)}
#dayScene[data-scene="dusk"] #dsPaintSvg{opacity:.85;filter:saturate(1.32) hue-rotate(-12deg) brightness(.96)}
#dayScene[data-scene="night"] #dsPaintSvg,#dayScene[data-scene="late"] #dsPaintSvg{opacity:.66;filter:saturate(.92) hue-rotate(8deg) brightness(.82)}
@media(max-width:700px){#dsPaintSvg{opacity:.58}.dsLayer{opacity:.04}}
@media(prefers-reduced-motion:reduce){.dsPaintDrift{animation:none!important}}



#qbar{display:none;bottom:auto}
#qbar.open{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;position:fixed;z-index:62;
  left:50%;translate:-50% 0;bottom:calc(96px + env(safe-area-inset-bottom));
  animation:qbarPop .22s cubic-bezier(.2,1.4,.4,1)}
@media(min-width:1080px){#qbar.open{bottom:104px}}
@keyframes qbarPop{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}
#chatFab{opacity:0;pointer-events:none;width:0;height:0;overflow:hidden} 
#chatFab{opacity:0 !important;pointer-events:none !important;width:0 !important;height:0 !important;padding:0 !important;border:none !important;margin:0 !important;overflow:hidden}

@media(max-width:1079px){
  .tabbar{translate:0; 
    bottom:calc(8px + env(safe-area-inset-bottom)); 
    justify-content:space-between;gap:2px;padding:7px 6px}
  .tab{min-width:0;max-width:none;padding:6px 2px;border-radius:12px}
  .tab .ti svg{width:18px;height:18px}
  





  .tab .tl{font-size:var(--fs-3);letter-spacing:.4px;max-width:100%;overflow:hidden}
}

@media(min-width:1080px){
  .tabbar{left:50%;right:auto;translate:-50% 0}
  #qbar.open{left:50%;right:auto;translate:-50% 0}
  #ticker{left:50%;right:auto;translate:-50% 0}
  

  html[data-dock-pos="left"] .tabbar{left:var(--col-leftz);right:auto;translate:0}
  html[data-dock-pos="left"] #qbar.open{left:var(--col-left);right:auto;translate:0}
  html[data-dock-pos="right"] .tabbar{left:auto;right:var(--col-leftz);translate:0}
  html[data-dock-pos="right"] #qbar.open{left:auto;right:var(--col-left);translate:0}
  html[data-ticker-pos="left"] #ticker{left:var(--col-leftz);right:auto;translate:0}
  html[data-ticker-pos="right"] #ticker{left:auto;right:var(--col-leftz);translate:0}
}


.cvTiers{display:flex;gap:8px;margin-bottom:8px}
.cvT{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:700;padding:3px 9px;border-radius:8px}
.cvT.lg{color:#ff5a7a;background:rgba(255,90,122,.1);border:1px solid rgba(255,90,122,.35)}
.cvT.ho{color:#7fd8ff;background:rgba(127,216,255,.08);border:1px solid rgba(127,216,255,.3)}
.cvT.go{color:var(--gold);background:rgba(255,210,77,.08);border:1px solid rgba(255,210,77,.3)}
.cvBadges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.cvBadge{font-size:var(--fs-14)}
.cvNext{font-size:var(--fs-4);color:var(--mut);margin-left:auto}
.cvRail{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:thin;scroll-snap-type:x mandatory}
.cvRail::-webkit-scrollbar{height:6px}.cvRail::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}
.pcard{position:relative;flex:0 0 122px;width:122px;height:172px;border-radius:12px;overflow:hidden;cursor:pointer;
  scroll-snap-align:start;padding:8px;box-sizing:border-box;transition:transform .18s;background:linear-gradient(160deg,#1c2237,#0e1220)}
.pcard:hover{transform:translateY(-4px)}
.pcard.r-gold{border:1.5px solid rgba(255,210,77,.55);box-shadow:0 6px 20px rgba(255,180,60,.14)}
.pcard.r-holo{border:1.5px solid rgba(127,216,255,.6);box-shadow:0 6px 22px rgba(127,180,255,.2)}
.pcard.r-legendary{border:1.5px solid rgba(255,120,150,.7);box-shadow:0 8px 26px rgba(255,90,122,.28)}
.pcSheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 46%,transparent 60%);
  background-size:220% 220%;animation:pcSheen 4.5s linear infinite;mix-blend-mode:screen}
.pcard.r-holo .pcSheen{background:linear-gradient(115deg,transparent 24%,rgba(127,216,255,.28) 42%,rgba(180,140,255,.24) 52%,transparent 64%);background-size:220% 220%}
.pcard.r-legendary .pcSheen{background:linear-gradient(115deg,transparent 22%,rgba(255,210,77,.3) 40%,rgba(255,90,122,.28) 54%,transparent 66%);background-size:220% 220%}
@keyframes pcSheen{0%{background-position:120% 0}100%{background-position:-120% 0}}
.pcTop{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}
.pcRate{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-19);line-height:.9;color:var(--gold)}
.pcard.r-holo .pcRate{color:#9fe0ff}.pcard.r-legendary .pcRate{color:#ffb0c0}
.pcRate span{display:block;font-size:7px;letter-spacing:1px;color:var(--mut);font-weight:700}
.pcRar{font-size:6.5px;letter-spacing:.5px;font-weight:800;color:var(--mut);text-align:right;max-width:44px}
.pcArt{position:relative;z-index:1;height:64px;display:flex;align-items:center;justify-content:center;margin:2px 0}
.pcArt svg{height:62px;width:auto}
.pcTag{position:relative;z-index:1;text-align:center;font-size:8px;font-weight:800;letter-spacing:.6px;color:var(--gold);text-transform:uppercase}
.pcard.r-holo .pcTag{color:#9fe0ff}.pcard.r-legendary .pcTag{color:#ffb0c0}
.pcName{position:relative;z-index:1;text-align:center;font-size:var(--fs-3);font-weight:700;color:var(--txt);margin-top:1px}
.pcStats{position:relative;z-index:1;display:flex;justify-content:space-between;margin-top:6px;gap:2px}
.pcStats span{flex:1;text-align:center;font-size:6.5px;letter-spacing:.4px;color:var(--mut);font-weight:700}
.pcStats b{display:block;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);color:var(--txt)}

#cardReveal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:24px;
  background:rgba(6,8,15,.86);backdrop-filter:blur(8px)}
#cardReveal.on{display:grid;animation:crFade .3s ease}
@keyframes crFade{from{opacity:0}to{opacity:1}}
.crInner{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.crMint{font-family:'Chakra Petch',sans-serif;font-weight:800;letter-spacing:2px;font-size:var(--fs-read);color:var(--gold)}
.crBadge{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-12);color:var(--gold)}
.crHint{font-size:var(--fs-label);color:var(--mut)}
.pcard.big{flex:0 0 auto;width:248px;height:auto;min-height:350px;padding:16px;animation:crPop .5s cubic-bezier(.2,1.4,.4,1)} 
.pcard.big .pcRate{font-size:46px}.pcard.big .pcRate span{font-size:var(--fs-label)}
.pcard.big .pcRar{font-size:var(--fs-label);max-width:80px}
.pcard.big .pcArt{height:150px}.pcard.big .pcArt svg{height:146px}
.pcard.big .pcTag{font-size:var(--fs-11)}.pcard.big .pcName{font-size:var(--fs-12);margin-top:4px}
.pcard.big .pcStats{margin-top:14px}.pcard.big .pcStats span{font-size:var(--fs-1)}.pcard.big .pcStats b{font-size:var(--fs-16)}
@keyframes crPop{from{opacity:0;transform:scale(.7) rotate(-4deg)}to{opacity:1;transform:none}}








.pcard.famCard{flex:0 0 122px;width:122px;height:172px}
.pcHd{display:flex;align-items:flex-start;gap:5px;min-width:0}
.pcFam{flex:0 0 auto;font-size:var(--fs-body);line-height:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  border-radius:6px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.pmini .pcFam{width:16px;height:16px;font-size:var(--fs-3);border-radius:5px}
.pcard.big .pcFam{width:28px;height:28px;font-size:var(--fs-13);border-radius:8px}

.pcVerdict{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-18);line-height:.9}
.pcVerdict span{display:block;font-size:7px;letter-spacing:1px;color:var(--mut);font-weight:700}
.pmini .pcVerdict{font-size:var(--fs-13)}
.pcard.big .pcVerdict{font-size:40px}.pcard.big .pcVerdict span{font-size:var(--fs-3)}
.labcard .sqFace{margin-top:6px}
.labcard.big .sqFace{font-size:64px;margin:10px 0}
.lvReveal{position:relative;z-index:1;text-align:center;font-size:var(--fs-body);color:var(--mut);line-height:1.5;margin-top:8px}
.labcard.big .lootDelta{justify-content:center;margin-top:12px}


.pcard.r-busted{border:1.5px solid rgba(150,160,180,.35);box-shadow:none;filter:saturate(.65)}
.pcard.r-busted .pcSheen{background:linear-gradient(115deg,transparent 40%,rgba(200,208,224,.08) 50%,transparent 60%);background-size:220% 220%}
.pcard.r-busted .pcRate,.pcard.r-busted .pcVerdict{color:var(--mut)}

.cvFam{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.cvFamChip{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:6px 13px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-size:var(--fs-6);font-weight:800;
  font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.cvFamChip:hover{background:rgba(255,255,255,.06);color:var(--txt)}
.cvFamChip.on{background:rgba(127,216,255,.12);border-color:rgba(127,216,255,.4);color:var(--ice)}
.cvFamChip b{font-family:'Chakra Petch',sans-serif;font-weight:800;color:inherit}
.vaultLink{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin-top:12px;
  padding:0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--ice);
  font-size:var(--fs-body);font-weight:800;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.vaultLink:hover{background:rgba(127,216,255,.1);border-color:rgba(127,216,255,.35)}


.htSummary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-bottom:12px;font-size:var(--fs-body);color:var(--mut)}
.htSummary b{color:var(--txt);font-family:'Chakra Petch',sans-serif}
.htTodo{margin-left:auto;color:var(--acc);font-weight:700}
.htTodo.done{color:var(--grn)}
.htList{display:flex;flex-direction:column;gap:2px}
.htRow{display:flex;align-items:center;gap:10px;padding:7px 8px;min-height:52px;border-radius:11px;cursor:pointer;
  border:1px solid transparent;transition:background .15s,border-color .15s}
.htRow.htScale{min-height:0}
.htRow:hover{background:rgba(255,255,255,.04)}
.htRow[data-st="todo"]{background:rgba(255,138,61,.07);border-color:rgba(255,138,61,.2)}
.htRow[data-st="rest"]{opacity:.5;cursor:default;min-height:0}
.htIc{font-size:var(--fs-17);width:26px;text-align:center;flex:0 0 auto}
.htMid{flex:1;min-width:0}
.htNm{font-size:var(--fs-read);font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}
.htNums{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:0 0 auto;min-width:40px}
.htStrk{font-size:var(--fs-body);font-weight:700;color:var(--acc);font-family:'Chakra Petch',sans-serif}
.htRow[data-st="rest"] .htStrk{color:var(--mut)}
.htAdh{font-size:var(--fs-3);color:var(--mut);font-weight:700}

.htTick{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-size:var(--fs-13);font-weight:800;color:var(--mut);border:1.6px solid var(--line)}
.htRow[data-st="todo"] .htTick{border-color:var(--acc);background:transparent}
.htRow[data-st="todo"] .htGhost{color:var(--acc);opacity:.34}
.htRow[data-st="done"] .htTick{color:#053;background:var(--grn);border-color:var(--grn)}
.htRow[data-st="rest"] .htTick{border-color:transparent;width:30px}

.hsp{display:flex;gap:2px;align-items:flex-end;height:14px}
.hsp i{width:5px;box-sizing:border-box;border-radius:1.5px;display:block}
.hsp-done{height:14px;background:rgba(233,240,255,.28)} 
.hsp-miss{height:14px;background:transparent;border:1px solid rgba(255,255,255,.2)}
.hsp-rest{height:4px;background:rgba(255,255,255,.12)}
.hsp-none{height:4px;background:rgba(255,255,255,.05)}



.pcard.r-bronze{border:1.5px solid rgba(205,127,80,.5);box-shadow:0 6px 18px rgba(180,110,60,.12)}
.pcard.r-silver{border:1.5px solid rgba(200,214,230,.55);box-shadow:0 6px 20px rgba(190,205,225,.14)}
.pcard.r-bronze .pcSheen{background:linear-gradient(115deg,transparent 34%,rgba(205,140,90,.14) 48%,transparent 60%);background-size:220% 220%}
.pcard.r-silver .pcSheen{background:linear-gradient(115deg,transparent 30%,rgba(220,230,245,.18) 46%,transparent 60%);background-size:220% 220%}
.pcard.r-bronze .pcRate{color:#d99a6c}.pcard.r-silver .pcRate{color:#d6e2f0}

.pcard.pmini{flex:0 0 78px;width:78px;height:112px;border-radius:9px;padding:7px 6px}
.pmini .pcTop{margin-bottom:1px}





.pmini .pcRate{font-size:var(--fs-15)}.pmini .pcRate span{font-size:var(--fs-1);letter-spacing:.5px}
.sqPos{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:8px;letter-spacing:.5px;color:var(--mut)}
.sqFace{position:relative;z-index:1;text-align:center;font-size:var(--fs-21);line-height:1;margin:2px 0}
.pmini .sqFace{font-size:var(--fs-20)}
.sqName{position:relative;z-index:1;text-align:center;font-size:var(--fs-1);font-weight:700;color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.sqStats{justify-content:center;gap:8px}
.sqStats span{font-size:6px}.pmini .sqStats b{font-size:var(--fs-3)}

.sqHead{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.sqOvr{display:flex;flex-direction:column;line-height:1;flex:0 0 auto}
.sqOvr b{font-family:'Chakra Petch',sans-serif;font-size:28px;color:var(--gold)}
.sqOvr span{font-size:8px;letter-spacing:1px;color:var(--mut);font-weight:700;margin-top:2px}
.sqTiers{display:flex;flex-wrap:wrap;gap:6px}
.cvT.si{color:#d6e2f0}.cvT.br{color:#d99a6c}

.sqAlbum{margin-bottom:12px}
.sqAlbumBar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.sqAlbumFill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--gold));transition:width .5s ease}
.sqAlbumTx{font-size:var(--fs-4);color:var(--mut);margin-top:6px;line-height:1.4}

.pitch{display:flex;flex-direction:column;gap:12px;padding:16px 10px;border-radius:14px;position:relative;overflow-x:auto;
  background:linear-gradient(180deg,rgba(62,229,148,.1),rgba(62,229,148,.03));border:1px solid rgba(62,229,148,.14)}
.pitch::before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;background:rgba(255,255,255,.09)}
.pitch::after{content:"";position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.pitchRow{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.sqNext{margin-top:12px;font-size:var(--fs-body);color:var(--gold);font-weight:600;text-align:center}

.pcard.squad.big{padding:18px 16px}
.squad.big .pcRate{font-size:44px}
.squad.big .sqFace{font-size:80px;margin:8px 0}
.squad.big .sqName{font-size:var(--fs-13)}
.squad.big .sqName .sqPos{margin-left:5px;font-size:var(--fs-label)}
.squad.big .hsp{height:22px;justify-content:center;margin:12px 0}
.squad.big .hsp i{width:8px}
.squad.big .hsp-done,.squad.big .hsp-miss{height:22px}
.squad.big .hsp-rest,.squad.big .hsp-none{height:7px}
.squad.big .sqStats{margin-top:10px}.squad.big .sqStats b{font-size:var(--fs-17)}.squad.big .sqStats span{font-size:8px}

.sqKey{position:absolute;top:5px;left:6px;z-index:2;font-size:var(--fs-3);color:var(--gold);filter:drop-shadow(0 0 4px rgba(255,210,77,.6));pointer-events:none}
.pcard.keyP{box-shadow:0 6px 22px rgba(255,210,77,.22)}
.pcard.pmini.benched{opacity:.9}
.pcard.pmini.benched .pcRate{color:var(--acc)} 
.squad.big .sqKey{top:14px;left:16px;font-size:var(--fs-12)}
.sqPotWrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.sqPot{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-17);line-height:.85;color:var(--mut);text-align:right}
.sqPot span{display:block;font-size:7px;letter-spacing:1px;font-weight:700}
.sqGap{margin-top:10px;font-size:var(--fs-6);font-weight:600;color:var(--acc);background:rgba(255,138,61,.1);border:1px solid rgba(255,138,61,.24);border-radius:9px;padding:6px 9px;text-align:center}
.sqGap.real{color:var(--gold);background:rgba(255,210,77,.08);border-color:rgba(255,210,77,.22)}
.sqCrit{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:var(--fs-label);color:var(--mut)}
.sqCritB{width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-label);cursor:pointer;line-height:1}
.sqCritB:hover{border-color:var(--acc);color:var(--acc)}
.sqCritV{min-width:66px;text-align:center;font-weight:700;color:var(--txt)}

.sqForm{margin-top:9px;font-size:var(--fs-4);color:var(--mut);text-align:center}
.sqForm i{color:var(--ice);font-style:normal;font-weight:700}
.sqFormBtns{display:flex;gap:6px;justify-content:center;margin-top:7px}
.sqFormB{flex:1;max-width:56px;padding:6px 0;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-3);font-weight:800;letter-spacing:.5px;cursor:pointer;font-family:'Chakra Petch',sans-serif}
.sqFormB:hover{border-color:var(--ice);color:var(--txt)}
.sqFormB.on{background:var(--ice);border-color:var(--ice);color:#062}

.sqStyle{display:flex;flex-direction:column;gap:2px;line-height:1.15;flex:1 1 auto;min-width:0}
.sqPosture{font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-body);color:var(--txt);letter-spacing:.5px}
.sqShape{font-size:var(--fs-2);color:var(--mut);font-weight:600}
.sqTacChips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.sqTac{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-4);font-weight:700;color:var(--gold);background:rgba(255,210,77,.1);border:1px solid rgba(255,210,77,.28);border-radius:20px;padding:4px 10px;cursor:default}
.sqTac i{font-style:normal;font-weight:800;color:var(--grn);font-size:var(--fs-1)}
.sqTacChips.none{color:var(--mut);font-size:var(--fs-4);font-weight:500}
.sqTacChips.none{display:block;background:rgba(255,255,255,.03);border:1px dashed var(--line);border-radius:9px;padding:7px 10px}

.sqFold{margin-bottom:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden}
.sqFoldH{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.03);border:none;color:var(--mut);font-size:var(--fs-label);font-weight:700;padding:9px 11px;cursor:pointer;font-family:inherit}
.sqFoldH:hover{color:var(--txt)}
.sqFoldH i{font-style:normal;transition:transform .2s}
.sqFold.open .sqFoldH i{transform:rotate(90deg)}
.sqFoldB{display:none;padding:11px 11px 3px}
.sqFold.open .sqFoldB{display:block}
.sqFoldB .sqPowers,.sqFoldB .sqChem{margin-bottom:0}
.sqFoldB .sqPowers{margin-bottom:8px}
.sqFocus{font-size:var(--fs-body);line-height:1.45;color:var(--txt);background:rgba(255,138,61,.09);border:1px solid rgba(255,138,61,.22);border-radius:11px;padding:9px 11px;margin-bottom:12px}
.sqFocus b{color:var(--acc)}
.sqFocus.real{background:rgba(62,229,148,.08);border-color:rgba(62,229,148,.2)}

.sqPow{margin-top:10px;font-size:var(--fs-6);color:var(--ice);background:rgba(127,216,255,.09);border:1px solid rgba(127,216,255,.2);border-radius:9px;padding:6px 9px;text-align:center;line-height:1.35}
.sqPow b{color:var(--txt)}
.sqPowers{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.sqPwChip{font-size:var(--fs-4);color:var(--mut);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:20px;padding:3px 9px}
.sqPwChip b{color:var(--ice);font-family:'Chakra Petch',sans-serif;margin-left:2px}
.sqChem{font-size:var(--fs-label);color:var(--mut);margin-bottom:12px;line-height:1.4}
.sqChem.broken{opacity:.85}
.sqChem.broken b{color:var(--acc)}
.sqChem b{color:var(--pur)}

.sqForecast{margin:4px 0 14px;padding:12px;border-radius:14px;background:linear-gradient(180deg,rgba(180,123,255,.1),rgba(180,123,255,.03));border:1px solid rgba(180,123,255,.2)}
.fcHead{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:var(--fs-8);color:var(--txt);margin-bottom:10px}
.fcHead span{display:block;font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:var(--fs-3);color:var(--mut);margin-top:2px}
.fcRow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.fcRow:first-of-type{border-top:none}
.fcIc{font-size:var(--fs-16);width:24px;text-align:center;flex:0 0 auto}
.fcMid{flex:1;min-width:0}
.fcNm{font-size:var(--fs-body);font-weight:600;color:var(--txt)}
.fcNm span{font-size:var(--fs-1);color:var(--mut);font-weight:500;margin-left:4px}
.fcForm{height:4px;border-radius:2px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:5px}
.fcForm i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--pur),var(--ice))}
.fcVal{text-align:right;flex:0 0 auto;max-width:46%}
.fcVal b{display:block;font-size:var(--fs-6);color:var(--txt);font-family:'Chakra Petch',sans-serif}
.fcVal span{font-size:var(--fs-2);color:var(--acc)}
.fcNote{font-size:var(--fs-2);color:var(--mut);line-height:1.4;margin-top:9px}





:is(#onbFS,#xwzFS){position:fixed;inset:0;z-index:400;display:none;color:var(--txt);overflow:hidden;
  background:radial-gradient(130% 90% at 50% -12%,#161d38 0%,#0a0e1c 55%,#05070f 100%)}
:is(#onbFS,#xwzFS).on{display:block}
body.onbOpen{overflow:hidden}
.onbBar{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;height:3px;background:rgba(255,255,255,.07);z-index:6}  
.onbBarFill{display:block;height:100%;width:0;border-radius:0 3px 3px 0;
  background:linear-gradient(90deg,var(--acc),var(--acc2));
  box-shadow:0 0 12px rgba(255,138,61,.6);transition:width .5s cubic-bezier(.4,0,.2,1)}




.onbClose{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:8;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-11);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}


@media(min-width:760px){.onbClose{right:calc(50% - 326px)}}
.onbClose:hover{color:var(--txt);background:rgba(255,255,255,.1)}
.onbClose::before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}

.onbStage{cursor:default}







.onbStage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow-y:auto;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
  box-sizing:border-box}
@media(max-height:760px){.onbStage{align-items:flex-start;padding:16px 0 26px}} 
.onbScene{width:100%;max-width:640px;padding:52px 22px 30px;display:flex;flex-direction:column;gap:22px;
  animation:onbIn .42s cubic-bezier(.2,.8,.3,1)}
@keyframes onbIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.onbHead{text-align:center}
.onbT{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-20);font-weight:700;letter-spacing:.3px}
.onbSub{color:var(--mut);font-size:var(--fs-10);line-height:1.6;margin:8px auto 0;max-width:460px}
.onbNav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}




.onbBack,.onbSkip,.onbLater{position:relative;background:none;border:none;color:var(--mut);font:inherit;font-size:var(--fs-read);cursor:pointer;
  padding:8px 4px;text-decoration:underline;text-underline-offset:3px}
.onbBack::before,.onbSkip::before,.onbLater::before{content:"";position:absolute;left:50%;top:50%;
  min-width:44px;width:100%;height:44px;transform:translate(-50%,-50%)}
.onbSkip.onbNext::before{content:none}   
.onbBack:hover,.onbSkip:hover,.onbLater:hover{color:var(--txt)}


.onbSkip.onbNext{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#0a0e17;font-weight:800;background:linear-gradient(135deg,var(--acc),var(--acc2));padding:10px 22px;border-radius:12px}
.onbSkip.onbNext:hover{filter:brightness(1.08);color:#0a0e17}
.onbTxtBtns{display:flex;align-items:center;gap:16px}
.onbNext,.onbBegin{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;border:none;
  font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:var(--fs-12);padding:12px 26px;border-radius:14px;cursor:pointer;
  box-shadow:0 8px 26px rgba(255,77,141,.28);transition:transform .15s ease,filter .15s ease}
.onbNext:hover,.onbBegin:hover{filter:brightness(1.06);transform:translateY(-1px)}


.onbCover,.onbFinale{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.onbCoverArt,.onbFinaleArt{font-size:76px;line-height:1;filter:drop-shadow(0 12px 32px rgba(255,138,61,.4));
  animation:onbFloat 4s ease-in-out infinite}
@keyframes onbFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.onbCoverKick{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);letter-spacing:3px;color:var(--acc);font-weight:700}
.onbCoverT,.onbFinaleT{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-21);font-weight:700;line-height:1.15}
.onbCoverT em,.onbFinaleT em{color:var(--gold);font-style:normal}
.onbCoverSub,.onbFinaleSub{color:var(--mut);font-size:var(--fs-11);line-height:1.6;max-width:440px}
.onbBegin{margin-top:8px}




.onbLangRow{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;
  background:none;border:none;color:var(--mut);font:inherit;font-size:var(--fs-read);cursor:pointer}
.onbLangRow i{font-style:normal;color:var(--acc);text-decoration:underline;text-underline-offset:3px}
.onbLangGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:420px;
  max-height:34vh;overflow-y:auto;margin-top:2px}
.onbLangTile{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 6px;
  background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;
  color:var(--txt);font:inherit;font-size:var(--fs-6);cursor:pointer}
.onbLangTile.sel{border-color:var(--acc);background:rgba(255,138,61,.08)}


.onbTxtWrap{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.onbDetect{min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-8);font-weight:700;font-family:inherit;cursor:pointer;transition-property:background-color,color,border-color;transition-duration:.15s}
.onbDetect:hover:not(:disabled),.onbDetect:focus-visible{background:rgba(255,255,255,.08);color:var(--txt)}
.onbDetect:disabled{opacity:.6;cursor:default}
.onbBigInput{width:100%;max-width:440px;text-align:center;background:rgba(255,255,255,.05);
  border:1px solid var(--line);border-bottom:2px solid var(--acc);border-radius:14px;color:var(--txt);
  font-family:'Chakra Petch',sans-serif;font-size:var(--fs-18);padding:18px;outline:none}
.onbBigInput::placeholder{color:var(--mut);font-family:'Space Grotesk',sans-serif;font-size:var(--fs-13)}
.onbBigInput:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,138,61,.14)}


.onbScene[data-kind="rip"]{max-width:none;height:100%;padding:0;gap:0;position:relative}
.onbRip{position:absolute;inset:0;overflow:hidden}
.onbHalf{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;
  will-change:transform;transition:transform .62s cubic-bezier(.55,0,.75,.2),opacity .62s ease,filter .2s ease}
.onbHalfL{background:linear-gradient(140deg,#16203f 0%,#0c1226 100%)}
.onbHalfR{background:linear-gradient(220deg,#2b1533 0%,#160c22 100%)}
.onbHalf:hover{filter:brightness(1.12)}
.onbHalf.hot{filter:brightness(1.4) saturate(1.25)}
.onbHalfIn{display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none;transform:translateY(-6%)}





.onbHalfL .onbHalfIn{margin-right:50%}
.onbHalfR .onbHalfIn{margin-left:50%}
.onbHalfEmoji{font-size:62px;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}
.onbHalfLabel{font-family:'Chakra Petch',sans-serif;font-size:23px;font-weight:700;max-width:34vw;text-align:center}
@media(max-width:640px){
  .onbHalfEmoji{font-size:52px}
  .onbHalfLabel{font-size:var(--fs-16);max-width:38vw}
}
.onbRipTitle{position:absolute;top:9%;left:0;right:0;text-align:center;z-index:4;pointer-events:none;
  font-family:'Chakra Petch',sans-serif;font-size:var(--fs-19);font-weight:700;text-shadow:0 2px 16px rgba(0,0,0,.75)}
.onbRipHint{display:block;font-family:'Space Grotesk',sans-serif;font-size:var(--fs-body);font-weight:500;letter-spacing:1.5px;
  color:var(--mut);margin-top:6px;text-transform:uppercase}
.onbRip.peeling .onbHalfL{transform:translateX(-118%) rotate(-7deg);opacity:0}
.onbRip.peeling .onbHalfR{transform:translateX(118%) rotate(7deg);opacity:0}
.onbScene[data-kind="rip"] .onbNav{position:absolute;left:22px;right:22px;z-index:6;
  bottom:calc(18px + env(safe-area-inset-bottom))}


.onbCards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(122px,1fr))}
.onbCards.c3{grid-template-columns:repeat(3,1fr)}
.onbCards.c4{grid-template-columns:repeat(4,1fr)}
.onbCards.c15{grid-template-columns:repeat(5,1fr);gap:10px}
.onbCards.c15 .onbCard{padding:12px 8px}
.onbCards.c15 .onbCardKey{display:none}

.onbCards.dense{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px}
.onbCards.dense .onbCard{min-height:92px;padding:13px 8px;gap:5px;border-radius:14px}
.onbCards.dense .onbCardEmoji{font-size:var(--fs-21)}
.onbCards.dense .onbCardTitle{font-size:var(--fs-11)}
.onbCards.dense .onbCardDesc{font-size:var(--fs-4)}
.onbCards.dense .onbCardKey{display:none}
.onbCard{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
  min-height:206px;padding:22px 14px;border-radius:20px;cursor:pointer;color:var(--txt);
  background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
  border:1.5px solid var(--line);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.onbCard:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.28);box-shadow:0 16px 40px rgba(0,0,0,.45)} 
.onbCard.sel{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc),0 16px 42px rgba(255,77,141,.32);
  transform:translateY(-8px) scale(1.02)}
.onbCardKey{position:absolute;top:10px;left:12px;width:20px;height:20px;border-radius:6px;font-size:var(--fs-label);
  color:var(--mut);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
  font-family:'Chakra Petch',sans-serif}
.onbCardEmoji{font-size:46px;line-height:1}
.onbCardTitle{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:var(--fs-13);text-align:center}
.onbCardDesc{font-size:var(--fs-6);color:var(--mut);text-align:center;line-height:1.4}


.onbGoalSecHost:empty{display:none}
.onbGoalSec{margin-top:16px;text-align:center;animation:onbGoalIn .28s ease}
@keyframes onbGoalIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.onbGoalSecLab{font-size:var(--fs-body);font-weight:600;color:var(--mut);letter-spacing:.02em;margin-bottom:9px}
.onbGoalChips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.onbGoalChip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:9px 15px;border-radius:14px;
  cursor:pointer;color:var(--txt);font:inherit;font-size:var(--fs-10);font-weight:600;
  background:rgba(255,255,255,.04);border:1.5px solid var(--line);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .12s ease}
.onbGoalChip:hover{border-color:rgba(255,138,61,.55)}
.onbGoalChip:active{transform:scale(.95)}
.onbGoalChip.on{border-color:var(--acc);background:rgba(255,138,61,.16);color:var(--acc);box-shadow:0 0 12px rgba(255,138,61,.22)}
.onbGoalChipEm{font-size:var(--fs-14);line-height:1}
.onbGoalWords{margin:18px auto 0;max-width:440px;text-align:center}
.onbGoalWordsLab{display:block;font-size:var(--fs-body);font-weight:600;color:var(--mut);margin-bottom:8px}
.onbGoalWordsInp{width:100%;background:rgba(255,255,255,.05);color:var(--txt);border:1.5px solid var(--line);
  border-radius:14px;padding:13px 16px;font-family:'Space Grotesk',sans-serif;font-size:var(--fs-12);text-align:center;min-height:44px}
.onbGoalWordsInp::placeholder{color:var(--mut);font-size:var(--fs-10)}
.onbGoalWordsInp:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,138,61,.14);outline:none}


.onbBuild{margin:18px auto 0;max-width:460px;text-align:center;padding:15px 16px 16px;border-radius:18px;
  background:rgba(255,255,255,.035);border:1.5px solid var(--line)}
.onbBuildLab{font-size:var(--fs-body);font-weight:600;color:var(--mut);letter-spacing:.02em;margin-bottom:11px}
.onbBuildChips{display:flex;gap:8px;justify-content:center;margin-bottom:14px}
.onbBuildChip{flex:1 1 0;min-width:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px;
  min-height:60px;padding:9px 8px;border-radius:15px;cursor:pointer;color:var(--txt);font:inherit;
  font-size:var(--fs-read);font-weight:600;background:rgba(255,255,255,.04);border:1.5px solid var(--line);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .12s ease}
.onbBuildChip:hover{border-color:rgba(255,138,61,.55)}
.onbBuildChip:active{transform:scale(.95)}
.onbBuildChip.on{border-color:var(--acc);background:rgba(255,138,61,.16);color:var(--acc);box-shadow:0 0 12px rgba(255,138,61,.22)}
.onbBuildEm{font-size:var(--fs-19);line-height:1}
.onbBuildNm{line-height:1}
.onbBuildW{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:6px}
.onbBuildStep{width:44px;height:44px;flex:none;border-radius:12px;cursor:pointer;font-size:var(--fs-18);line-height:1;
  color:var(--txt);background:rgba(255,255,255,.06);border:1.5px solid var(--line);
  transition:border-color .14s ease,background .14s ease,transform .1s ease}
.onbBuildStep:hover{border-color:var(--acc)}
.onbBuildStep:active{transform:scale(.9)}
.onbBuildNum{min-width:104px;font-family:'Chakra Petch',sans-serif}
.onbBuildNum b{font-size:var(--fs-21);color:var(--acc)}
.onbBuildNum i{font-size:var(--fs-11);color:var(--mut);font-style:normal;margin-left:3px}
.onbBuildTag{font-size:var(--fs-8);font-weight:600;color:var(--mut);margin-bottom:7px}
.onbBuildRecPill{display:inline-block;padding:2px 10px;border-radius:999px;color:var(--acc);
  background:rgba(255,138,61,.14);border:1px solid rgba(255,138,61,.3)}
.onbBuildReset{color:var(--acc);font:inherit;font-weight:600;font-size:var(--fs-8);cursor:pointer;
  background:none;border:none;text-decoration:underline;padding:4px 2px;min-height:32px}
.onbBuildWhy{font-size:var(--fs-8);line-height:1.5;color:var(--mut);max-width:400px;margin:0 auto}
.onbBuildNoH{color:var(--mut);font-style:italic}


.onbSupps{display:flex;flex-direction:column;gap:10px;width:100%;max-width:520px;margin:0 auto}
.onbSupp{display:flex;align-items:center;gap:14px;text-align:left;padding:13px 16px;border-radius:16px;
  cursor:pointer;color:var(--txt);font:inherit;
  background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  border:1.5px solid var(--line);opacity:.62;transition:border-color .15s ease,opacity .15s ease,box-shadow .15s ease}
.onbSupp:hover{border-color:rgba(255,138,61,.5)}
.onbSupp.on{opacity:1;border-color:var(--acc);box-shadow:0 0 0 1px var(--acc),0 10px 28px rgba(255,77,141,.18)}
.onbSuppIc{font-size:var(--fs-20);line-height:1;flex:none}
.onbSuppTxt{flex:1;min-width:0}
.onbSuppTxt b{font-family:'Chakra Petch',sans-serif;font-size:14.5px}
.onbSuppTxt i{font-style:normal;color:var(--mut);font-size:var(--fs-body);margin-left:6px}
.onbSuppWhy{display:block;font-size:var(--fs-6);color:var(--mut);line-height:1.4;margin-top:2px}
.onbSuppTick{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:var(--fs-body);color:transparent}
.onbSupp.on .onbSuppTick{color:#fff;background:linear-gradient(90deg,var(--acc),#ff4d8d);border-color:transparent}
.onbSuppNote{font-size:var(--fs-6);color:var(--mut);text-align:center;margin-top:14px;line-height:1.5}


.onbLookWrap{display:grid;grid-template-columns:190px 1fr;gap:22px;align-items:start}
.onbAvatar{position:sticky;top:0;display:flex;justify-content:center}
.onbAvatar svg{width:168px;height:auto;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.onbLookChips{display:flex;flex-direction:column;gap:12px;max-height:54vh;overflow-y:auto;padding-right:6px}
.onbRow{display:flex;flex-direction:column;gap:6px}
.onbRowL{font-size:var(--fs-label);letter-spacing:1.5px;color:var(--mut);font-weight:600}
.onbRowChips{display:flex;flex-wrap:wrap;gap:7px}




.onbChip{display:inline-flex;align-items:center;min-height:44px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);font:inherit;font-size:var(--fs-read);
  padding:8px 13px;border-radius:11px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.onbChip:hover{border-color:rgba(255,138,61,.5)}
.onbChip.on{background:linear-gradient(90deg,rgba(255,138,61,.28),rgba(255,77,141,.28));border-color:var(--acc)}
.onbSw{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;
  border:1px solid rgba(255,255,255,.25)}



.onbDateWrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.onbDateInput,.onbTimeInput{background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);
  font:inherit;font-size:var(--fs-17);padding:12px 16px;border-radius:14px;min-height:52px;text-align:center;
  color-scheme:dark;transition:border-color .15s ease,box-shadow .15s ease}
.onbDateInput:focus,.onbTimeInput:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,138,61,.14);outline:none}
.onbDateAge{color:var(--gold);font-size:var(--fs-11);font-weight:600;min-height:18px}

.onbMeasure{display:flex;flex-direction:column;align-items:center;gap:18px}
.onbUnit{display:inline-flex;gap:6px;background:rgba(255,255,255,.05);border:1px solid var(--line);
  border-radius:12px;padding:4px}
.onbUnitChip{background:transparent;border:0;color:var(--mut);font:inherit;font-size:var(--fs-read);font-weight:600;
  padding:9px 16px;min-height:44px;border-radius:9px;cursor:pointer;transition:background .15s ease,color .15s ease}
.onbUnitChip.on{background:linear-gradient(90deg,rgba(255,138,61,.32),rgba(255,77,141,.32));color:var(--txt)}
.onbMeasFields{width:100%;display:flex;justify-content:center}
.onbMeasDual{display:flex;gap:14px}
.onbMeasCell{position:relative;display:flex;align-items:center}
.onbMeasCell.solo{min-width:min(260px,72vw)}
.onbMeasInput{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);
  font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:38px;text-align:center;padding:16px 52px 16px 18px;
  border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease}
.onbMeasDual .onbMeasInput{width:118px;padding-right:46px}
.onbMeasInput:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(255,138,61,.14);outline:none}
.onbMeasSuf{position:absolute;right:16px;color:var(--mut);font-size:var(--fs-13);font-weight:600;pointer-events:none}

.onbEquip{display:flex;flex-direction:column;gap:14px}
.onbEquipChips{justify-content:center}
.onbEquipAddRow{display:flex;gap:8px}
.onbEquipAdd{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);
  font:inherit;font-size:var(--fs-11);padding:11px 14px;min-height:46px;border-radius:12px}
.onbEquipAdd:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(255,138,61,.12)}
.onbEquipAddBtn{width:46px;min-height:46px;flex:0 0 46px;background:rgba(255,255,255,.06);border:1px solid var(--line);
  color:var(--txt);font-size:var(--fs-17);border-radius:12px;cursor:pointer;transition:border-color .15s ease}
.onbEquipAddBtn:hover{border-color:var(--acc)}
.onbSnap{background:rgba(255,255,255,.04);border:1px dashed var(--line);color:var(--txt);font:inherit;font-size:var(--fs-11);
  font-weight:600;padding:13px;min-height:48px;border-radius:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.onbSnap:hover{border-color:var(--acc);background:rgba(255,138,61,.08)}
.onbSnapDone{text-align:center;color:var(--gold);font-size:var(--fs-read);font-weight:600;min-height:16px}

.onbFood{display:flex;flex-direction:column;gap:16px;max-height:52vh;overflow-y:auto;padding-right:2px}
.onbFoodNotes{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);
  font:inherit;font-size:var(--fs-11);line-height:1.5;padding:11px 13px;border-radius:12px;resize:vertical;min-height:56px}
.onbFoodNotes:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(255,138,61,.12)}

.onbSleep{display:flex;flex-direction:column;align-items:center;gap:14px}
.onbSleepCell{display:flex;align-items:center;gap:12px;width:min(320px,84vw);background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:16px;padding:12px 16px}
.onbSleepIc{font-size:var(--fs-20);line-height:1}
.onbSleepL{flex:1;font-size:var(--fs-11);color:var(--mut);font-weight:600}
.onbSleepCell .onbTimeInput{font-size:var(--fs-15);padding:9px 12px;min-height:46px}
.onbSleepDur{color:var(--mut);font-size:var(--fs-read);font-weight:600;min-height:18px;text-align:center;line-height:1.4;max-width:320px}
.onbSleepDur.set{color:var(--gold)}



.onbShape{margin-top:8px;display:inline-block;font-size:var(--fs-8);font-weight:600;color:var(--acc);
  background:rgba(255,138,61,.10);border:1px solid rgba(255,138,61,.28);border-radius:999px;
  padding:6px 13px;line-height:1.35}





.onbStory{display:flex;flex-direction:column;gap:14px;width:min(560px,92vw);margin:0 auto}
.onbStoryAsk{display:flex;gap:11px;align-items:flex-start}
.onbStoryIc{font-size:27px;line-height:1.15;flex:0 0 auto;filter:drop-shadow(0 6px 16px rgba(255,138,61,.3))}
.onbStoryBubble{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.045);
  border:1px solid var(--line);border-radius:16px;border-top-left-radius:5px;padding:13px 15px}
.onbStoryQ{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:var(--fs-16);line-height:1.3;color:var(--txt)}
.onbStorySub{font-size:var(--fs-10);line-height:1.5;color:var(--mut)}
.onbStoryChips{display:flex;flex-wrap:wrap;gap:7px}
.onbStoryChips .onbChip{min-height:44px;text-align:left} 
.onbStoryTxt{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--txt);
  font:inherit;font-size:var(--fs-12);line-height:1.55;padding:12px 14px;border-radius:14px;resize:vertical;min-height:92px}
.onbStoryTxt:focus{border-color:var(--acc);outline:none;box-shadow:0 0 0 3px rgba(255,138,61,.12)}
.onbStoryFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.onbStoryCount{font-size:var(--fs-body);font-weight:600;color:var(--mut);min-height:14px} 
.onbStoryIntro .onbCoverArt{filter:drop-shadow(0 12px 30px rgba(255,138,61,.34))}
.onbStoryResume{font-size:var(--fs-read);font-weight:600;color:var(--gold)}
@media(max-width:414px){
  .onbStoryQ{font-size:var(--fs-14)}
  .onbStoryChips .onbChip{font-size:var(--fs-8);padding:8px 11px}
  .onbStoryTxt{font-size:var(--fs-12)} 
}

.onbNotif{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}
.onbNotifIco{font-size:56px;line-height:1;filter:drop-shadow(0 10px 26px rgba(255,138,61,.36))}
.onbNotifList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;
  color:var(--txt);font-size:14.5px;text-align:left;max-width:340px}
.onbNotifList li{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:11px 14px}





.onbVice{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:520px;margin:0 auto}
.onbVice .isChips{justify-content:center}
.onbVice .lockIn{margin:0;text-align:center}
.onbVice .alNote{margin:0;text-align:center;max-width:420px}





.onbSum{display:flex;flex-direction:column;gap:9px;max-height:54vh;overflow-y:auto;padding-right:2px;padding-bottom:34px;scroll-padding-bottom:34px}
.onbSumRow{display:flex;align-items:center;gap:12px;width:100%;background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:56px;cursor:pointer;text-align:left;
  color:var(--txt);transition:border-color .15s ease,background .15s ease}
.onbSumRow:hover{border-color:var(--acc);background:rgba(255,138,61,.06)}
.onbSumIc{font-size:var(--fs-18);line-height:1;flex:0 0 24px;text-align:center}
.onbSumMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.onbSumK{font-size:var(--fs-label);letter-spacing:.6px;color:var(--mut);font-weight:600;text-transform:uppercase}
.onbSumV{font-size:var(--fs-12);font-weight:600;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.onbSumFix{flex:0 0 auto;font-size:var(--fs-body);font-weight:700;color:var(--acc);padding:6px 10px;border:1px solid var(--line);
  border-radius:9px}
.onbSumCta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}
.onbSumCta .onbBegin{margin:0}


.onbGapMeter{width:100%}
.onbGapBar{height:9px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid var(--line);overflow:hidden}
.onbGapBar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--gold));transition:width .35s ease}
.onbGapLab{font-size:var(--fs-body);color:var(--mut);margin-top:7px;text-align:center}
.onbGapLab b{color:var(--txt);font-weight:800}
.onbGaps{display:flex;flex-direction:column;gap:9px;max-height:52vh;overflow-y:auto;padding-right:2px;padding-bottom:34px;scroll-padding-bottom:34px}
.onbGapRow{display:flex;align-items:center;gap:12px;width:100%;background:rgba(255,255,255,.04);
  border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:56px;cursor:pointer;text-align:left;
  color:var(--txt);font:inherit;transition:border-color .15s ease,background .15s ease,transform .12s ease}
.onbGapRow:hover{border-color:var(--acc);background:rgba(255,138,61,.06)}
.onbGapRow:active{transform:scale(.99)}
.onbGapRow.done{opacity:.62}
.onbGapRow.done:hover{opacity:.9}
.onbGapIc{font-size:var(--fs-18);line-height:1;flex:0 0 26px;text-align:center}
.onbGapMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.onbGapNm{font-size:14.5px;font-weight:800;color:var(--txt)}
.onbGapSub{font-size:var(--fs-body);color:var(--mut);line-height:1.35;overflow:hidden;text-overflow:ellipsis}
.onbGapMark{flex:0 0 auto;width:26px;height:26px;border-radius:99px;display:grid;place-items:center;
  font-size:var(--fs-11);font-weight:900;border:1px solid var(--line);color:var(--acc);background:rgba(255,138,61,.08)}
.onbGapRow.done .onbGapMark{color:var(--grn);border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.10)}
.amSetup{color:var(--gold)!important}

@media(max-width:640px){
  .onbMeasInput{font-size:32px}
  .onbFood{max-height:48vh}.onbSum{max-height:50vh}
}

@media(max-width:640px){
  .onbScene{padding:48px 18px 26px}
  .onbT{font-size:21px}.onbCoverT,.onbFinaleT{font-size:25px}.onbCoverArt,.onbFinaleArt{font-size:62px}
  .onbCards.c3,.onbCards.c4{grid-template-columns:1fr 1fr}
  .onbCards.c15{grid-template-columns:repeat(3,1fr)}
  .onbCard{min-height:132px;padding:16px 10px}.onbCardEmoji{font-size:36px}.onbCardTitle{font-size:var(--fs-11)}
  .onbLookWrap{grid-template-columns:1fr;gap:14px}
  .onbAvatar{position:static}.onbAvatar svg{width:118px}
  .onbLookChips{max-height:none;overflow:visible}
  .onbHalfEmoji{font-size:46px}.onbHalfLabel{font-size:var(--fs-16)}
  



}
@media(prefers-reduced-motion:reduce){
  .onbScene,.onbCoverArt,.onbFinaleArt{animation:none}
  .onbHalf{transition:opacity .3s ease}
  .onbRip.peeling .onbHalfL,.onbRip.peeling .onbHalfR{transform:none;opacity:0}
  .onbCard:hover,.onbCard.sel{transform:none}
}




#view-now{max-width:600px;margin-left:auto;margin-right:auto}
#view-now .card{margin-bottom:14px}


.nowHero{background:linear-gradient(158deg,rgba(255,138,61,.16),rgba(255,138,61,0) 62%),var(--glass);border-color:rgba(255,138,61,.30);position:relative;overflow:hidden}
.nowKicker{font-size:var(--fs-4);letter-spacing:2px;text-transform:uppercase;color:var(--acc);font-weight:800;margin-bottom:9px}
.nowVerdict{font-size:var(--fs-16);line-height:1.42;font-weight:800;color:var(--txt);letter-spacing:.2px;margin-bottom:14px}
.nowVerdict b{color:var(--gold)}
.nowSess{font-size:var(--fs-13);font-weight:800;margin-bottom:12px;color:var(--txt);line-height:1.35}
.nowSess small{display:block;font-size:var(--fs-body);font-weight:600;color:var(--mut);margin-top:3px}







.nowGo{width:100%;padding:13px;border-radius:14px;border:1px solid var(--line);
  background:rgba(255,255,255,.045);color:var(--txt);
  font-size:var(--fs-11);font-weight:800;cursor:pointer;transition:transform .14s,border-color .15s,background .15s;font-family:inherit}
.nowGo:hover{border-color:rgba(255,138,61,.34);background:rgba(255,255,255,.07)}
.nowGo:active{transform:scale(.98)}
.nowPlateV{font-size:var(--fs-11);color:var(--mut);font-weight:700}
.nowPlateV b{color:var(--txt)}
.nowQuest{display:flex;flex-direction:column;gap:8px;margin:11px 0 12px}
.nowQ{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:12px;
  background:rgba(255,255,255,.035);border:1px solid var(--line)}
.nowQ .ic{font-size:var(--fs-14);flex:0 0 auto}
.nowQ .nm{flex:1;font-size:var(--fs-10);font-weight:700;color:var(--txt)}
.nowQ .mk{width:24px;height:24px;border-radius:8px;border:2px solid var(--line);flex:0 0 auto;
  display:grid;place-items:center;font-size:var(--fs-read);color:var(--mut)}
.nowQ.on{border-color:rgba(62,229,148,.4)}
.nowQ.on .nm{color:var(--grn)}
.nowQ.on .mk{border-color:rgba(62,229,148,.55);color:var(--grn)}
.nowGhost{background:none;border:none;color:var(--blu);font-size:var(--fs-8);font-weight:700;cursor:pointer;padding:2px 4px;font-family:inherit;display:inline-flex;align-items:center;min-height:44px} 

.nowUpList{display:flex;flex-direction:column;gap:8px}
.nowUp{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:12px;cursor:pointer;
  background:rgba(255,255,255,.03);border:1px solid var(--line);transition:border-color .2s,background .2s}
.nowUp:active{background:rgba(255,255,255,.06)}
.nowUp .ic{font-size:var(--fs-14);flex:0 0 auto}
.nowUp .upMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}





.nowUp .upMid .nm{font-size:var(--fs-10);font-weight:700;color:var(--txt);overflow:hidden;line-height:1.25;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.nowUp .upMid .sub{font-size:var(--fs-label);font-weight:600;color:var(--mut)}
.nowUp .upGo{flex:0 0 auto;color:var(--mut);font-size:var(--fs-15);font-weight:800;line-height:1}
.nowTonight{margin-top:9px;font-size:var(--fs-body);font-weight:600;color:var(--mut);letter-spacing:.02em}



.nowIdent{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:11px 14px;
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;
  font-family:inherit;text-align:left;transition:border-color .2s,transform .14s}
.nowIdent:active{transform:scale(.99)}
.nowIdent:hover{border-color:rgba(255,138,61,.34)}
.niSeg{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-8);font-weight:800;color:var(--txt);white-space:nowrap}
.niSeg.niLvl{min-width:0;flex:0 1 auto;overflow:hidden}
.niName{font-weight:600;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.niSeg.niXp{color:var(--acc);margin-left:auto}   
.niGo{flex:0 0 auto;color:var(--mut);font-size:var(--fs-16);font-weight:800;line-height:1}

.nowFoot{display:flex;justify-content:center;gap:8px;margin:2px 0 6px}



.nowFoot{flex-wrap:wrap}
.nowFoot .nowFull{min-height:44px}



.nowPlay{border:1px solid var(--line);border-radius:12px;padding:0 14px}
.nowPlay:active{border-color:var(--acc)}
.nowFull{min-height:44px;padding:10px 16px;background:none;border:none;color:var(--mut);
  font-size:var(--fs-8);font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:.02em;border-radius:var(--r-md)}
.nowFull:hover{color:var(--txt)}








#view-now.on ~ #ticker,
#view-train.on ~ #ticker,
#view-body.on ~ #ticker{display:none}
#view-now.on ~ #mitoRoam{display:none} 

#view-now .nowGhost{min-height:44px;display:inline-flex;align-items:center}
#view-now .nowQ,#view-now .nowUp{min-height:44px}

@media(max-width:360px){.niName{display:none}}




#view-now .nowGo{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}



#chatModel{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-width:0;padding:0;margin:0;border:0}
  border:1px solid rgba(255,138,61,.5);background:rgba(20,26,43,.86);color:var(--txt);font-family:inherit;cursor:pointer}
  border-radius:14px;border:1px solid rgba(255,138,61,.35);background:#0b101d;box-shadow:0 18px 48px rgba(0,0,0,.62)}
  border:none;background:transparent;color:var(--txt);font-family:inherit;cursor:pointer;text-align:left}


.hsp i.hsp-today{cursor:pointer;height:11px;margin-top:-2px;transition:transform .12s,background .15s}




.hsp i.hsp-today.hsp-none{box-shadow:0 0 0 1px rgba(62,229,148,.55);background:rgba(62,229,148,.3);animation:hspFill 2.1s ease-in-out infinite}
@keyframes hspFill{0%,100%{opacity:.5}50%{opacity:1}}
.hsp i.hsp-today:hover{transform:scaleY(1.25)}


.alAddNudge{width:100%;margin-top:8px;background:rgba(255,138,61,.08);border:1px dashed rgba(255,138,61,.45);border-radius:11px;padding:10px;color:var(--acc);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:background .15s}
.alAddNudge:hover{background:rgba(255,138,61,.16)}




.roadGrp{margin-bottom:14px}
.roadGrp:last-of-type{margin-bottom:6px}
.roadGrpHd{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--mut);margin:2px 0 8px;display:flex;align-items:center;gap:7px}
.roadGrpHd i{font-style:normal;font-size:var(--fs-2);opacity:.7;font-weight:600}
.roadItem{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;padding:12px 13px;margin-bottom:9px}
.roadItem:last-child{margin-bottom:0}
.roadHd{display:flex;align-items:flex-start;gap:9px;margin-bottom:7px}
.roadTtl{flex:1;min-width:0;font-size:var(--fs-10);font-weight:800;line-height:1.35;color:var(--txt)}
.roadHz{flex:0 0 auto;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-2);font-weight:700;letter-spacing:.6px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}
.roadHz.hz-near{color:var(--grn);border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.08)}
.roadHz.hz-med{color:var(--gold);border-color:rgba(255,210,77,.4);background:rgba(255,210,77,.08)}
.roadHz.hz-far{color:var(--ice);border-color:rgba(127,216,255,.4);background:rgba(127,216,255,.08)}
.roadPick{font-size:var(--fs-6);line-height:1.5;color:#cbd4ea;background:rgba(70,160,255,.07);border-left:2px solid rgba(70,160,255,.5);border-radius:0 8px 8px 0;padding:7px 10px;margin-bottom:9px}
.roadPick b{color:var(--blu);font-weight:800;margin-right:4px}
.roadSpecsToggle{display:block;width:100%;text-align:left;background:none;border:0;color:var(--mut);font-family:inherit;font-size:var(--fs-label);font-weight:700;cursor:pointer;padding:4px 0;margin-bottom:4px;transition:color .15s}
.roadSpecsToggle:hover{color:var(--txt)}
.roadSpecsToggle.open{color:var(--acc)}

.rpart,.bossMeta span,.bossDelta,.htNums .htStrk,.htNums .htAdh,.wkMeta,.pcStats span{
  font-variant-numeric:tabular-nums}
.rpart{font-size:var(--fs-4);line-height:1.5}
.rpart small{color:var(--mut)}
.bossMeta span{font-size:var(--fs-label)}
.htNums .htAdh{font-size:var(--fs-4)}


.euVerdict{font-size:var(--fs-8);line-height:1.6;padding:10px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.euVerdict.good{border-color:rgba(62,229,148,.35);background:rgba(62,229,148,.06)}
.euVerdict.warn{border-color:rgba(255,210,77,.3);background:rgba(255,210,77,.05)}
.euVerdict.over{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.06)}
.euVLine{font-size:var(--fs-body);line-height:1.6;margin:6px 0 2px}
.euVLine.sub{color:var(--mut);font-size:var(--fs-label)}
.euRec{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;margin:4px 0;border-radius:10px;background:rgba(62,229,148,.05);border:1px solid rgba(62,229,148,.25);font-size:var(--fs-6)}
.euRec b{color:var(--grn);font-variant-numeric:tabular-nums;white-space:nowrap}
.euRec>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.euRec.canLog{cursor:pointer;transition:background .15s,border-color .15s}
.euRec.canLog:hover{background:rgba(62,229,148,.11);border-color:rgba(62,229,148,.45)}
.euRecAdd{flex:0 0 auto;font-size:var(--fs-4);font-weight:800;color:var(--grn);background:rgba(62,229,148,.14);border-radius:99px;padding:2px 8px;white-space:nowrap}

.bwIntro{font-size:var(--fs-body);line-height:1.55;color:var(--mut);margin-bottom:12px}

.bwScan{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0 0 12px;padding:12px;
  border-radius:12px;cursor:pointer;font:inherit;font-size:var(--fs-8);font-weight:800;color:var(--ice);
  border:1px dashed rgba(127,216,255,.4);background:rgba(127,216,255,.07);transition-property:background-color,color,border-color,transform,opacity;transition-duration:.16s}
.bwScan:hover{background:rgba(127,216,255,.14);border-color:rgba(127,216,255,.6)}
.bwScan:active{transform:scale(.98)}
.bwPrint{margin-top:12px;color:var(--gold,#ffd479);border-color:rgba(255,212,121,.4);background:rgba(255,212,121,.07)}
.bwPrint:hover{background:rgba(255,212,121,.14);border-color:rgba(255,212,121,.6)}
.bwCore.alt{color:var(--ice);border-color:rgba(127,216,255,.45)}
.bwList{display:flex;flex-direction:column;gap:8px}
.bwRow{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;cursor:pointer;
  padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:background .15s,border-color .15s}
.bwRow:hover{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.bwRow.core{border-color:rgba(255,77,141,.3);background:rgba(255,77,141,.05)}
.bwRow.done{opacity:.6}
.bwCheck{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);display:grid;place-items:center;
  font-size:var(--fs-read);font-weight:800;color:var(--grn);margin-top:1px}
.bwRow.done .bwCheck{background:rgba(62,229,148,.16);border-color:rgba(62,229,148,.5)}
.bwMain{flex:1;min-width:0}
.bwNm{font-size:var(--fs-read);font-weight:800;color:var(--txt);line-height:1.35}
.bwRow.done .bwNm{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}
.bwCore{font-size:8.5px;font-weight:900;letter-spacing:1px;color:var(--acc2);border:1px solid rgba(255,77,141,.4);border-radius:99px;padding:1px 5px;vertical-align:1px;margin-left:5px}
.bwWhy{display:block;font-size:var(--fs-label);color:var(--mut);line-height:1.5;margin-top:3px}
.bwVal{display:block;font-size:var(--fs-body);font-weight:800;color:var(--grn);line-height:1.5;margin-top:3px;font-variant-numeric:tabular-nums}
.bwValD{color:var(--mut);font-weight:600}
.bwEditHint{color:var(--mut);font-weight:600;font-size:var(--fs-4)}
.bwDisc{margin-top:13px;padding:10px 12px;border-radius:11px;background:rgba(127,216,255,.06);border:1px solid rgba(127,216,255,.2);font-size:var(--fs-label);line-height:1.55;color:var(--ice)}


.hwBanner{margin:0 0 13px;padding:13px 14px;border-radius:13px;background:rgba(255,138,61,.08);border:1px solid rgba(255,138,61,.4)}
.hwBanHd{display:flex;align-items:flex-start;gap:11px}
.hwBanIc{font-size:var(--fs-18);line-height:1.1;flex:0 0 auto}
.hwBanTx{display:flex;flex-direction:column;gap:2px;min-width:0}
.hwBanTx b{font-size:var(--fs-read);font-weight:800;color:var(--txt);line-height:1.35}
.hwBanTx i{font-size:var(--fs-6);font-style:normal;font-weight:700;color:var(--acc);font-variant-numeric:tabular-nums}
.hwBanActs{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.hwBanBtn{flex:1 1 auto;min-height:44px;padding:9px 12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.hwBanBtn:hover{background:rgba(255,255,255,.09)}
.hwBanBtn.primary{background:linear-gradient(90deg,var(--acc),var(--gold));border-color:transparent;color:#1a1205}
.hwBanBtn.ghost{flex:0 0 44px;min-width:44px;color:var(--mut)}
.hwBanDisc{margin-top:10px;font-size:var(--fs-4);line-height:1.5;color:var(--mut)}

.hwDocHead{font-size:var(--fs-read);font-weight:700;color:var(--txt);line-height:1.5;margin-bottom:4px}
.hwDocHead b{color:var(--acc);font-variant-numeric:tabular-nums}
.hwTests{display:flex;flex-wrap:wrap;gap:6px}
.hwTestChip{font-size:var(--fs-label);font-weight:700;color:var(--ice);background:rgba(127,216,255,.08);border:1px solid rgba(127,216,255,.22);border-radius:999px;padding:5px 10px}

.bwCad{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.bwCadHd{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.bwCadRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.bwCadRow:last-of-type{border-bottom:0}
.bwCadIc{font-size:var(--fs-14);flex:0 0 auto}
.bwCadMain{display:flex;flex-direction:column;gap:1px;flex:1 1 130px;min-width:0}
.bwCadNm{font-size:var(--fs-8);font-weight:700;color:var(--txt);line-height:1.35}
.bwCadWhy{font-size:var(--fs-4);color:var(--mut);line-height:1.4}
.bwCadStatus{font-size:var(--fs-4);font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.02em}
.bwCadStatus.ok{color:var(--grn);background:rgba(62,229,148,.1)}
.bwCadStatus.due{color:var(--gold);background:rgba(255,197,74,.12)}
.bwCadStatus.overdue{color:var(--bad,#ff6b6b);background:rgba(255,107,107,.12)}
.bwCadStatus.none{color:var(--mut);background:rgba(255,255,255,.05)}
.bwCadActs{display:flex;gap:6px;flex:0 0 auto}
.bwCadBtn{min-height:44px;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-label);font-weight:700;cursor:pointer;transition:background .15s}
.bwCadBtn:hover{background:rgba(255,255,255,.09)}
.bwCadBtn.done{color:var(--grn);border-color:rgba(62,229,148,.3)}
.bwCadNote{margin-top:11px;font-size:var(--fs-4);line-height:1.5;color:var(--mut)}



.bwRow{align-items:center}
.bwRowTap{flex:1;min-width:0;display:flex;align-items:flex-start;gap:11px;text-align:left;cursor:pointer;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;position:relative}


.bwRowTap::after{content:"";position:absolute;inset:-2px 0}
.bwRowStat{display:inline-block;margin-top:6px}
.bwRemind{flex:0 0 auto;width:44px;height:44px;margin-left:4px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ice);font-size:var(--fs-13);line-height:1;cursor:pointer;transition:background .15s,border-color .15s}
.bwRemind:hover{background:rgba(127,216,255,.14);border-color:rgba(127,216,255,.5)}
.bwRemind:active{transform:scale(.94)}

.bwRemAll{margin-top:12px;color:var(--gold,#ffd479);border-color:rgba(255,212,121,.4);background:rgba(255,212,121,.07)}
.bwRemAll:hover{background:rgba(255,212,121,.14);border-color:rgba(255,212,121,.6)}


.almChap{font-family:'Chakra Petch',sans-serif;font-size:14.5px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;background:linear-gradient(90deg,var(--gold),var(--acc));-webkit-background-clip:text;background-clip:text;color:transparent}
.almLine{font-size:var(--fs-body);color:var(--txt);line-height:1.65;margin-bottom:5px}
.almFoot{font-size:var(--fs-3);color:var(--mut);margin-top:8px;border-top:1px solid var(--line);padding-top:8px}












button.card{display:block;width:100%}
.onbResume{text-align:left;cursor:pointer;font-family:inherit;color:var(--txt);border-color:rgba(255,210,77,.3)}
.onbResume:hover{border-color:rgba(255,210,77,.5)}
.onbResume .orTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.onbResume .orTop b{color:var(--gold);font-variant-numeric:tabular-nums}
.onbResume .orBar{height:7px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:8px}
.onbResume .orBar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--acc),var(--gold));transition:width .4s ease}
.onbResume .orSub{font-size:var(--fs-6);color:var(--mut);line-height:1.5}

.gjCard{border-left:3px solid rgba(122,140,255,.5)}
.gjHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.gjTitle{font-size:var(--fs-body);font-weight:600;letter-spacing:.02em;color:var(--txt)}
.gjCount{font-size:var(--fs-label);color:var(--mut);font-variant-numeric:tabular-nums}
.gjSteps{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}
.gjStep{display:flex;align-items:center;gap:9px;padding:5px 2px;font-size:var(--fs-8);line-height:1.35;color:var(--txt)}
.gjStep .gjTick{flex:0 0 20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--fs-label);border:1px solid var(--line);color:var(--mut)}
.gjStep.gjDone{color:var(--mut)}
.gjStep.gjDone .gjTick{border-color:transparent;background:rgba(62,229,148,.16);color:var(--grn)}
.gjStep.gjDone .gjLabel{text-decoration:line-through;text-decoration-color:rgba(139,149,173,.5)}
.gjLabel{flex:1 1 auto}
.gjActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gjGo{flex:1 1 100%;min-height:44px;padding:0 15px;border-radius:12px;border:0;cursor:pointer;font-family:inherit;font-size:var(--fs-read);font-weight:600;color:#0b0e16;background:linear-gradient(90deg,var(--acc),var(--gold));transition-property:transform,filter;transition-duration:.15s}
.gjGo:hover{filter:brightness(1.06)}
.gjGo:active{transform:scale(.98)}
.gjSkip{min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:none;cursor:pointer;font-family:inherit;font-size:var(--fs-body);color:var(--mut);transition-property:color,border-color;transition-duration:.15s}
.gjSkip:hover{color:var(--txt);border-color:var(--acc)}
.gjLater{min-height:44px;margin-left:auto;padding:0 10px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:var(--fs-body);color:var(--mut);transition-property:color;transition-duration:.15s}
.gjLater:hover{color:var(--txt)}
.gjChipOnly{padding:0;border-left-width:3px}
.gjChip{width:100%;min-height:44px;padding:0 14px;border:0;background:none;cursor:pointer;font-family:inherit;font-size:var(--fs-body);font-weight:600;color:var(--mut);text-align:left;display:flex;align-items:center;gap:6px;transition-property:color;transition-duration:.15s}
.gjChip:hover{color:var(--txt)}
.gjChip i{margin-left:auto;font-style:normal;color:var(--acc)}
.gjCeleb{display:flex;align-items:center;gap:12px}
.gjCelebIc{font-size:var(--fs-19);flex:0 0 auto}
.gjCelebTx{display:flex;flex-direction:column;gap:2px;font-size:var(--fs-body);color:var(--mut)}
.gjCelebTx b{font-size:var(--fs-read);color:var(--txt)}
.hubRow{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;margin-top:6px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-body);cursor:pointer;text-align:left;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.hubRow:hover{background:rgba(255,255,255,.08)}
.hubRow>span{font-size:var(--fs-12);flex:0 0 auto}
.hubRow b{flex:1;font-weight:600}
.hubRow i{font-style:normal;color:var(--mut)}
.hubMore{font-size:var(--fs-4);color:var(--mut);text-align:center;margin-top:7px}








.qSetGap{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:44px;
  margin-top:7px;padding:0 12px;border:1px dashed rgba(255,138,61,.42);border-radius:11px;
  background:rgba(255,138,61,.07);cursor:pointer;font-family:inherit;font-size:var(--fs-6);font-weight:700;
  color:var(--acc);text-align:left;transition-property:background-color,border-color,color;transition-duration:.14s}
.qSetGap:hover,.qSetGap:focus-visible{background:rgba(255,138,61,.13);border-color:rgba(255,138,61,.66);color:var(--gold)}
.qSetGap:hover,.qSetGap:focus-visible{color:var(--gold);opacity:1}






.hubHero{margin-top:8px;padding:13px 11px;border-radius:12px;border:1px solid rgba(255,210,77,.32);
  background:linear-gradient(160deg,rgba(255,210,77,.09),rgba(255,138,61,.05));animation:hubHeroIn .3s ease}
@keyframes hubHeroIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.hubHeroTop{display:flex;align-items:center;gap:9px}
.hubHeroIc{font-size:var(--fs-17);flex:0 0 auto}
.hubHeroTop b{font-size:var(--fs-10);font-weight:800;color:var(--txt)}
.hubHeroDesc{margin:8px 0 11px;font-size:var(--fs-6);line-height:1.55;color:var(--mut)}
.hubHeroBtn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 18px;min-height:44px;border-radius:10px;border:none;cursor:pointer;
  font-family:inherit;font-size:var(--fs-body);font-weight:800;color:#1a0e05;background:linear-gradient(90deg,var(--acc),var(--gold));transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.hubHeroBtn:hover{filter:brightness(1.08)}
@media(prefers-reduced-motion:reduce){.hubHero{animation:none}}


.dzRow{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;margin-bottom:7px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-8);cursor:pointer;text-align:left;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.dzRow:hover{background:rgba(255,255,255,.08)}
.dzRow.done{opacity:.55;cursor:default;border-color:rgba(62,229,148,.35)}
.dzRow .dzIc{font-size:var(--fs-14);flex:0 0 auto}
.dzRow b{flex:1}
.dzRow i{font-style:normal;font-size:var(--fs-3);color:var(--mut);letter-spacing:.06em;text-transform:uppercase}
.dzProg{font-size:var(--fs-4);color:var(--mut);text-align:center;margin-top:2px}


.psimRow{width:100%;min-height:44px;margin-top:6px;padding:7px 12px;border-radius:12px;border:1px dashed rgba(180,123,255,.35);background:rgba(180,123,255,.05);color:var(--mut);font-size:var(--fs-label);font-weight:700;cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.psimRow:hover{background:rgba(180,123,255,.12);color:var(--txt)}
.psimRow.snap{border-color:rgba(62,229,148,.35);background:rgba(62,229,148,.05)}
.psimRow.snap:hover{background:rgba(62,229,148,.12)}

.snapWrap{display:flex;flex-direction:column;gap:6px;padding:2px 0}
.snapRow{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.snapRow>div{flex:1;min-width:0}
.snapRow b{display:block;font-size:var(--fs-8)}
.snapRow span{color:var(--mut);font-size:var(--fs-label);font-variant-numeric:tabular-nums}
.snapTot{font-size:var(--fs-label);color:var(--mut);text-align:center;padding-top:8px;border-top:1px solid var(--line);margin-top:4px}

.snap2Wrap{display:flex;flex-direction:column;gap:10px;padding:2px 0}
.snap2Rows{display:flex;flex-direction:column;gap:10px}
.snap2Row{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.snap2Top{display:flex;align-items:center;gap:8px}
.snap2Nm{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-family:inherit;font-size:var(--fs-10);font-weight:700;padding:9px 10px;min-height:40px}
.snap2Nm:focus{outline:none;border-color:rgba(255,138,61,.6)}
.snap2Del{flex:0 0 auto;width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-12);font-weight:800;cursor:pointer;font-family:inherit}
.snap2Del:active{transform:scale(.9)}
.snap2Mac{font-size:var(--fs-8);color:var(--gold);font-weight:700;font-variant-numeric:tabular-nums}
.snap2Portion{display:flex;flex-direction:column;gap:8px}
.snap2Chips{display:flex;flex-wrap:wrap;gap:6px}
.snap2Chip{flex:1 1 auto;min-width:44px;min-height:40px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font-weight:800;font-size:var(--fs-11);cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s}
.snap2Chip.on{border-color:var(--acc);background:rgba(255,138,61,.16);color:var(--acc)}
.snap2Grams{display:flex;align-items:center;gap:8px}
.snap2GBtn{width:44px;height:44px;flex:0 0 auto;border-radius:12px;border:1px solid rgba(255,138,61,.4);background:rgba(255,138,61,.1);color:var(--acc);font-size:var(--fs-18);font-weight:800;cursor:pointer;font-family:inherit}
.snap2GBtn:active{transform:scale(.9)}
.snap2GVal{flex:1;min-width:0;text-align:center;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-family:inherit;font-size:var(--fs-15);font-weight:900;padding:8px 4px;min-height:44px;font-variant-numeric:tabular-nums}
.snap2GVal:focus{outline:none;border-color:rgba(255,210,77,.5);color:var(--acc)}
.snap2GUnit{flex:0 0 auto;font-size:var(--fs-label);color:var(--mut);font-weight:700}
.snap2Prec{align-self:flex-start;min-height:34px;padding:4px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:var(--fs-6);font-weight:700;cursor:pointer;font-family:inherit}
.snap2PrecBox{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;align-items:end}
.snap2PrecCell{display:flex;flex-direction:column;gap:3px}
.snap2PrecLab{font-size:var(--fs-2);color:var(--mut);font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.snap2PrecIn{width:100%;text-align:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:9px;color:var(--txt);font-family:inherit;font-size:var(--fs-11);font-weight:800;padding:8px 2px;min-height:40px;font-variant-numeric:tabular-nums}
.snap2PrecIn:focus{outline:none;border-color:rgba(255,138,61,.6)}


.snap2PrecShot{grid-column:1/-1;min-height:44px;border-radius:11px;border:1px dashed rgba(255,255,255,.2);background:rgba(255,255,255,.03);color:var(--mut);font-weight:700;cursor:pointer}
.snap2PrecShot:hover:not(:disabled){border-color:var(--acc);color:var(--txt)}
.snap2PrecShot:disabled{opacity:.6;cursor:default}

.isFixPhoto:disabled{opacity:.6;cursor:default}
.snap2PrecApply{grid-column:1/-1;min-height:40px;border-radius:11px;border:1px solid rgba(255,138,61,.4);background:rgba(255,138,61,.12);color:var(--acc);font-weight:800;font-size:var(--fs-8);cursor:pointer;font-family:inherit}
.snap2Tot{font-size:var(--fs-body);color:var(--mut);text-align:center;padding-top:8px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}
.snap2AddBox{display:flex;gap:8px}
.snap2AddIn{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:11px;color:var(--txt);font-family:inherit;font-size:var(--fs-read);padding:10px 11px;min-height:44px}
.snap2AddIn:focus{outline:none;border-color:rgba(255,138,61,.6)}
.snap2AddBtn{flex:0 0 auto;min-width:64px;min-height:44px;border-radius:11px;border:1px solid rgba(127,216,255,.38);background:rgba(127,216,255,.09);color:var(--ice);font-weight:800;font-size:var(--fs-8);cursor:pointer;font-family:inherit}
.snap2AddBtn:disabled{opacity:.5;cursor:default}

.fbcCol{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.fbcColBtn{width:100%;min-height:46px}
.psWrap{display:flex;flex-direction:column;gap:12px;padding:2px 2px 4px}
.psItem{display:flex;flex-direction:column;gap:2px}
.psItem b{font-size:var(--fs-11)}
.psItem span{color:var(--mut);font-size:var(--fs-6);font-variant-numeric:tabular-nums}
.psBar .psL{display:flex;justify-content:space-between;font-size:var(--fs-3);letter-spacing:.06em;color:var(--mut);margin-bottom:4px}
.psBar .psL b{color:var(--txt);font-variant-numeric:tabular-nums}
.psBar .psT{position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.psBar .psT i{position:absolute;top:0;left:0;height:100%;background:rgba(255,255,255,.25)}
.psBar .psT i.psD{background:var(--grn);opacity:.85}
.psBar .psT i.psD.warn{background:var(--acc)}
.psChips{display:flex;flex-wrap:wrap;gap:6px}
.psChip{padding:4px 9px;border-radius:99px;font-size:var(--fs-4);font-weight:700;border:1px solid rgba(62,229,148,.4);color:var(--grn);background:rgba(62,229,148,.07)}
.psChip.gold{border-color:rgba(255,210,77,.5);color:var(--gold);background:rgba(255,210,77,.08)}
.psMito{font-size:var(--fs-body);color:var(--txt)}
.psFoot{font-size:var(--fs-3);color:var(--mut);border-top:1px solid var(--line);padding-top:8px}






@media (max-width:560px){#tourBtn{display:none}}



.langGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 4px}
.langTile{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:13px;cursor:pointer;text-align:left;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);font:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.16s}
.langTile:hover{background:rgba(120,170,255,.08);border-color:rgba(120,170,255,.35)}
.langTile:active{transform:scale(.97)}
.langTile.sel{border-color:rgba(120,170,255,.6);background:rgba(120,170,255,.12)}
.langTile .langFlag{font-size:var(--fs-17);line-height:1;flex:0 0 auto}
.langTile .langName{flex:1;min-width:0;font-size:var(--fs-read);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.langTile .langChk{flex:0 0 auto;color:#9fc0ff;font-weight:900;font-size:var(--fs-read)}
.langNote{font-size:var(--fs-4);line-height:1.45;color:var(--mut);margin-top:10px;text-align:center}
#tourBtn{width:34px;height:34px;border-radius:99px;border:1px solid rgba(255,255,255,.18);flex:0 0 auto;
  background:rgba(20,27,46,.75);color:var(--mut);font:inherit;font-size:var(--fs-12);font-weight:800;cursor:pointer;margin-right:8px}
#tourBtn:hover{color:var(--txt);border-color:rgba(255,138,61,.5)}
#tourBtn.pulse{animation:tourPulse 2.4s ease-in-out infinite;color:#ffd2ad;border-color:rgba(255,138,61,.55)}
@keyframes tourPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,138,61,.35)}50%{box-shadow:0 0 0 8px rgba(255,138,61,0)}}
.tourOv{position:fixed;inset:0;z-index:135}
.tourHole{position:fixed;border-radius:18px;pointer-events:none;
  box-shadow:0 0 0 100vmax rgba(4,6,12,.82),0 0 0 2px rgba(255,138,61,.65),0 0 34px rgba(255,138,61,.28);
  transition:top .35s cubic-bezier(.2,.9,.3,1),left .35s cubic-bezier(.2,.9,.3,1),width .35s,height .35s}
.tourTip{position:fixed;max-width:min(400px,calc(100% - 24px));background:#0d1322;border:1px solid rgba(255,138,61,.4);
  border-radius:14px;padding:14px 16px;z-index:1;box-shadow:0 18px 50px rgba(0,0,0,.6);
  transition:top .35s cubic-bezier(.2,.9,.3,1),left .35s cubic-bezier(.2,.9,.3,1)}
.tourTip .ttT{display:block;font-size:16.5px;margin-bottom:7px;padding-right:22px}
.tourTip .ttX{display:block;font-size:14.5px;color:var(--mut);line-height:1.65}
.tourTip .ttClose{position:absolute;top:8px;right:8px;border:0;background:none;color:var(--mut);font-size:var(--fs-read);cursor:pointer;padding:4px}
.tourTip .ttClose::after{content:"";position:absolute;inset:-12px} 
.tourTip .ttRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}
.tourTip .ttRow button{border:1px solid rgba(255,255,255,.15);background:rgba(20,27,46,.8);color:var(--txt);
  border-radius:9px;padding:7px 12px;font:inherit;font-size:var(--fs-body);cursor:pointer}
.tourTip .ttNext{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:800;border:0} 



.injHealCta{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;margin-top:8px;padding:10px 14px;
  border-radius:13px;border:1px solid rgba(62,229,148,.35);background:rgba(62,229,148,.08);color:var(--txt);
  font:inherit;font-size:var(--fs-read);font-weight:700;text-align:left;cursor:pointer}
.injHealCta:hover{border-color:rgba(62,229,148,.6);background:rgba(62,229,148,.13)}
.injHealCta .ihcIc{font-size:var(--fs-14);flex:0 0 auto}
.injHealCta .ihcTx{flex:1;min-width:0}
.injHealCta.train{margin:0 0 12px}
.ttDots{display:flex;gap:4px}
.ttDots i{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.16)}
.ttDots i.on{background:var(--acc,#ff8a3d)}


.tourTip.ttDock{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));left:12px;right:12px;max-width:none;transition:none}
.tourTip.ttDock .ttRow button{min-height:44px;padding:10px 18px;font-size:var(--fs-10)}











.rptOv{position:fixed;inset:0;z-index:130;background:#060910;overflow-y:auto;-webkit-overflow-scrolling:touch}
.rptDoc{max-width:860px;margin:0 auto;padding:26px 22px 60px;color:var(--txt)}
.rHead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}
.rHead h1{margin:0;font-size:var(--fs-18)}
.rSub{color:var(--mut);font-size:var(--fs-body);margin-top:4px}
.rHeadBtns{display:flex;gap:8px;flex:0 0 auto}
.rHeadBtns button{border:1px solid rgba(255,255,255,.16);background:rgba(20,27,46,.8);color:var(--txt);
  border-radius:10px;padding:9px 13px;font:inherit;font-size:var(--fs-8);cursor:pointer}
.rHeadBtns #rPrint{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:800;border:0} 
.rToc{position:sticky;top:0;display:flex;gap:7px;flex-wrap:wrap;padding:10px 0;margin-bottom:10px;
  background:rgba(6,9,16,.97);z-index:2;border-bottom:1px solid rgba(255,255,255,.08)}
.rToc a{font-size:var(--fs-label);color:var(--mut);text-decoration:none;border:1px solid rgba(255,255,255,.12);
  border-radius:99px;padding:5px 10px;white-space:nowrap}
.rToc a:hover{color:var(--txt);border-color:rgba(255,138,61,.5)}
.rSec{margin:22px 0;break-inside:avoid;scroll-margin-top:64px} 
.rSec h2{font-size:var(--fs-12);letter-spacing:.04em;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.09);padding-bottom:7px}
.rSec h3{font-size:var(--fs-8);color:var(--mut);margin:14px 0 6px}
.rExec{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rBig{background:rgba(20,27,46,.55);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:12px;text-align:center}
.rBig i{font-style:normal;font-size:var(--fs-14);display:block}
.rBig b{font-size:var(--fs-16);display:block;margin:3px 0;font-variant-numeric:tabular-nums}
.rBig span{font-size:var(--fs-4);color:var(--mut)}
.rTbl{width:100%;border-collapse:collapse;font-size:var(--fs-8)}
.rTbl td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}
.rTbl td:first-child{color:var(--mut);width:38%}
.rTbl .rV{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.rTbl .rX{color:var(--mut);font-size:var(--fs-6)}
.rUl{margin:6px 0;padding-left:20px;font-size:var(--fs-8);line-height:1.6}
.rP{font-size:var(--fs-8);line-height:1.6}
.rFoot{margin-top:30px;color:var(--mut);font-size:var(--fs-4);text-align:center}
@media(max-width:640px){.rExec{grid-template-columns:repeat(2,1fr)}}
@media print{
  body.rptOpen > *:not(.rptOv){display:none !important}
  body.rptOpen{padding:0 !important;background:#fff !important}
  .rptOv{position:static;background:#fff;overflow:visible}
  .rptDoc{max-width:none;color:#111;padding:0}
  .rptDoc .rSub,.rptDoc .rTbl td:first-child,.rptDoc .rX,.rBig span,.rFoot,.rSec h3{color:#555}
  .rHeadBtns,.rToc{display:none !important}
  .rBig{border:1px solid #ddd;background:#fff}
  .rTbl td{border-bottom:1px solid #e5e5e5}
  .rSec h2{border-bottom:1px solid #ccc}
  .rSec{page-break-inside:avoid}
}


.paddRow .qfEx{font-style:normal;display:inline-block;opacity:1;transform:none;transition:opacity .26s,transform .26s}
.paddRow .qfEx.out{opacity:0;transform:translateY(5px)}




.nwsList{display:flex;flex-direction:column}
.nwsRow{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:9px 2px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05)}
.nwsRow:last-child{border-bottom:0}
.nwsRowTag{flex:0 0 auto;font-size:var(--fs-read);line-height:1;padding-top:1px}
.nwsRowMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.nwsRowTitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-8);font-weight:700;line-height:1.35;color:var(--txt)}
.nwsRow:hover .nwsRowTitle{color:#ffb27a}
.nwsRowDek{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--fs-label);font-weight:500;line-height:1.4;color:var(--mut)}
.nwsRowMeta{font-size:var(--fs-3);letter-spacing:.05em;color:var(--mut);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nwsRowGo{flex:0 0 auto;color:var(--mut);font-size:var(--fs-11);padding-top:1px}
.nwsMore{display:block;width:100%;min-height:44px;margin-top:2px;border:0;background:none;color:var(--mut);font:inherit;font-size:var(--fs-6);letter-spacing:.04em;cursor:pointer;text-align:center}
.nwsMore:hover{color:var(--txt)}


.strEvolveWhy{margin:6px 2px 2px;font-size:var(--fs-6);line-height:1.55;color:var(--mut)}

.scoopNote{margin-top:8px;font-size:var(--fs-label);line-height:1.5;color:var(--mut);opacity:.9}
.snackChip.over{opacity:.82}


.snackUrg{color:var(--acc)}


.snackDone{border-color:rgba(62,229,148,.55);color:#3ee594;transform:scale(.97)}
.snackChip.over::after{content:"↑";margin-left:5px;font-size:var(--fs-3);color:var(--gold)}

.sugCard{margin-bottom:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,138,61,.30);background:linear-gradient(180deg,rgba(255,138,61,.08),rgba(255,138,61,.02))}
.sugHead{display:flex;align-items:center;gap:7px;font-size:var(--fs-4);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--acc)}
.sugIc{font-size:var(--fs-read)}
.sugNm{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-13);font-weight:700;margin:7px 0 8px;text-transform:capitalize}
.sugWhy{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.sugEv{font-size:var(--fs-label);padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut)}
.sugEv.bad{border-color:rgba(255,77,141,.35);color:#ffb3cd}
.sugMeta{font-size:var(--fs-6);color:var(--mut);margin-bottom:11px}
.sugCard.compact{margin:10px 0 0;padding:12px}
.sugCard.compact .sugNm{font-size:14.5px;margin:6px 0 7px}




.sugCard.wheelOffer{border-color:rgba(122,140,255,.32);background:linear-gradient(180deg,rgba(122,140,255,.10),rgba(122,140,255,.02))}
.sugCard.wheelOffer .sugHead{color:#cdd4ff}
.sugCard.wheelOffer .sugGo{border-color:rgba(122,140,255,.55);background:linear-gradient(135deg,#7a8cff,#a98cff);color:#0b0e1a}
.wheelHid{display:none!important}
.wheelBand{margin:0 0 12px;padding:13px 14px;border-radius:16px;border:1px solid rgba(122,140,255,.30);background:linear-gradient(180deg,rgba(122,140,255,.10),rgba(122,140,255,.03))}
.wheelBandH{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-12);font-weight:700;color:#cdd4ff}
.wheelBandS{margin-top:5px;font-size:var(--fs-body);line-height:1.55;color:var(--mut)}
.wheelBack,.wheelShow{display:block;width:100%;min-height:44px;margin-top:10px;border-radius:12px;font:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut)}
.wheelBack:hover,.wheelShow:hover{color:var(--txt)}
.wheelShow{margin-top:6px;border-style:dashed;font-weight:600}
.wheelFine{margin-top:10px;font-size:var(--fs-6);line-height:1.55;color:var(--mut);opacity:.9}






.chatBar{flex-wrap:wrap}




.chatNewRow{display:flex;justify-content:flex-end;padding-right:9px;flex:0 0 100%;order:-1}
.chatNewRow:not(:empty){margin-bottom:8px}
.chatNewBtn{min-height:36px;padding:0 14px;border-radius:999px;border:1px dashed var(--line);
  background:rgba(255,255,255,.03);color:var(--mut);font:inherit;font-size:var(--fs-6);font-weight:600;
  cursor:pointer;position:relative;transition:color .15s,border-color .15s,background .15s}
.chatNewBtn::after{content:"";position:absolute;top:50%;left:0;width:100%;height:44px;transform:translateY(-50%)}
.chatNewBtn:hover,.chatNewBtn:focus-visible{color:var(--txt);border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.06)}




.wrVerdict{margin:2px 0 14px;padding-left:13px;border-left:3px solid var(--mut)}
.wrVerdict.up{border-left-color:var(--grn)}
.wrVerdict.hold{border-left-color:var(--gold)}
.wrVerdict.down{border-left-color:var(--acc2)}
.wrVWord{font-family:'Chakra Petch',sans-serif;font-size:23px;line-height:1.15;font-weight:700;letter-spacing:-.2px}
.wrVerdict.up .wrVWord{color:var(--grn)}
.wrVerdict.hold .wrVWord{color:var(--gold)}
.wrVerdict.down .wrVWord{color:#ff9ec0}
.wrVCount{margin-top:4px;font-size:var(--fs-6);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
@media(max-width:430px){.wrVWord{font-size:var(--fs-17)}}







.wrBeats{display:flex;flex-direction:column;gap:0}
.wrBeat{position:relative}
.wrBeat + .wrBeat{margin-top:8px}                 
.wrBeat + .wrBeat:not(.cont){margin-top:19px}     
.wrBeatEy{display:block;margin-bottom:5px;font-size:var(--fs-3);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);opacity:.9}
.wrBeats .mrNarrP{margin:0;font-size:var(--fs-10);line-height:1.65;max-width:62ch;color:var(--txt)}


.wrRest{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.wrRestI{display:inline-flex;align-items:baseline;gap:5px;font-size:var(--fs-body);color:var(--mut)}
.wrRestI b{font-family:'Chakra Petch',sans-serif;font-size:14.5px;font-weight:700;color:var(--txt)}
.wrRestI em{font-style:normal;font-size:var(--fs-label)}
.wrRestD{font-style:normal;font-size:var(--fs-4);font-weight:800}
.wrRestD.gd{color:var(--grn)}
.wrRestD.bad{color:var(--acc2)}







.wrDelta.mrFirst{color:var(--mut);font-weight:700;letter-spacing:.1px;opacity:.85}
.mrVs{margin-top:2px}
.mrVsH{margin-top:13px;font-size:var(--fs-1);font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:var(--mut)}
.mrVs .wrRest{margin-top:6px;padding-top:0;border-top:0;gap:7px 15px}
.mrVs .wrRestI{gap:4px;font-size:var(--fs-label)}
.mrVs .wrRestI b{font-size:var(--fs-8);color:var(--mut)}
.mrVs .wrRestI b.gd{color:var(--grn)}
.mrVs .wrRestI b.bad{color:var(--acc2)}
.mrVs .wrRestI em{font-size:var(--fs-4)}


.asRow{display:flex;align-items:center;gap:11px;width:100%;min-height:56px;margin:12px 0 0;padding:11px 13px;
  border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03);color:var(--txt);
  font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.asRow.on{border-color:rgba(255,138,61,.5);background:rgba(255,138,61,.08)}
.asIc{font-size:var(--fs-14);flex:0 0 auto}
.asTx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.asTx b{font-size:var(--fs-10);font-weight:700}
.asTx i{font-style:normal;font-size:var(--fs-6);line-height:1.45;color:var(--mut)}
.asSw{flex:0 0 auto;width:22px;text-align:center;font-size:var(--fs-11);font-weight:800;color:var(--acc)}
.asFine{margin:7px 2px 0;font-size:var(--fs-label);line-height:1.5;color:var(--mut);opacity:.85}

.sugBtns{display:flex;gap:8px}
.sugGo,.sugNo{flex:1;min-height:44px;border-radius:12px;font:inherit;font-size:var(--fs-read);font-weight:800;cursor:pointer}
.sugGo{border:1px solid rgba(255,138,61,.55);background:linear-gradient(135deg,var(--acc),var(--acc2));color:#06080f}
.sugNo{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut)}
.sugNo:hover{color:var(--txt)}
.nwsEmpty{padding:14px 4px;text-align:center;color:var(--mut);font-size:var(--fs-8);line-height:1.5}



.wireTopicsHost{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.wireTopicsHost .secGap{margin-top:0}


.secGap{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;margin-top:8px;padding:0 12px;
  border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.03);color:var(--mut);
  font:inherit;font-size:var(--fs-body);font-weight:600;letter-spacing:.02em;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.secGap:hover,.secGap:focus-visible{border-color:rgba(255,138,61,.5);color:var(--txt);background:rgba(255,138,61,.07)}

.nwsTpCount{margin-top:12px;font-size:var(--fs-label);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.nwsTpCount.full{color:var(--acc)}
.nwsTpGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}



.nwsTp{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-size:var(--fs-read);font-weight:600;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.nwsTp:hover{border-color:rgba(255,138,61,.45)}
.nwsTp.on{border-color:rgba(255,138,61,.65);background:rgba(255,138,61,.13);color:var(--acc)}
.nwsTpIc{font-size:var(--fs-13);line-height:1}
@media(max-width:380px){.nwsTpGrid{grid-template-columns:1fr}}


.arcTile{position:relative}
.arcTile .arcFlag{position:absolute;top:7px;right:7px;font-size:var(--fs-1);letter-spacing:.05em;font-weight:800;
  padding:3px 7px;border-radius:99px;background:rgba(255,210,77,.14);color:#ffd24d;border:1px solid rgba(255,210,77,.3)}
.arcTile .arcFlag.soonF{background:rgba(122,140,255,.12);color:#aab6ff;border-color:rgba(122,140,255,.3)}
.arcTile.soon{opacity:.55;cursor:default;filter:saturate(.6)}



.hsp i.hsp-fill{cursor:pointer}
.hsp i.hsp-fill:hover{outline:1px solid rgba(255,210,77,.6);outline-offset:1px}


.gpx{color:var(--gold);font-weight:700;font-size:var(--fs-body);margin-left:8px;white-space:nowrap}
.gpx .gwas{opacity:.55;text-decoration:line-through;font-style:normal;margin-left:5px;font-size:var(--fs-label);font-weight:600}
.grocTotal{margin-top:10px;padding:9px 12px;border-radius:10px;background:rgba(255,210,77,.07);
  border:1px solid rgba(255,210,77,.18);font-size:var(--fs-8);color:var(--mut)}
.grocTotal b{color:var(--gold)}





#updBar{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);
  z-index:80;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;
  background:linear-gradient(90deg,rgba(255,138,61,.95),rgba(255,77,141,.95));color:#0a0d16;
  font-size:var(--fs-read);box-shadow:0 12px 34px rgba(0,0,0,.5);max-width:92vw}
#updBar .ubSub{opacity:.75;font-size:var(--fs-6)}
#updBar button{border:0;border-radius:9px;padding:7px 12px;font:inherit;font-weight:700;cursor:pointer;
  background:#0a0d16;color:#fff}

.roadSpecsToggle .rsArr{display:inline-block;font-style:normal;transition:transform .15s ease}
.roadSpecsToggle.open .rsArr{transform:rotate(90deg)}
.roadSpecs{margin:2px 0 9px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.roadSpecs[hidden]{display:none}
.rsRow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:inherit}
.rsRow:last-child{border-bottom:0}
.rsRow:nth-child(even){background:rgba(255,255,255,.02)}
a.rsRow:hover{background:rgba(255,138,61,.09)}
.rsName{font-size:var(--fs-body);font-weight:700;color:var(--txt)}
.rsNote{flex:1 0 100%;font-size:var(--fs-4);color:var(--mut);line-height:1.4}
.rsPrice{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);color:var(--gold)}
.rsGo{margin-left:auto;font-size:var(--fs-body);color:var(--acc);flex:0 0 auto}
.roadSave{margin:3px 0 10px}
.roadSaveTop{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-body);color:var(--mut);margin-bottom:5px}
.roadSaveTop b{font-family:'Chakra Petch',sans-serif;color:var(--txt);font-size:var(--fs-read)}
.roadPct{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:700;color:var(--mut)}
.roadPct.done{color:var(--grn)}
.roadBar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);overflow:hidden}
.roadBar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width .5s cubic-bezier(.4,0,.2,1)}
.roadEta{font-size:var(--fs-4);color:var(--mut);margin-top:6px;line-height:1.45}
.roadEta.done{color:var(--grn);font-weight:700}
.roadActs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.roadStatus{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-2);font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--mut);margin-right:auto}
.roadStatus.st-act{color:var(--blu);border-color:rgba(70,160,255,.4);background:rgba(70,160,255,.08)}
.roadStatus.st-book{color:var(--gold);border-color:rgba(255,210,77,.4);background:rgba(255,210,77,.08)}
.roadStatus.st-done{color:var(--grn);border-color:rgba(62,229,148,.4);background:rgba(62,229,148,.08)}
.roadBtn{flex:0 0 auto;padding:7px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#cbd4ea;font-family:inherit;font-size:var(--fs-label);font-weight:700;cursor:pointer;transition:background .15s,transform .1s}
.roadBtn:hover{background:rgba(255,255,255,.09)}
.roadBtn:active{transform:scale(.96)}
.roadBtn:disabled{opacity:.45}
.roadBtn.save{border-color:rgba(255,138,61,.45);color:var(--acc);background:rgba(255,138,61,.1)}
.roadBtn.save:hover{background:rgba(255,138,61,.18)}

.rmSheetSec{margin:14px 0}
.rmSecH{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mut);margin-bottom:9px;line-height:1.45}
.rmChips{display:flex;flex-wrap:wrap;gap:7px}
.rmChip{padding:8px 13px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#cbd4ea;font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;transition:background .15s,transform .1s}
.rmChip:hover{background:rgba(255,255,255,.09)}
.rmChip:active{transform:scale(.96)}
.rmChip.on{border-color:rgba(255,138,61,.55);background:rgba(255,138,61,.14);color:var(--acc)}
.rmSaveChips{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0 9px}
.rmSaveRow{display:flex;gap:8px;align-items:center}
.rmSaveIn{flex:1;min-width:0}
.rmSpecFull{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.rmNote{font-size:var(--fs-body);line-height:1.55;color:var(--mut);margin:10px 0}
.rmNote.small{font-size:var(--fs-4);opacity:.85}

.remRow{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid rgba(255,255,255,.05)}
.remRow:last-of-type{border-bottom:0}
.remRow.soon{background:rgba(255,210,77,.05);border-radius:9px;padding-left:8px;padding-right:6px}
.remIc{flex:0 0 auto;font-size:var(--fs-13)}
.remMid{flex:1;min-width:0}
.remTx{font-size:var(--fs-8);font-weight:600;color:var(--txt);line-height:1.4}
.remWhen{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);color:var(--mut);margin-top:2px}
.remActs{flex:0 0 auto;display:flex;gap:5px}
.remBtn{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-read);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s}
.remBtn:hover{background:rgba(255,255,255,.1);color:var(--txt)}
.remBtn:active{transform:scale(.92)}
.remBtn:disabled{opacity:.45}



.autoNudge{margin-top:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:4px}
.anHead{width:100%;min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 2px;
  background:none;border:0;cursor:pointer;color:var(--mut);font-family:inherit;text-align:left;
  border-radius:9px;transition:background .15s,color .15s}
.anHead:hover,.anHead:focus-visible{background:rgba(255,255,255,.04);color:var(--txt);outline:none}
.anKick{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-3);font-weight:800;letter-spacing:1px;text-transform:uppercase}
.anCount{flex:0 0 auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;
  font-size:var(--fs-3);font-weight:800;border-radius:99px;background:rgba(255,255,255,.07);color:var(--mut)}
.anHint{flex:1;min-width:0;font-size:var(--fs-label);color:var(--mut);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.anChev{flex:0 0 auto;font-size:var(--fs-label);color:var(--mut);opacity:.7}
.anList{padding:2px 0 0}
.anRow{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.04)}
.anRow:last-of-type{border-bottom:0}
.anIc{flex:0 0 auto;font-size:var(--fs-12);opacity:.9}
.anMid{flex:1;min-width:0}
.anTx{font-size:var(--fs-body);font-weight:600;color:var(--txt);line-height:1.4;opacity:.92}
.anWhen{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-3);color:var(--mut);margin-top:2px}
.anX{flex:0 0 auto;width:44px;height:44px;margin:-8px -8px -8px 0;display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--mut);font-size:var(--fs-read);cursor:pointer;border-radius:var(--r-pill);opacity:.4;
  transition:opacity .15s,color .15s,background .15s}
.anX:hover,.anX:focus-visible{opacity:1;color:var(--txt);background:rgba(255,255,255,.07);outline:none}
.anX:active{transform:scale(.92)}


.anPrefs{width:100%;min-height:44px;display:flex;align-items:center;gap:6px;margin-top:2px;padding:6px 2px;
  background:none;border:0;cursor:pointer;color:var(--mut);font-family:inherit;font-size:var(--fs-label);text-align:left;
  border-radius:9px;transition:background .15s,color .15s}
.anPrefs:hover,.anPrefs:focus-visible{background:rgba(255,255,255,.04);color:var(--txt);outline:none}






.nfRow{display:flex;align-items:center;gap:11px;width:100%;min-height:52px;margin-bottom:7px;
  padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);
  color:var(--txt);font-family:inherit;text-align:left;cursor:pointer;transition:background .15s,opacity .2s}
.nfRow:hover,.nfRow:focus-visible{background:rgba(255,255,255,.055);outline:none}
.nfRow:active{transform:scale(.995)}
.nfDim{opacity:.42}
.nfIc{flex:0 0 auto;width:22px;font-size:var(--fs-14);text-align:center;line-height:1}
.nfMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.nfMid b{font-size:var(--fs-read);font-weight:800;color:var(--txt)}
.nfMid span{font-size:var(--fs-label);color:var(--mut);line-height:1.45}
.nfWords{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:2px 0 4px}
.nfWords b{color:var(--txt);font-weight:800}


.euPct.good{color:var(--grn)}


.haeBox .kvRow{margin:6px 0;gap:2px}
.haeBox .kvLab{font-size:8.5px;letter-spacing:1.2px}
.haeBox .kvCopy{padding:6px 9px;font-size:var(--fs-4);border-radius:7px}
.haeBox .haeSteps{margin:7px 0 3px;font-size:var(--fs-label);line-height:1.42}
.haeBox .kvTx{font-size:var(--fs-label);line-height:1.4}


@media(min-width:1080px){#appbar::after{left:24px;right:24px}}


.cbShelf{display:flex;gap:7px;margin:10px 0}
.cbTrophy{position:relative;font-size:var(--fs-16);filter:drop-shadow(0 0 6px rgba(255,210,77,.35))}
.cbTrophy i{position:absolute;right:-4px;bottom:-2px;font-style:normal;font-size:var(--fs-1);font-weight:800;color:#0a0d16;background:linear-gradient(135deg,#ffd24d,#ff8a3d);border-radius:99px;width:13px;height:13px;display:grid;place-items:center}
.cbTrophy.a5{filter:drop-shadow(0 0 10px rgba(255,77,141,.6))}
.cbReset{display:block;margin:8px auto 0;background:none;border:none;color:var(--mut);font-size:var(--fs-4);cursor:pointer;text-decoration:underline;font-family:inherit}
.cbTeaser{text-align:center;padding:6px 2px}
.cbTeaseHead{font-family:'Chakra Petch','Space Grotesk',sans-serif;font-size:var(--fs-15);font-weight:800;letter-spacing:1.5px;color:var(--acc2);margin-bottom:6px}
.cbTeaseSub{font-size:var(--fs-8);line-height:1.55;color:var(--mut);margin-bottom:14px}
.cbTeaseSub b{color:var(--gold)}
.cbStart{width:100%;padding:12px;border-radius:13px;cursor:pointer;border:0;
  font-family:'Chakra Petch',sans-serif;font-size:var(--fs-11);font-weight:800;letter-spacing:.6px;color:#fff;
  background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 8px 24px rgba(255,77,141,.3)}
.cbBoss{margin-bottom:12px}
.cbBossHP{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:700;color:var(--mut)}
.cbBar{position:relative;height:10px;border-radius:7px;background:rgba(255,255,255,.07);overflow:hidden;border:1px solid var(--line)}
.cbBar i{display:block;height:100%;border-radius:7px;transition:width .3s ease}
.cbBarBoss i{background:linear-gradient(90deg,var(--acc2),var(--acc))}
.cbBarYou i{background:linear-gradient(90deg,var(--grn),var(--gold))}
.cbTele{margin-top:6px;font-size:var(--fs-body);font-weight:700;color:var(--gold);letter-spacing:.2px}
.cbYou{margin-bottom:10px}
.cbYouTop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}
.cbYouTop span:first-child{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-read);letter-spacing:1px;color:var(--txt)}
.cbYouHP{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:700;color:var(--mut)}
.cbEnergy{margin-top:6px;font-size:var(--fs-body);color:var(--mut)}
.cbEnergy b{font-family:'Chakra Petch',sans-serif;color:var(--ice);font-size:var(--fs-11)}
.cbBuffs{font-size:var(--fs-label);color:var(--grn);background:rgba(62,229,148,.07);border:1px solid rgba(62,229,148,.24);
  border-radius:10px;padding:6px 9px;margin-bottom:10px;line-height:1.5}
.cbHandLbl{font-size:var(--fs-label);font-weight:700;letter-spacing:.4px;color:var(--mut);margin:4px 0 7px}
.cbHand{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.cbCard{position:relative;flex:0 0 80px;width:80px;min-height:104px;border-radius:11px;padding:8px 6px 7px;cursor:pointer;
  background:linear-gradient(160deg,rgba(30,38,60,.9),rgba(18,24,40,.92));border:1.5px solid var(--line);
  display:flex;flex-direction:column;align-items:center;transition:transform .12s,box-shadow .12s}
.cbCard:active{transform:translateY(1px)}
.cbCard.k-perfect{border-color:rgba(255,210,77,.5);box-shadow:0 5px 16px rgba(255,180,60,.14)}
.cbCard.k-habit{border-color:rgba(127,216,255,.42);box-shadow:0 5px 16px rgba(127,180,255,.12)}
.cbCard.cbDim{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}
.cbCIc{font-size:var(--fs-19);line-height:1;margin:2px 0 5px}
.cbCNm{font-size:var(--fs-2);font-weight:700;text-align:center;color:var(--txt);line-height:1.2;flex:1;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cbCFoot{display:flex;justify-content:space-between;width:100%;margin-top:5px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-4);font-weight:700}
.cbCAtk{color:var(--acc2)}
.cbCCost{color:var(--ice)}
.cbCDur{position:absolute;top:5px;right:6px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-1);font-weight:800;color:var(--grn)}
.cbCChem{position:absolute;top:5px;left:6px;font-size:var(--fs-1)}
.cbActs{display:flex;gap:8px;margin-bottom:10px}
.cbEnd{flex:1;padding:11px;border-radius:12px;cursor:pointer;border:0;font-family:'Chakra Petch',sans-serif;
  font-size:var(--fs-read);font-weight:800;letter-spacing:.5px;color:#06080f;background:linear-gradient(135deg,var(--gold),var(--acc))}
.cbGhost{flex:0 0 auto;padding:11px 14px;border-radius:12px;cursor:pointer;font-family:'Chakra Petch',sans-serif;
  font-size:var(--fs-body);font-weight:700;color:var(--mut);background:transparent;border:1px solid var(--line)}
.cbEnd.cbStart,.cbActs .cbStart{flex:1}
.cbLog{font-size:var(--fs-label);line-height:1.7;color:var(--mut);border-top:1px solid var(--line);padding-top:8px}
.cbLog div{opacity:.9}
.cbActs .cbStart{flex:1;color:#fff}
.euVerdict.cbVerdict{margin-bottom:12px;color:var(--txt);font-size:var(--fs-10)}
.euVerdict.cbVerdict.good{color:#9ff2c6}
.euVerdict.cbVerdict.over{color:#ffb3b3}
.euVerdict.cbVerdict b{color:#fff}


.cbStage{position:relative;display:flex;gap:14px;align-items:center;margin-bottom:12px;padding:14px;border-radius:16px;overflow:hidden;
  background:radial-gradient(120% 90% at 28% 8%,rgba(255,77,141,.12),rgba(12,15,26,.55));border:1px solid rgba(255,77,141,.22)}
.cbStage.cbWind{animation:cbMenace 1.5s ease-in-out infinite;border-color:rgba(255,90,60,.4)}
@keyframes cbMenace{0%,100%{box-shadow:inset 0 0 0 rgba(255,60,80,0)}50%{box-shadow:inset 0 0 34px rgba(255,60,80,.2)}}
.cbSil{position:relative;flex:0 0 84px;width:84px;filter:drop-shadow(0 6px 15px rgba(255,60,120,.32))}
.cbSil .oySil{width:84px;height:112px;display:block}
.cbSil.cbHit{animation:cbFlinch .42s ease}
@keyframes cbFlinch{0%{transform:translateX(0)}14%{transform:translateX(-6px) rotate(-2deg)}30%{transform:translateX(5px) rotate(1.5deg);filter:drop-shadow(0 6px 15px rgba(255,60,120,.32)) brightness(2.4)}56%{transform:translateX(-3px)}100%{transform:translateX(0)}}
.cbSil.cbBeaten{filter:grayscale(.85) drop-shadow(0 6px 15px rgba(0,0,0,.4));opacity:.5;transform:translateY(4px) rotate(3deg)}
.cbKO{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);font-size:38px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.cbGuard{position:absolute;top:-4px;right:-8px;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-3);font-weight:800;color:var(--ice);
  background:rgba(10,20,40,.9);border:1px solid rgba(127,216,255,.5);border-radius:99px;padding:2px 7px}
.cbStageInfo{flex:1;min-width:0}
.cbBossName{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-12);font-weight:800;letter-spacing:.4px;color:var(--acc2);
  margin-bottom:7px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cbActPip{font-size:var(--fs-1);font-weight:700;letter-spacing:1px;color:var(--gold);border:1px solid rgba(255,210,77,.4);border-radius:99px;padding:1px 6px}
.cbBossHP{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-label);font-weight:700;color:var(--mut);margin-top:5px}
.cbTele{margin-top:8px;font-size:var(--fs-6);font-weight:700;letter-spacing:.2px;padding:5px 9px;border-radius:9px;display:inline-block}
.cbTele.cbWind{color:#ff9a6b;background:rgba(255,90,60,.13);border:1px solid rgba(255,90,60,.32)}
.cbTele.cbBrace{color:var(--ice);background:rgba(127,216,255,.1);border:1px solid rgba(127,216,255,.3)}
.cbTele.cbRecover{color:var(--grn);background:rgba(62,229,148,.1);border:1px solid rgba(62,229,148,.3)}
.cbFloat{position:absolute;top:26px;left:42px;transform:translateX(-50%);pointer-events:none;z-index:3;
  font-family:'Chakra Petch',sans-serif;font-size:27px;font-weight:800;color:#ff5a78;text-shadow:0 2px 10px rgba(0,0,0,.65);animation:cbRise .9s ease-out forwards}
.cbFloatCombo{color:var(--gold);font-size:31px}
@keyframes cbRise{0%{opacity:0;transform:translate(-50%,8px) scale(.6)}20%{opacity:1;transform:translate(-50%,-4px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-48px) scale(1)}}
.cbEnergy b{letter-spacing:3px;font-size:var(--fs-12);filter:drop-shadow(0 0 5px rgba(127,216,255,.5))}
.cbSpent{color:var(--acc2);font-weight:700}
.cbCard.cbPlayable{border-color:rgba(255,255,255,.34)}
.cbCard.cbPlayable:hover{transform:translateY(-3px);box-shadow:0 9px 22px rgba(0,0,0,.35)}
.cbCard.cbPlayable::after{content:"";position:absolute;inset:0;border-radius:11px;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.14) 50%,transparent 60%);background-size:220% 100%;animation:cbGlint 3.4s ease-in-out infinite}
@keyframes cbGlint{0%,72%{background-position:130% 0}86%,100%{background-position:-30% 0}}

.cbStage.cbA1{box-shadow:inset 0 0 34px rgba(255,90,120,.16)}
.cbStage.cbA2{box-shadow:inset 0 0 38px rgba(255,80,110,.22)}
.cbStage.cbA3{box-shadow:inset 0 0 42px rgba(255,70,100,.3)}
.cbStage.cbA4{box-shadow:inset 0 0 46px rgba(255,60,90,.4)}
.cbStage.cbA5{box-shadow:inset 0 0 54px rgba(255,45,80,.58)}
.cbA4 .cbSil,.cbA5 .cbSil{flex-basis:94px;width:94px}
.cbA4 .cbSil .oySil,.cbA5 .cbSil .oySil{width:94px;height:126px}
.cbA5 .cbSil{filter:drop-shadow(0 8px 22px rgba(255,45,80,.6))}
.cbA5 .cbBossName{text-shadow:0 0 14px rgba(255,60,100,.5)}

.cbStage.cbAim{box-shadow:inset 0 0 50px rgba(255,70,110,.42),0 0 0 1px rgba(255,255,255,.16)}
.cbStage.cbAim .cbSil{transform:translateY(-2px) scale(1.02);transition:transform .15s ease}
.cbPreview{position:absolute;top:22px;left:42px;transform:translateX(-50%);pointer-events:none;z-index:3;
  font-family:'Chakra Petch',sans-serif;font-size:23px;font-weight:800;color:#fff;opacity:.9;text-shadow:0 2px 9px rgba(0,0,0,.7);animation:cbPreIn .16s ease-out}
@keyframes cbPreIn{0%{opacity:0;transform:translate(-50%,4px) scale(.7)}100%{opacity:.9;transform:translate(-50%,0) scale(1)}}
.cbBarGhost{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.3),rgba(255,255,255,.3) 3px,rgba(255,255,255,.12) 3px,rgba(255,255,255,.12) 6px);animation:cbGhostPulse 1s ease-in-out infinite}
@keyframes cbGhostPulse{0%,100%{opacity:.5}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.cbStage.cbWind,.cbCard.cbPlayable::after,.cbBarGhost{animation:none}.cbSil.cbHit{animation-duration:.01s}}






.qPull{margin-top:10px}
.qPullTog{width:100%;background:none;border:1px dashed var(--line);color:var(--mut);font-weight:700}
.qPullChips{margin-top:8px}
.qAddBox{margin-top:10px}
.qAddBox .psimRow{width:100%}
.qAddBox .planAdd{margin-top:8px}
.qAddMode .isChip.on{border-color:var(--acc);color:var(--acc)}




.qCue{color:var(--acc);font-weight:800;opacity:.92}                 
.q.done .qCue{opacity:.7}
.qAnchor{display:flex;flex-direction:column;gap:7px}
.qAnchorTog{align-self:flex-start;background:none;border:1px dashed var(--line);border-radius:10px;color:var(--mut);font-size:var(--fs-6);font-weight:700;padding:7px 13px;min-height:44px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.18s}
.qAnchorTog.on,.qAnchorTog:hover{border-color:rgba(255,138,61,.6);color:var(--acc);border-style:solid}
.qAnchorPanel{display:flex;flex-direction:column;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,138,61,.05)}
.qCueHint{font-size:var(--fs-label);color:var(--mut);line-height:1.4}
.qCueChips{gap:6px}
.qCueChip{min-height:34px;padding:6px 11px;font-size:var(--fs-6);color:var(--mut);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:10px;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.16s}
.qCueChip.on{color:var(--acc);background:rgba(255,138,61,.16);border-color:rgba(255,138,61,.7)}
.qCueIn{margin:0}
.qRehearse{margin-top:10px;padding:12px;border:1px solid rgba(255,138,61,.4);border-radius:12px;background:rgba(255,138,61,.07);display:flex;flex-direction:column;gap:10px}
.qRehTxt{font-size:var(--fs-8);line-height:1.5;color:var(--txt)}
.qRehTxt b{color:var(--acc)}
.qRehBtn{min-height:44px}

.planHab.anchored{border-color:rgba(255,138,61,.35)}
.planCue{display:block;margin-top:3px;font-size:var(--fs-4);color:var(--acc);font-style:normal;opacity:.9}
.planAnchor{position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.16s}
.planAnchor.on,.planAnchor:hover{border-color:rgba(255,138,61,.6);color:var(--acc)}
.planAnchorEd{margin:2px 0 8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,138,61,.05);display:flex;flex-direction:column;gap:8px}
.qCueEdAct{display:flex;gap:8px;align-items:stretch}
.qCueSave{flex:1 1 auto;min-height:44px}
.qCueClear{flex:0 0 auto;width:44px;height:44px}




.planTgt{position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--mut);font-size:var(--fs-body);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-left:4px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.16s}
.planTgt.on,.planTgt:hover{border-color:rgba(122,140,255,.62);color:var(--acc2)}
.planTgtEd{background:rgba(122,140,255,.05)}
.planTgtRow{display:flex;align-items:center;gap:9px}
.planTgtIn{flex:1 1 auto;min-height:44px}
.planTgtUnit{flex:0 0 auto;font-size:var(--fs-read);font-weight:800;color:var(--mut)}
.planTgtSave{flex:1 1 auto;min-height:44px}



.nwsDots i{cursor:pointer}
.jigMode .card{position:relative}
.jigMode .card.dzTop{box-shadow:inset 0 3px 0 0 var(--acc)}
.jigMode .card.dzBot{box-shadow:inset 0 -3px 0 0 var(--acc)}
.jigMode .card.dzSwap{outline:2px dashed var(--acc);outline-offset:-3px}


.card.userHidden{display:none!important}

.mrqIntro{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:2px 0 10px}
.mrqForm{display:flex;gap:8px;margin-bottom:10px}
.mrqForm input{flex:1;min-width:0;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;color:var(--txt);font-size:var(--fs-8);padding:9px 11px;font-family:inherit}
.mrqForm input:focus{outline:none;border-color:rgba(255,138,61,.5)}
.mrqForm button{flex:0 0 auto;background:linear-gradient(135deg,var(--acc),var(--acc2));border:0;border-radius:10px;color:#0a0e17;font-weight:800;font-size:var(--fs-body);padding:0 13px;cursor:pointer;white-space:nowrap} 
.mrqForm button:disabled{opacity:.6}
.mrqList{display:flex;flex-direction:column;gap:6px}
.mrqRow{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;font-size:var(--fs-6);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.mrqRow.pend{border-color:rgba(255,138,61,.28);background:rgba(255,138,61,.06)}
.mrqRow.done{border-color:rgba(62,229,148,.24);background:rgba(62,229,148,.05)}
.mrqTx{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--txt)}
.mrqMeta{flex:0 0 auto;font-size:var(--fs-3);font-weight:700;letter-spacing:.4px;color:var(--mut);text-transform:uppercase}
.mrqRow.pend .mrqMeta{color:var(--acc)}
.mrqRow.done .mrqMeta{color:var(--grn)}
.mrqDel{flex:0 0 auto;background:none;border:0;color:var(--mut);font-size:var(--fs-body);cursor:pointer;padding:2px 5px;opacity:.6}
.mrqDel:hover{opacity:1;color:var(--acc2)}
.mrqEmpty{font-size:var(--fs-label);color:var(--mut);font-style:italic;padding:4px 2px}

.wsugRow{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:var(--fs-6);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.wsugRow.built{border-color:rgba(62,229,148,.24);background:rgba(62,229,148,.05)}
.wsugLike{flex:0 0 auto;display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:99px;padding:4px 9px;cursor:pointer;font-size:var(--fs-label);color:var(--txt);font-variant-numeric:tabular-nums}
.wsugLike.on{border-color:rgba(255,77,141,.5);background:rgba(255,77,141,.1)}
.wsugLike:disabled{opacity:.6;cursor:default}
.wsugLike b{font-weight:800}
.wsugTx{flex:1;min-width:0;color:var(--txt);line-height:1.45}
.wsugBy{color:var(--mut);font-style:normal;font-size:var(--fs-4)}
.wsugBadge{flex:0 0 auto;font-size:var(--fs-3);font-weight:800;letter-spacing:.3px;color:var(--grn);white-space:nowrap}
.wgRow{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 2px;border-bottom:1px dashed rgba(255,255,255,.07)}

.wgMain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:2px 0;cursor:pointer;font-family:inherit}
.wgName{display:block;color:var(--txt);font-size:var(--fs-8);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wgSub{display:block;color:var(--mut);font-size:var(--fs-4);line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wgMain:hover .wgName{color:var(--acc)}
.wgEye{flex:0 0 auto;min-height:34px;font-size:var(--fs-4);padding:5px 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);cursor:pointer;white-space:nowrap}
.wgEye.on{border-color:var(--acc);color:var(--acc)}

.wgGrpNm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wgGrpR{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.wgAll{position:relative;font-size:var(--fs-2);font-weight:800;letter-spacing:.2px;text-transform:none;padding:4px 9px;min-height:28px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);cursor:pointer;white-space:nowrap;font-family:inherit}
.wgAll:hover{color:var(--txt);border-color:var(--acc)}


.ldRow{padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.07)}








.calNav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.calNavBtn{min-width:44px;min-height:44px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-5);cursor:pointer}
.calNavBtn:hover:not(:disabled){border-color:var(--acc)}
.calNavBtn:disabled{opacity:.32;cursor:default}
.calNavM{flex:1;text-align:center;font-weight:700;font-size:var(--fs-6)}
.patSide{display:block;margin-top:2px}
.patSide i{font-style:normal;color:var(--mut);font-size:var(--fs-3)}
.patWhat{display:block;margin-top:3px;color:var(--mut);font-size:var(--fs-3)}
.cvCapNote{margin-top:8px;font-size:var(--fs-4);color:var(--mut)}
.ldCostRow{display:flex;align-items:center;gap:8px;margin-top:8px}
.ldCostLab{font-size:var(--fs-4);color:var(--mut);white-space:nowrap}
.ldCostIn{flex:0 1 130px;min-height:44px}
.ldHead{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-read)}
.ldMeta{font-size:var(--fs-4);color:var(--mut)}
.ldToday{display:flex;align-items:center;gap:8px;margin-top:8px}
.ldTgt{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-14);flex:1}
.ldTgt.over{color:var(--mut)} 
.ldStep{position:relative;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-12)}



.ldStep::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
.ldUrge{position:relative;padding:6px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(120,160,255,.08);color:var(--txt);font-size:var(--fs-6);opacity:.5;transition:opacity .15s}

.ldUrge::after{content:"";position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%)}


.ldRow:hover .ldUrge,.ldRow:focus-within .ldUrge,.ldRow:hover .ldNext.win,.ldRow:focus-within .ldNext.win{opacity:1}
.ldBar{height:5px;border-radius:3px;background:rgba(255,255,255,.06);margin-top:9px;overflow:hidden}
.ldBar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.ldNext{display:block;width:100%;margin-top:8px;padding:8px 10px;border-radius:10px;font-size:var(--fs-6);text-align:center}
.ldNext.win{border:1px solid var(--acc);background:rgba(255,160,60,.08);color:var(--acc);cursor:pointer;opacity:.5;transition:opacity .15s}
.ldNext.dim{color:var(--mut);border:1px dashed rgba(255,255,255,.08)}

.ldMile{margin-top:4px;font-size:var(--fs-4);color:var(--mut)}
.ldMile.won{color:var(--grn);font-weight:700} 






.ldShelf{display:flex;gap:8px;padding:8px 0;font-size:var(--fs-18)}
.ldTrophy{filter:drop-shadow(0 2px 6px rgba(255,210,77,.35))}






.rpOffer{padding:4px 0 2px}
.rpOfferLede{font-size:var(--fs-11);font-weight:700;color:var(--txt);margin:0 0 6px}
.rpOfferSub{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:0 0 13px}
.rpOfferActs{display:flex;gap:9px;flex-wrap:wrap}
.rpOfferGo{flex:1;min-width:150px;min-height:44px;padding:0 14px;border-radius:11px;border:1px solid var(--acc);background:rgba(255,160,60,.1);color:var(--acc);font-size:var(--fs-8);font-weight:700;cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,opacity;transition-duration:.2s}
.rpOfferGo:hover,.rpOfferGo:focus-visible{background:rgba(255,160,60,.16)}
.rpOfferNo{min-height:44px;padding:0 16px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:var(--fs-body);cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,opacity;transition-duration:.2s}
.rpOfferNo:hover,.rpOfferNo:focus-visible{color:var(--txt);background:rgba(255,255,255,.04)}
.rpBody{padding:2px 0}


.rpHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rpCur{font-size:var(--fs-11);line-height:1.4;color:var(--txt);font-weight:700;min-width:0}
.rpMeta{font-size:var(--fs-4);color:var(--mut);flex:0 0 auto;white-space:nowrap}



.rpActs{display:flex;gap:8px;margin-top:10px}
.rpDo{flex:1 1 auto;min-height:44px;padding:0 14px;border-radius:11px;border:1px solid var(--acc);background:rgba(255,160,60,.1);color:var(--acc);font-size:var(--fs-8);font-weight:700;cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,opacity;transition-duration:.2s}
.rpDo:hover,.rpDo:focus-visible{background:rgba(255,160,60,.18)}


.rpUndo,.rpEdit{flex:0 0 44px;min-height:44px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-size:var(--fs-11);cursor:pointer;font-family:inherit;opacity:.5;transition-property:opacity,color,border-color;transition-duration:.18s}
.rpBody:hover .rpUndo,.rpBody:hover .rpEdit,.rpUndo:focus-visible,.rpEdit:focus-visible,.rpUndo:hover,.rpEdit:hover{opacity:1;color:var(--txt)}
.rpRead{margin-top:9px;font-size:var(--fs-label);color:var(--mut);line-height:1.5}
.rpBar{height:5px;border-radius:3px;background:rgba(255,255,255,.06);margin-top:9px;overflow:hidden}
.rpBar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--acc),var(--acc2))}


.rpNext{display:block;width:100%;min-height:44px;margin-top:9px;padding:9px 10px;border-radius:10px;font-size:var(--fs-6);line-height:1.45;text-align:center;color:var(--mut);border:1px dashed rgba(255,255,255,.08);background:transparent;cursor:pointer;font-family:inherit;transition-property:opacity,color,border-color,background-color;transition-duration:.18s}
.rpNext:hover:not([disabled]),.rpNext:focus-visible{color:var(--txt);border-color:var(--mut)}
.rpNext[disabled]{cursor:default;opacity:.75}                 
.rpNext.top{cursor:default;opacity:.8}                        
.rpNext.top:hover{color:var(--mut);border-color:rgba(255,255,255,.08)}
.rpNext.win{border:1px solid var(--acc);border-style:solid;background:rgba(255,160,60,.08);color:var(--acc);opacity:.6}
.rpBody:hover .rpNext.win,.rpNext.win:focus-visible,.rpNext.win:hover{opacity:1}
.rpLast{margin-top:9px;font-size:var(--fs-4);color:var(--mut);opacity:.8;line-height:1.5}

.rpNote{display:flex;gap:8px;margin-top:9px}
.rpNoteIn{flex:1 1 auto;min-width:0;min-height:44px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-body);font-family:inherit}
.rpNoteIn:focus-visible{border-color:var(--acc);outline:none}
.rpNoteSkip{flex:0 0 44px;min-height:44px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:var(--fs-read);cursor:pointer;font-family:inherit}
.rpNoteSkip:hover,.rpNoteSkip:focus-visible{color:var(--txt)}


.ldSubs{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ldRow.compact{padding:7px 0;opacity:.75}
.ldRow.compact:hover{opacity:1}


.rdHead{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-read)}
.rdMeta{font-size:var(--fs-4);color:var(--mut);font-variant-numeric:tabular-nums}
.rdBar{height:9px;border-radius:5px;background:rgba(255,255,255,.06);margin-top:9px;overflow:hidden}
.rdBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#7fd86a,#ffd24d,#ff5c3d);transition:width .5s ease}
.rdRows{margin-top:9px}
.rdRow{display:flex;justify-content:space-between;padding:5px 2px;font-size:var(--fs-body);border-bottom:1px dashed rgba(255,255,255,.06)}
.rdRow.me span{color:var(--acc);font-weight:700}
.rdRow b{font-variant-numeric:tabular-nums}
.rdHit{font-style:normal;font-size:var(--fs-2);color:var(--mut);margin-left:6px}


.mlOverall{float:right;font-size:var(--fs-2);font-weight:900;letter-spacing:.4px;text-transform:uppercase;padding:3px 9px;border-radius:8px}
.mlOverall.good{color:#3ee594;background:rgba(62,229,148,.12)}
.mlOverall.mid{color:#ffce54;background:rgba(255,206,84,.12)}
.mlOverall.bad{color:#ff6b6b;background:rgba(255,107,107,.12)}
.mlRows{margin-top:12px;display:flex;flex-direction:column;gap:9px}
.mlRow{display:flex;align-items:center;gap:10px}
.mlFace{font-size:var(--fs-18);width:28px;text-align:center;flex:0 0 28px}
.mlLab{flex:0 0 48px;font-size:var(--fs-4);font-weight:800;color:var(--mut);text-transform:uppercase;letter-spacing:.4px}
.mlStrip{flex:1;display:flex;gap:2px;height:16px;min-width:0}
.mlSeg{flex:1;border-radius:2px;min-width:3px;opacity:.9}
.mlSeg.t5{background:#2fd39a}.mlSeg.t4{background:#7fd86a}.mlSeg.t3{background:#ffce54}.mlSeg.t2{background:#ff9d4d}.mlSeg.t1{background:#ff5c5c}
.mlSeg.good{background:#3ee594}.mlSeg.mid{background:#ffce54}.mlSeg.bad{background:#ff6b6b}
.mlTrend{flex:0 0 16px;font-size:var(--fs-11);font-weight:900;text-align:center}
.mlTrend.up{color:#3ee594}.mlTrend.down{color:#ff6b6b}.mlTrend.flat{color:var(--mut)}
.mlRead{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.08);font-size:var(--fs-8);line-height:1.55;color:#e8d9c8}
.mlRead b{color:var(--acc)}


.aiRead{display:none;margin-top:12px;padding:11px 13px;border-radius:12px;
  border:1px solid rgba(180,123,255,.28);background:linear-gradient(135deg,rgba(180,123,255,.08),rgba(127,216,255,.05))}
.aiRead.on{display:block}
.airHead{font-size:var(--fs-3);font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#c9b6ff}
.airDots{font-weight:600;letter-spacing:0;text-transform:none;color:var(--mut);font-style:normal}
.airBody{margin-top:6px;font-size:var(--fs-8);line-height:1.6;color:#e8ddf6}


#notifBtn{width:34px;height:34px;border-radius:99px;border:1px solid rgba(255,255,255,.18);flex:0 0 auto;position:relative;background:rgba(20,27,46,.75);color:var(--mut);cursor:pointer;display:grid;place-items:center;margin-right:2px;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
#notifBtn:hover{color:var(--txt);border-color:rgba(255,138,61,.5)}
.notifBadge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 3px;border-radius:99px;
  background:var(--acc);color:#1a0e05;font-size:var(--fs-2);font-weight:900;line-height:16px;text-align:center;box-sizing:border-box;border:1.5px solid #0d1220}
#notifBtn.crit .notifBadge{background:#ff5c5c;color:#fff}
#notifBtn.crit svg{color:#ff8a8a}
#notifBtn.crit::after{content:"";position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;
  border:2px solid #ff5c5c;animation:notifPing 1.8s cubic-bezier(0,0,.2,1) infinite;pointer-events:none}
@keyframes notifPing{0%{transform:scale(1);opacity:.8}80%,100%{transform:scale(2.4);opacity:0}}
.notifList{display:flex;flex-direction:column;gap:8px}
.notifRow{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:12px;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);cursor:pointer;font-family:inherit}
.notifRow.crit{border-color:rgba(255,92,92,.4);background:rgba(255,92,92,.06)}
.notifRow .nrIc{font-size:var(--fs-17);flex:0 0 24px;text-align:center}
.notifRow .nrTx{flex:1;min-width:0}
.notifRow .nrTx b{display:block;font-size:var(--fs-read)}
.notifRow .nrTx i{display:block;font-style:normal;font-size:var(--fs-label);color:var(--mut);margin-top:2px}

.nDetail{font-size:var(--fs-read);line-height:1.62;color:var(--txt);margin:2px 2px 15px;letter-spacing:.1px}
.nDoLbl{font-size:var(--fs-4);font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--mut);margin:0 2px 9px}
.nDismiss{display:block;width:100%;margin-top:6px;padding:11px 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--mut);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.nDismiss:hover{color:var(--txt);border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}

.refStat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}
.refStatN{border:1px solid var(--line);border-radius:13px;padding:12px;text-align:center;background:rgba(255,255,255,.03)}
.refStatN b{display:block;font-size:var(--fs-20);font-weight:800;line-height:1;background:linear-gradient(90deg,var(--acc),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.refStatN i{display:block;font-style:normal;font-size:var(--fs-4);letter-spacing:.5px;color:var(--mut);margin-top:5px;text-transform:uppercase}
.refLink{margin-top:11px;padding:11px 12px;border-radius:11px;border:1px dashed rgba(255,138,61,.4);background:rgba(255,138,61,.05);
  color:#ffb27a;font-size:var(--fs-6);font-family:'Chakra Petch',monospace;word-break:break-all;cursor:pointer;text-align:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.refLink:hover{background:rgba(255,138,61,.1)}

.amGoPro{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:800;box-shadow:0 4px 16px rgba(255,77,141,.25);margin:2px 0 4px}
.amGoPro:hover{filter:brightness(1.06)}
.proSheet{display:flex;flex-direction:column;gap:10px}
.proLead{font-size:var(--fs-read);line-height:1.5;color:var(--mut);text-align:center;margin:0 4px 2px}
.proFeats{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.proFeat{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-8);line-height:1.4;color:var(--txt);padding:2px 0}
.proFeat b{font-weight:800}
.proFeat .pfIc{font-size:var(--fs-13);flex:0 0 auto;line-height:1.3}
.proFeat.hi{background:linear-gradient(90deg,rgba(255,138,61,.16),transparent);border-radius:9px;padding:7px 9px;margin:-3px -5px}
.proPlan{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:13px 15px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);cursor:pointer;font-family:inherit;transition:transform .12s ease,border-color .2s ease}
.proPlan:active{transform:scale(.99)}
.proPlan>span{display:flex;flex-direction:column;gap:2px}
.proPlan b{font-weight:800;font-size:var(--fs-10)}
.proPlan i{font-style:normal;font-size:var(--fs-label);color:var(--mut)}
.proPlan .ppP {font-family:'Chakra Petch',sans-serif;font-size:var(--fs-13);font-weight:900;color:var(--txt);white-space:nowrap}
.proPlan .ppP em{font-style:normal;font-size:var(--fs-3);color:var(--mut);font-weight:700}
.proPlan.primary{border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;box-shadow:0 6px 22px rgba(255,77,141,.3)}
.proPlan.primary i,.proPlan.primary .ppP,.proPlan.primary .ppP em{color:#0a0e17}
.proPlan.primary i{opacity:.82}
.proRefer{width:100%;text-align:center;padding:11px;margin-top:2px;border-radius:12px;border:1px dashed rgba(255,255,255,.14);background:none;color:var(--acc);font-weight:800;font-size:var(--fs-8);cursor:pointer;font-family:inherit}
.proRefer:hover{background:rgba(255,138,61,.06)}
.proTrust{text-align:center;font-size:var(--fs-4);color:var(--mut);margin-top:2px;line-height:1.4}
@media(prefers-reduced-motion:reduce){#notifBtn.crit::after{animation:none}}


.isPhoto{width:100%;margin-top:10px;padding:11px;min-height:44px;border-radius:12px;border:1px dashed rgba(255,255,255,.18);background:rgba(255,255,255,.03);color:var(--txt);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer}
.isPhoto:active{transform:scale(.98)}

.isBarcode{width:100%;margin-top:8px;padding:11px;border-radius:12px;border:1px dashed rgba(127,216,255,.32);background:rgba(127,216,255,.05);color:var(--ice);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer}
.isBarcode:active{transform:scale(.98)}
.isBarcode:hover{background:rgba(127,216,255,.11)}











#bcScan{position:fixed;inset:0;z-index:210;display:none;align-items:center;justify-content:center;background:rgba(6,9,16,.9);padding:16px}
#bcScan.on{display:flex}
#bcScan .bcInner{width:100%;max-width:420px;background:var(--card,#141a28);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;box-shadow:0 22px 60px rgba(0,0,0,.6)}
#bcScan .bcHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:var(--fs-11);color:var(--txt)}
#bcScan .bcStage{position:relative;width:100%;aspect-ratio:3/2;border-radius:14px;overflow:hidden;background:#000}
#bcScan video{width:100%;height:100%;object-fit:cover;display:block}
#bcScan .bcFrame{position:absolute;inset:16% 12%;border:2px solid rgba(127,216,255,.85);border-radius:12px;box-shadow:0 0 0 100vmax rgba(0,0,0,.28);pointer-events:none}
#bcScan .bcHint{margin-top:10px;font-size:var(--fs-body);color:var(--mut);text-align:center;line-height:1.4}
#bcScan .bcPhoto{width:100%;margin-top:12px;min-height:44px;padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer}
#bcScan .bcHead .abX{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-12);cursor:pointer}

.bcPortion .bcPer{font-size:var(--fs-body);color:var(--mut);margin-bottom:10px}
.bcPortion .bcGLab{font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--mut);margin-bottom:6px;text-transform:uppercase}
.bcPortion .bcReadout{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(127,216,255,.08);border:1px solid rgba(127,216,255,.2);color:var(--ice);font-size:var(--fs-11);font-weight:800;text-align:center}


.fbTip{position:fixed;z-index:200;max-width:250px;padding:8px 11px;border-radius:10px;
  background:rgba(14,19,32,.97);border:1px solid rgba(255,255,255,.13);color:#e8ecf8;
  font-size:var(--fs-6);line-height:1.5;font-weight:500;letter-spacing:.1px;box-shadow:0 12px 34px rgba(0,0,0,.55);
  pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .15s ease,transform .15s ease;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:normal}
.fbTip.on{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.fbTip{transition:opacity .1s}}


.worldPara{font-size:14.5px;line-height:1.75;color:var(--txt)}
.worldPara::first-letter{text-transform:uppercase}
.worldPara .wgo{color:var(--ice);text-decoration:none;cursor:pointer} 
.worldPara .wgo:hover{color:#b5e6ff}
.worldLook{display:flex;flex-direction:column;gap:3px;margin:12px 0;padding:10px 13px;border-radius:var(--r-sm);
  background:rgba(255,138,61,.10);border:1px solid rgba(255,138,61,.28)}
.worldLook b{font-size:var(--fs-4);letter-spacing:1.1px;text-transform:uppercase;color:var(--acc)}
.worldLook span{font-size:var(--fs-read);line-height:1.55;color:var(--txt)}
.wsec{border-top:1px solid var(--line)}
.wsecH{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 2px;background:none;border:none;
  color:var(--mut);font-size:var(--fs-read);font-weight:600;font-family:inherit;cursor:pointer;text-align:left}
.wsecH:hover{color:var(--txt)}
.wsecCh{font-style:normal;width:12px;flex:0 0 auto}
.wsecSub{margin-left:auto;font-size:var(--fs-label);font-weight:500;color:var(--mut);opacity:.7}





@media(max-width:430px){
  .wsecH{flex-wrap:wrap;align-items:flex-start}
  .wsecH > .wsecSub{flex:1 0 100%;margin-left:20px;text-align:left}
}
.wsecB{padding:2px 2px 12px}
.wsecLine{font-size:var(--fs-read);line-height:1.6;color:#c9d2e4;padding:3px 0}
.wsecLine b{color:var(--gold);text-transform:capitalize;margin-right:6px}
.wsecLine a{color:var(--ice);text-decoration:underline;text-underline-offset:2px}

.wxFHead{display:flex;align-items:center;gap:9px;margin:2px 0 11px;font-size:var(--fs-10);color:var(--txt)}
.wxFHead .wxFIc{font-size:var(--fs-18);line-height:1}
.wxFHead b{font-size:var(--fs-14);font-weight:800;margin-right:1px}
.wxFGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.wxFC{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:rgba(255,255,255,.04)}
.wxFCk{font-size:var(--fs-2);letter-spacing:.7px;text-transform:uppercase;color:var(--mut)}
.wxFCv{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-10);font-weight:700;color:var(--txt)}
.wxFTom{margin-top:10px;font-size:var(--fs-6);color:var(--mut);line-height:1.5}

.wxFSum{margin:0 0 11px;font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
.wxFTom{border-top:1px solid var(--line);padding-top:10px}
.wxFTomTop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wxFTomIc{font-size:var(--fs-15);line-height:1}
.wxFTomHd{font-size:var(--fs-2);letter-spacing:.7px;text-transform:uppercase;color:var(--mut)}
.wxFTomTemp{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-read);color:var(--txt)}
.wxFTomTemp b{font-weight:800}
.wxFTomRain{font-size:var(--fs-label);color:var(--mut);margin-left:auto}
.wxFTomSum{margin-top:5px;font-size:var(--fs-body);line-height:1.5;color:var(--txt)}


.hasWorld .gWx,.hasWorld #newsCard,.hasWorld #starsCard{display:none!important}


.amMobItem{display:none}
@media(max-width:560px){.amMobItem{display:inline-flex}}


.wfSwapPerm{display:block;margin:4px auto 0;color:var(--gold);font-size:var(--fs-6)}
.wfSwapPerm:hover{color:var(--txt)}


#fbcOv{position:fixed;inset:0;background:rgba(4,6,12,.62);backdrop-filter:blur(6px);z-index:260;display:none;align-items:center;justify-content:center;padding:24px}
#fbcOv.on{display:flex}
.fbc{width:min(92vw,360px);background:var(--glass);border:1px solid var(--line);border-radius:var(--r-modal);padding:22px 20px;box-shadow:0 20px 60px rgba(0,0,0,.7);animation:pop2 .28s cubic-bezier(.2,1.4,.4,1)}
.fbcT{font-weight:800;font-size:var(--fs-13);color:var(--txt);line-height:1.35}
.fbcN{margin-top:8px;font-size:var(--fs-read);line-height:1.55;color:var(--mut)}
.fbcRow{display:flex;gap:10px;margin-top:18px}
.fbcBtn{flex:1;min-height:44px;border-radius:var(--r-md);border:1px solid var(--line);background:none;color:var(--mut);font-weight:700;font-size:var(--fs-11);cursor:pointer}
.fbcBtn:hover{color:var(--txt)}
.fbcYes{color:#ff6b6b;border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.08)}
.fbcYes:hover{color:#fff;background:rgba(255,107,107,.25)}
.fbcYes.go{color:var(--gold);border-color:rgba(255,210,77,.4);background:rgba(255,210,77,.08)}
.fbcYes.go:hover{color:#111;background:var(--gold)}


#mitoLadder{position:fixed;left:8px;bottom:106px;width:58px;height:170px;z-index:61;cursor:pointer;user-select:none}
@media (pointer:coarse),(max-width:820px){#mitoLadder{bottom:112px}}
#mitoLadder .mlRail{position:absolute;left:19px;bottom:0;width:18px;height:150px;border-left:3px solid rgba(255,255,255,.15);border-right:3px solid rgba(255,255,255,.15);border-radius:4px}
#mitoLadder .mlRung{position:absolute;left:0;right:0;height:2px;background:rgba(255,255,255,.13);border-radius:2px}
#mitoLadder .mlRung:nth-child(1){bottom:6%}#mitoLadder .mlRung:nth-child(2){bottom:20%}#mitoLadder .mlRung:nth-child(3){bottom:34%}#mitoLadder .mlRung:nth-child(4){bottom:48%}#mitoLadder .mlRung:nth-child(5){bottom:62%}#mitoLadder .mlRung:nth-child(6){bottom:76%}#mitoLadder .mlRung:nth-child(7){bottom:90%}
#mitoLadder .mlFlag{position:absolute;left:38px;font-size:var(--fs-read);transition:bottom .6s ease;filter:grayscale(.45);opacity:.75;transform-origin:bottom left}
#mitoLadder.won .mlFlag{filter:none;opacity:1;animation:mlWave 1.8s ease infinite}
#mitoLadder .mlLamp{position:absolute;left:36px;top:-4px;font-size:var(--fs-body);opacity:0;transition:opacity .6s}
#mitoLadder.asleep .mlLamp{opacity:1;text-shadow:0 0 12px rgba(255,180,80,.85)}
#mitoLadder.asleep .mlFig{filter:saturate(.5) brightness(.8)}
#mitoLadder .mlFig{position:absolute;left:11px;bottom:0;width:34px;height:34px;transition:bottom .9s cubic-bezier(.3,1.3,.4,1)}
#mitoLadder .mlFig svg{width:100%;height:100%}
#mitoLadder .mlFig.climb{animation:mlClimb .55s ease}
#mitoLadder.top .mlFig{filter:drop-shadow(0 0 8px rgba(255,210,77,.7))}
#mitoLadder.slip .mlFig{animation:mlSlip .8s ease infinite}
#mitoLadder.fall .mlFig{transition:bottom .7s cubic-bezier(.6,0,.9,.4)}
#mitoLadder.dust .mlFig::after{content:"💨";position:absolute;left:-8px;bottom:-2px;font-size:var(--fs-11);animation:mlDust .9s ease forwards}
#mitoLadder .mlBub{position:absolute;left:48px;bottom:58%;width:max-content;max-width:200px;background:rgba(8,11,20,.92);border:1px solid var(--line);border-radius:12px;padding:7px 10px;font-size:var(--fs-body);line-height:1.45;color:var(--txt);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateY(4px);box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:2}
#mitoLadder .mlBub.on{opacity:1;transform:none}
@keyframes mlClimb{0%,100%{transform:none}30%{transform:translateY(-4px) rotate(-4deg)}60%{transform:translateY(-1px) rotate(3deg)}}
@keyframes mlWave{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}
@keyframes mlSlip{0%,100%{transform:rotate(-14deg) translateX(-2px)}50%{transform:rotate(10deg) translateX(3px)}}
@keyframes mlDust{0%{opacity:1;transform:scale(.6)}100%{opacity:0;transform:scale(1.6) translateX(-10px)}}
@media (prefers-reduced-motion: reduce){#mitoLadder .mlFig,#mitoLadder .mlFlag{transition:none}#mitoLadder .mlFig.climb,#mitoLadder.slip .mlFig,#mitoLadder.won .mlFlag{animation:none}}

#mitoLadder{pointer-events:none}
#mitoLadder .mlFig{pointer-events:auto}


.htMid .hsp{width:100%}
.htMid .hsp i{flex:1 1 0;width:auto;min-width:4px;max-width:16px;border-radius:3px}
.htMid .hsp{justify-content:space-between}

#mitoLadder .mlFig.munch svg{animation:mitoMunch .85s ease}
#mitoLadder .mlFig.queasy svg{animation:mitoQueasy 1.4s ease}

.htScale{padding:2px 8px 0;cursor:default;border:none;opacity:1}
.htScale:hover{background:none}
.htScale .htMid{min-width:0}
.hspScale{height:auto;align-items:center}
.hspScale i{flex:1 1 0;width:auto;min-width:4px;max-width:16px;height:auto;background:none;border:none;font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.2px;color:var(--mut);opacity:.75;text-align:center;font-family:'Chakra Petch',sans-serif}
.hspScale i.now{color:var(--acc);opacity:1;font-size:var(--fs-2)}


@media(max-width:560px){.demoBar{white-space:normal;max-width:calc(100% - 20px);flex-wrap:wrap;justify-content:center;text-align:center;border-radius:18px}}

.wslHost{display:block}
.wslView{position:relative;overflow:hidden}
.wslSlide{will-change:opacity,transform}
.wslSlide.wslIn{animation:wslIn .42s cubic-bezier(.22,1,.36,1)}
@keyframes wslIn{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.wslSlide.wslIn{animation:none}}

.wslChips{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 11px}
.wslChip{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-body);font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.wslChip:hover{background:rgba(255,255,255,.08);color:var(--txt)}
.wslChip.on{border-color:rgba(255,201,120,.5);background:rgba(255,201,120,.12);color:var(--gold)}
.wslHoroT{font-size:var(--fs-12);font-weight:800;color:var(--gold);text-transform:capitalize;margin-bottom:5px;letter-spacing:.01em}
.wslHoroB{font-size:var(--fs-10);line-height:1.62;color:#c9d2e4}
.wslHoroB strong,.wslHoroB b{color:var(--txt)}
.wslFoot{opacity:.85;padding-top:9px}

.wslBar{display:flex;align-items:center;gap:10px;margin-top:11px}
.wslArr{width:44px;height:44px;flex:0 0 44px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  color:var(--mut);font-size:var(--fs-15);line-height:1;cursor:pointer;transition:background .15s,color .15s}
.wslArr:hover{background:rgba(255,255,255,.08);color:var(--txt)}
.wslArr:active{transform:scale(.92)}
.wslN{flex:1;text-align:center;font-size:var(--fs-4);letter-spacing:.6px;color:var(--mut);opacity:.75;font-family:'Chakra Petch',sans-serif}
.wslNews{display:flex;flex-direction:column;gap:8px;min-height:44px;justify-content:center;text-decoration:none;padding:2px 0}
.wslNewsT{font-size:var(--fs-11);line-height:1.5;color:var(--txt);font-weight:600;overflow-wrap:anywhere;
  



  min-height:63px}
.wslNews:hover .wslNewsT{color:#ffb27a}
.wslNewsMeta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wslTag{font-size:var(--fs-3);letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.wslSrc{font-size:var(--fs-4);font-weight:700;color:var(--ice);background:rgba(120,190,255,.1);border:1px solid rgba(120,190,255,.22);
  border-radius:999px;padding:2px 9px;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}







#snapFab{display:none!important}

.pageInsight{grid-column:1/-1;display:none;align-items:center;gap:10px;margin:0 0 14px;padding:11px 16px;border-radius:14px;background:rgba(20,27,44,.6);border:1px solid rgba(255,210,77,.28);font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
body.ia2 .pageInsight.has{display:flex}
.pageInsight b{color:var(--gold)}
.pageInsight .piIc{font-size:var(--fs-13);flex:0 0 auto}


body.ia2 .view.on{animation:iaSettle .65s ease both}
@keyframes iaSettle{0%{opacity:.35}60%{opacity:.8}100%{opacity:1}}
@media (prefers-reduced-motion: reduce){body.ia2 .view.on{animation:none}}


.recRow{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px dashed rgba(255,255,255,.07);cursor:pointer;border-radius:10px}
.recRow:hover{background:rgba(255,255,255,.04)}
.recFav{flex:0 0 22px;text-align:center;font-size:var(--fs-11)}
.recMid{flex:1;min-width:0}
.recNm{font-size:var(--fs-10);font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recMeta{font-size:var(--fs-6);color:var(--mut);margin-top:2px}
.recMeta b{color:var(--gold)}
.recHead{font-size:var(--fs-read);color:var(--txt);padding:4px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:8px}
.recHead b{color:var(--gold)}
.recLine{font-size:var(--fs-read);line-height:1.6;color:#c9d2e4;padding:2px 0}
.recLine b{color:var(--acc);margin-right:4px}
.recActs{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.recBtn{flex:0 0 auto;background:none;border:1px solid var(--line);border-radius:10px;color:var(--mut);font-size:var(--fs-11);padding:6px 9px;cursor:pointer;margin-right:6px}
.recBtn:hover{color:var(--txt);border-color:rgba(255,210,77,.4)}

.recEst{font-size:var(--fs-label);color:var(--acc);margin:-4px 0 10px;opacity:.9}
.recIngWrap{display:block}
.recScaleNote{font-size:var(--fs-label);color:var(--mut);margin-top:8px;line-height:1.5}
.recScaleNote .recKid{color:var(--gold);opacity:.85}
.recLine.recUnscaled{opacity:.72}
.recMark{color:var(--mut);font-size:var(--fs-label);opacity:.7}
.recLine.recDim{color:var(--mut);opacity:.8}
.recGroc{margin-top:2px}
.recEstBtn{width:100%;margin-top:2px}
.recEstMark{font-size:var(--fs-label);color:var(--acc);margin:8px 0 2px;opacity:.9}
.recMacHd{margin-top:6px}
.recNumG{margin-bottom:12px}
.cmBook,.cmAddRec{border-color:rgba(255,210,77,.42);background:rgba(255,210,77,.09);color:var(--gold)}
.cmBook:hover,.cmAddRec:hover{background:rgba(255,210,77,.18)}
.recMore{display:block;width:100%;min-height:44px;margin:6px 0 2px;padding:9px;border:1px dashed var(--line);border-radius:11px;background:transparent;color:var(--mut);font-size:var(--fs-body);font-weight:700;letter-spacing:.3px;cursor:pointer;transition:color .18s,border-color .18s}

.dmPlanBtn{margin-top:10px;background:linear-gradient(135deg,var(--acc2),var(--acc))}
.dmIntro{font-size:var(--fs-body);color:var(--mut);line-height:1.5;margin:2px 0 12px}
.dmIntro b{color:var(--txt)}
.dmCard{border:1px solid var(--line);border-radius:14px;background:var(--glass);padding:12px;margin-bottom:12px}
.dmVHead{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:9px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.dmVName{font-size:var(--fs-10);font-weight:900;color:var(--txt);flex:0 0 auto}
.dmVTot{flex:1 1 auto;min-width:0;font-size:var(--fs-body);color:var(--mut)}
.dmVTot b{color:var(--gold)}
.dmFit{flex:0 0 auto;font-size:var(--fs-label);font-weight:800;border-radius:8px;padding:3px 8px;white-space:nowrap}
.dmFit.ok{color:var(--grn);background:rgba(62,229,148,.12);border:1px solid rgba(62,229,148,.4)}
.dmFit.off{color:var(--gold);background:rgba(255,210,77,.1);border:1px solid rgba(255,210,77,.4)}


.dmFit.none{color:var(--mut);background:none;border:1px dashed var(--line);font-weight:700}
.dmMeal{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px dashed rgba(255,255,255,.07)}
.dmMealMain{flex:1;min-width:0}
.dmMealNm{font-size:var(--fs-read);font-weight:700;color:var(--txt);overflow:hidden;text-overflow:ellipsis}
.dmMealMeta{font-size:var(--fs-6);color:var(--mut);margin-top:2px}
.dmMealMeta b{color:var(--gold)}





b.fdP{color:var(--grn);font-weight:800;font-family:inherit;font-size:inherit;flex:none;text-align:inherit}
.fdMac{color:var(--mut)}
.pmRow .fdMac{flex:0 0 auto;overflow:visible;white-space:nowrap;font-size:var(--fs-label);color:var(--mut);font-variant-numeric:tabular-nums}


.plBand{display:flex;align-items:center;gap:8px;margin:13px 2px 6px;padding-top:2px}
.plBand:first-child{margin-top:4px}
.plBandNm{flex:0 0 auto;font-size:var(--fs-2);letter-spacing:1.5px;font-weight:900;color:var(--mut);text-transform:uppercase;white-space:nowrap}
.plBandLine{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.09),transparent);min-width:8px}
.plBandMeta{flex:0 0 auto;font-size:var(--fs-1);font-weight:800;color:var(--mut);letter-spacing:.4px;font-variant-numeric:tabular-nums;white-space:nowrap}

.plStock{font-size:var(--fs-6);color:var(--grn);background:rgba(62,229,148,.06);border:1px solid rgba(62,229,148,.18);border-radius:9px;padding:6px 10px;margin:-4px 0 10px;line-height:1.4}
.dmSwap{flex:0 0 auto;width:44px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--mut);font-size:var(--fs-12);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.dmSwap:hover{color:var(--txt);border-color:rgba(255,138,61,.5)}
.dmSwap:disabled{opacity:.5;cursor:default}
.dmShop{display:block;width:100%;min-height:44px;margin-top:11px;padding:10px;border:1px solid rgba(255,138,61,.42);border-radius:11px;background:rgba(255,138,61,.1);color:var(--acc);font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.dmShop:hover{background:rgba(255,138,61,.2)}
.dmShop:disabled{opacity:.6;cursor:default}
.recMore:hover{color:var(--txt);border-color:rgba(255,210,77,.4)}

.setZone{margin-top:12px}


.setSec{margin:15px 0 9px}
.setZone > .setSec:first-child{margin-top:2px}
.setRow{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:12px;border:1px solid var(--line);margin-bottom:8px;cursor:pointer;transition:background .15s}
.setRow:hover{background:rgba(255,255,255,.05)}
.setMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.setMid b{font-size:var(--fs-10);color:var(--txt)}
.setMid span{font-size:var(--fs-6);color:var(--mut)}



.keysNote{font-size:var(--fs-body);line-height:1.5;color:var(--mut);margin:2px 0 14px}
.keyRow{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line)}
.keyRow:first-of-type{border-top:0}
.keyIc{font-size:var(--fs-15);width:22px;text-align:center;flex:0 0 auto;color:var(--txt)}
.keyMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.keyMid b{font-size:var(--fs-11);color:var(--txt)}
.keySt{font-size:var(--fs-6);color:var(--mut);font-family:"Chakra Petch",monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.keySt.on{color:var(--grn)}
.keyBtn{min-height:44px;padding:0 14px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-weight:700;font-size:var(--fs-8);cursor:pointer;flex:0 0 auto}
.keyBtn:active{transform:scale(.96)}
.keyClear{color:#ff6b81;border-color:rgba(255,107,129,.35)}


.ia3 .ia3Hide{display:none!important}
.ia3 .iaHeroCard{grid-column:1/-1}
.ihNums{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:16px}
.ihN b{font-size:34px;font-weight:900;font-family:"Chakra Petch",monospace;line-height:1;display:block;color:var(--txt)}
.ihN span{display:block;font-size:var(--fs-label);color:var(--mut);margin-top:4px;letter-spacing:.4px}
.ihBar{height:6px;border-radius:4px;background:rgba(255,255,255,.07);margin-top:8px;overflow:hidden}
.ihBar i{display:block;height:100%;border-radius:4px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.ihBar .ihK{background:linear-gradient(90deg,#ffb35c,#ff7847)}
.ihBar .ihP{background:linear-gradient(90deg,#6de3a8,#2fd07f)}
.ihBar i.over{background:linear-gradient(90deg,#ff8a5c,#f5384f)}
.ihVerdict{margin-top:12px;font-size:var(--fs-read);color:var(--mut)}
.ihVerdict b{color:var(--txt)}
.ihActs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}






.ihActs>*{flex:1 1 calc(50% - 5px);min-width:120px}
.ihActs .todaybtn{min-height:44px;font-size:var(--fs-body);padding:0 16px}
.ihGhost{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font-weight:700;font-size:var(--fs-8);cursor:pointer}




.ia3Vitals{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0 14px}
.ia3Vitals.vFour{grid-template-columns:repeat(4,1fr)}
.vRing{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:0;padding:2px 0;cursor:pointer;color:var(--txt);min-height:44px}
.vRing:active{transform:scale(.96)}
.vRing.dim{opacity:.45}
.vrWrap{position:relative;width:54px;height:54px}
.vrWrap svg{width:54px;height:54px;display:block}
.vrTrack{stroke:rgba(255,255,255,.09)}
.vrArc{transition:stroke-dashoffset .6s ease}
.vrK{stroke:#46a0ff}
.vrK.over{stroke:#ff7a6b}
.vrP{stroke:#3ee594}
.vrS{stroke:#ffb84d}
.vrH{stroke:#ff6b81}
.vrH.good{stroke:#3ee594}
.vrH.warn{stroke:#ffb84d}
.vrR{stroke:#b48bff}
.vrVal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Chakra Petch",monospace;font-size:var(--fs-8);font-weight:700;letter-spacing:-.3px}
.vrLb{font-size:var(--fs-2);opacity:.75;letter-spacing:.4px;text-transform:uppercase}

#iosSetup .iosSetRow{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 0}
#iosSetup .iosSetIc{font-size:var(--fs-17)}
#iosSetup .iosSetLbl{flex:1;font-size:var(--fs-read);line-height:1.45}
#iosSetup .iosSetDone{color:var(--grn);font-weight:900;font-size:var(--fs-13)}
#iosSetup .iosSetGo{width:auto;min-height:44px;padding:10px 18px;margin:0;flex:0 0 auto}
#iosSetup .iosSetNote{font-size:var(--fs-label);color:var(--mut);margin-top:4px}

.reentryCard{border:1px solid rgba(62,229,148,.34);background:linear-gradient(180deg,rgba(62,229,148,.07),rgba(62,229,148,0) 62%),var(--glass)}
.reHead{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-13);font-weight:900;margin-bottom:12px}
.reWins{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.reWin{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-read);line-height:1.5;color:var(--txt)}
.reWin .reIc{flex:0 0 auto;font-size:var(--fs-13)}
.reStreak{font-size:var(--fs-8);line-height:1.5;color:var(--gold);font-weight:700;margin-bottom:13px}
.reGo{width:100%;min-height:48px;margin:0 0 8px}
.reDismiss{display:block;width:100%;min-height:44px;background:transparent;border:0;color:var(--mut);font-size:var(--fs-8);cursor:pointer;font-family:inherit}
.reDismiss:hover{color:var(--txt)}

.vChip{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--txt);font-size:var(--fs-8);cursor:pointer}
.vChip b{font-family:"Chakra Petch",monospace}
.vChip:active{transform:scale(.97)}
.vChip .vIc{font-size:var(--fs-12)}
.piAct{margin-left:auto;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--txt);font-weight:800;font-size:var(--fs-body);cursor:pointer;white-space:nowrap;flex:0 0 auto}
.ia3WeekLbl{margin:18px 0 10px!important;padding-top:14px;border-top:1px solid var(--line)}
@media(max-width:560px){.ihNums{grid-template-columns:1fr 1fr;gap:12px}} 





.ihN b{font-size:var(--fs-20);font-weight:800}
@media(max-width:560px){.ihN b{font-size:23px}}

.ihTrendRow{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;margin-top:14px}
.ihTrendMeta b{font-family:"Chakra Petch",monospace;font-size:var(--fs-17);font-weight:800;display:block;line-height:1;color:var(--txt)}
.ihTrendMeta b.tGood{color:var(--grn)}
.ihTrendMeta b.tUp{color:var(--acc)}
.ihTrendMeta b em{font-size:.55em;font-weight:700;color:var(--mut);font-style:normal;margin-left:2px}
.ihTrendMeta span{display:block;font-size:var(--fs-4);color:var(--mut);margin-top:4px;letter-spacing:.4px}
.ihTrendSpark{min-width:0}
.ihTrendRow .ihSpark{margin-top:0}
@media(max-width:560px){.ihTrendRow{grid-template-columns:1fr;gap:8px}}



body.ia2 .view.on.packing{opacity:0!important;animation:none!important}
body.ia2 .view.on.packed{animation:iaPackIn .22s ease both}
@keyframes iaPackIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}


.fpLbl{font-size:var(--fs-4);font-weight:800;letter-spacing:.8px;color:var(--mut);margin:14px 0 7px}
.fpChips{margin-bottom:8px}
.fpOther{width:100%;margin-bottom:2px}
.fpNotes{width:100%;min-height:74px;resize:vertical}
.refHero{text-align:center;padding:6px 0 2px}
.refBig{font-size:44px;line-height:1}
.refH1{font-size:var(--fs-16);font-weight:900;margin-top:8px;color:var(--txt)}
.refH2{font-size:var(--fs-read);color:var(--mut);margin:8px auto 0;max-width:340px}
.refH2 b{color:var(--txt)}
.refSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}
.refSteps div{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--fs-6);color:var(--mut);text-align:center;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:10px 6px}
.refSteps i{font-style:normal;font-weight:900;width:22px;height:22px;border-radius:50%;background:var(--gold);color:#111;display:flex;align-items:center;justify-content:center;font-size:var(--fs-label)}


#qbar.open{flex-wrap:wrap;width:min(92vw,560px)}
#qbar:not(.open) #qdeck{display:none}
#qdeck{grid-column:1/-1;flex:1 1 100%;order:-1;width:100%;padding:4px 2px 2px}
.qdH{display:flex;justify-content:space-between;align-items:center;font-size:var(--fs-4);font-weight:800;letter-spacing:.8px;color:var(--mut);margin:2px 4px 8px}
.qdH i{font-style:normal;color:var(--gold)}
.qdGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:6px}
.qdTile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;padding:9px 6px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--txt);cursor:pointer;font-family:inherit}
.qdTile i{font-style:normal;font-size:var(--fs-17);line-height:1}
.qdTile b{font-size:var(--fs-label);font-weight:700;text-align:center;line-height:1.2}
.qdTile span{font-size:var(--fs-2);color:var(--gold);font-weight:800}
.qdTile.core{border-color:rgba(255,209,94,.35)}
.qdTile:active{transform:scale(.96)}
.qdDone{font-size:var(--fs-body);color:var(--mut);padding:4px 4px 10px;text-align:center}

.qdPeek{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--fs-2);font-weight:700;letter-spacing:.4px;color:var(--mut);opacity:.6;padding:1px 4px 8px;text-align:center}
.qdPeek .qdPeekK{font-weight:800;letter-spacing:.8px;text-transform:uppercase;opacity:.8}
.qdPeek em{font-style:normal;color:var(--gold);font-weight:800;opacity:.9}



.ihWeek{display:flex;gap:8px;margin-top:12px;align-items:stretch}
.ihDay{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0;background:none;border:none;cursor:pointer;padding:0;min-height:44px;font-family:inherit;position:relative}




.ihDay::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:100%;transform:translate(-50%,-50%)}
.ihDay .ihTrk{display:flex;align-items:flex-end;width:100%;max-width:46px;height:48px;border-radius:7px;background:rgba(255,255,255,.05);overflow:hidden;position:relative}
.ihDay i{display:block;width:100%;border-radius:0;background:linear-gradient(180deg,#ffb35c,#ff7847);opacity:.85}
.ihDay.pok i{background:linear-gradient(180deg,#6de3a8,#2fd07f)}







.ihDay.unk .ihTrk::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:2px;border-radius:2px;background:var(--mut);opacity:.75}
.ihDay .ihWd{font-size:var(--fs-1);color:var(--mut);font-weight:800;text-transform:uppercase}
.ihDay.on .ihTrk{outline:1.5px solid var(--acc);outline-offset:1px}
.ihDay.pok.on .ihTrk{outline-color:#2fd07f}
.ihDay.on .ihWd{color:var(--txt)}
.ihSpark{width:100%;height:32px;margin-top:10px;display:block}
.ihSpark polyline{fill:none;stroke:var(--gold);stroke-width:1.6;vector-effect:non-scaling-stroke;opacity:.9}



.gHist .label{display:flex;align-items:center;gap:8px}
.histPg{margin-left:auto;display:none;gap:6px}
.histPg .histBk,.histPg .histFw{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-14);font-weight:800;cursor:pointer;line-height:1}
.histPg .histBk:active,.histPg .histFw:active{transform:scale(.94)}


.ihTap{cursor:pointer;border-radius:10px;transition:background .15s}
.ihTap:active{background:rgba(255,255,255,.06)}
.whyList{display:flex;flex-direction:column;gap:2px}


.whySec{margin:13px 0 3px}
.whyList > .whySec:first-child{margin-top:2px}
.whyRow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.05);font-size:var(--fs-read)}
.whyRow:last-child{border-bottom:none}
.whyL{color:var(--mut);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.whyV{color:var(--txt);font-family:"Chakra Petch",monospace;white-space:nowrap}
.whyRow.strong .whyL{color:var(--txt);font-weight:700}
.whyRow.strong .whyV{color:var(--gold)}
.whyRow.dim{opacity:.55}

.whyRow.pos .whyV{color:var(--grn)}
.whyRow.neg .whyV{color:var(--acc2)}
.whyMini{color:var(--mut);font-family:inherit;font-weight:600;font-size:var(--fs-label)}

.whyProse{font-size:var(--fs-8);color:var(--txt);line-height:1.55;padding:6px 4px 2px}
.whyProseDim{display:block;margin-top:5px;color:var(--mut);font-size:var(--fs-6);line-height:1.45}
.whyNote{margin-top:12px;font-size:var(--fs-body);color:var(--mut);line-height:1.5;border-top:1px solid var(--line);padding-top:10px}
.whyActs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.whyAct{flex:1;min-width:140px;min-height:46px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-weight:700;font-size:var(--fs-read);cursor:pointer;font-family:inherit}
.whyAct:active{transform:scale(.98)}


.shWrap{display:flex;flex-direction:column;gap:14px}
.shPrev{display:flex;justify-content:center;padding:2px 0}
.shCanvas{width:100%;max-width:250px;border-radius:16px;border:1px solid var(--line);box-shadow:0 12px 44px rgba(0,0,0,.5);background:#06080f;display:block}
.shRatios{display:flex;gap:8px;justify-content:center}
.shRatio{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--mut);font-weight:700;font-size:var(--fs-8);cursor:pointer;font-family:inherit}
.shRatio.on{color:var(--txt);border-color:var(--gold);background:rgba(255,210,77,.1)}
.shChans{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.shBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--txt);font-weight:700;font-size:var(--fs-read);cursor:pointer;font-family:inherit}
.shBtn:active{transform:scale(.98)}
.shBtnP{grid-column:1/-1;background:linear-gradient(90deg,var(--acc),var(--acc2));border:none;color:#fff}
.shBtnWide{grid-column:1/-1}
.shHint{text-align:center;font-size:var(--fs-6);color:var(--mut)}


.wlWall{text-align:left;background:rgba(255,210,77,.06);border:1px solid rgba(255,210,77,.25);border-radius:14px;padding:14px 16px;margin:4px 0 6px}
.wlBadge{font-size:var(--fs-3);font-weight:900;letter-spacing:1.2px;color:var(--gold)}
.wlH{font-size:var(--fs-13);font-weight:900;margin-top:6px;color:var(--txt)}
.wlH b{color:var(--gold)}
.wlX{font-size:var(--fs-8);color:var(--mut);margin-top:6px;line-height:1.55}
.wlX b{color:var(--txt)}





.spkWrap{position:relative}
.spkGuide{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.28);display:none;pointer-events:none}
.spkWrap.insp .spkGuide{display:block}
#spkTip{position:fixed;z-index:120;background:rgba(14,19,34,.96);border:1px solid var(--line);border-radius:10px;padding:7px 10px 8px;font-size:var(--fs-6);color:var(--mut);pointer-events:none;display:none;backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.45);max-width:170px}
#spkTip b{display:block;color:var(--txt);font-size:var(--fs-label);margin-bottom:3px}
#spkTip span{display:block;line-height:1.5}
#spkTip i{font-style:normal;color:var(--gold);font-family:"Chakra Petch",monospace}


.lbAi{font-style:normal;font-size:var(--fs-1);font-weight:900;letter-spacing:.6px;color:#7ad0ff;border:1px solid rgba(122,208,255,.4);border-radius:7px;padding:1.5px 5px;margin-left:5px;vertical-align:1px}


#qbar.open .qbtn{min-width:0}


#qbar.open .qbtn span{max-width:100%;white-space:normal;overflow:hidden;line-height:1.15;
  max-height:2.3em;text-align:center}
#qbar.open .qbtn{min-height:52px;justify-content:center}



[data-theme="calm"]{
  --bg:#0b0e16; --txt:#f5f7fb; --mut:#a3adc2;
  --acc:#e8935a; --acc2:#d96a92; --grn:#57c793; --blu:#6aa8e8; --pur:#a68fd8; --gold:#e3c06b; --ice:#8fc6e8;
  --glass:rgba(22,28,42,.86); --line:rgba(255,255,255,.13); 


  --auroraSpeed:60s;
  --mmSec:rgba(232,147,90,.42); --mmOff:transparent; --mmBody:rgba(255,255,255,.08);
}
[data-theme="calm"] .grain,[data-theme="calm"] .blob,[data-theme="calm"] #cf{display:none!important}
[data-theme="calm"] .pcSheen{display:none!important}
[data-theme="calm"] .card{box-shadow:none}
[data-theme="calm"] svg circle.rc,[data-theme="calm"] svg circle.rrc{filter:none!important}
[data-theme="calm"] .hero,[data-theme="calm"] .iaHeroCard{background-image:none}
[data-theme="calm"] *{text-shadow:none!important}
@media (prefers-reduced-motion: no-preference){
  [data-theme="calm"] .crvBeam,[data-theme="calm"] .crvSweep{animation-duration:6s}
}


.demoTag{position:fixed;top:calc(env(safe-area-inset-top) + var(--abH,54px) + 10px);left:max(var(--pad),calc(50% - var(--colv)/2));right:auto;z-index:95;
  background:rgba(12,17,32,.85);border:1px solid rgba(255,190,80,.45);border-radius:999px;padding:6px 12px;min-height:32px;font-size:var(--fs-label);font-weight:800;letter-spacing:.4px;color:var(--gold);cursor:pointer;backdrop-filter:blur(6px);font-family:inherit}
.demoTag:active{transform:scale(.95)}



.refShare{width:100%;justify-content:center}


.exFav{width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:none;color:var(--mut);font-size:var(--fs-12);cursor:pointer;flex:0 0 auto;padding:0}
.exFav.on{color:var(--gold)}
.exFav:active{transform:scale(.9)}


.ihNums.q4{grid-template-columns:repeat(4,minmax(0,1fr))}




.ihNums.mQ5{grid-template-columns:repeat(5,minmax(0,1fr))}
.ihN b em{font-size:.5em;font-weight:700;color:var(--mut);font-style:normal;margin-left:2px}
.ihN span i{font-style:normal;color:var(--gold);opacity:.85}
@media(max-width:640px){.ihNums.q4{grid-template-columns:1fr 1fr}.ihNums.mQ5{grid-template-columns:1fr 1fr}.ihNums.mQ5>.ihN:last-child{grid-column:1/-1}}




.hpCard{position:relative;margin:0 0 14px;padding:14px;border-radius:var(--r-md);
  border:1px solid var(--line);background:var(--glass)}
.hpCard.hp-grad{border-color:rgba(62,229,148,.42);background:linear-gradient(180deg,rgba(62,229,148,.12),rgba(62,229,148,0) 62%),var(--glass)}
.hpCard.hp-strug{border-color:rgba(255,138,61,.34);background:linear-gradient(180deg,rgba(255,138,61,.09),rgba(255,138,61,0) 62%),var(--glass)}
.hpHead{display:flex;align-items:center;gap:9px}
.hpIc{font-size:var(--fs-17);line-height:1;flex:0 0 auto}
.hpTtl{font-weight:800;font-size:var(--fs-11);color:var(--txt);line-height:1.25}
.hpWhy{margin:8px 0 12px;font-size:var(--fs-8);line-height:1.45;color:var(--mut)}




.hpOpts{display:flex;flex-wrap:wrap;gap:8px}
.hpOpts .hpOpt{flex:1 1 calc(50% - 4px);min-width:150px}
.hpOpt{min-height:44px;padding:9px 15px;border-radius:var(--r-pill);cursor:pointer;font-family:inherit;text-align:center;
  font-weight:700;font-size:var(--fs-8);border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);transition:transform .12s}
.hpOpt:active{transform:scale(.97)}
.hpOpt.hpPri{flex-basis:100%;border:0;color:#0a0e17;font-weight:800;background:linear-gradient(135deg,var(--acc),var(--acc2))}
.hp-grad .hpOpt.hpPri{background:linear-gradient(135deg,var(--grn),var(--ice))}
.hpOpt.hpGhost{flex-basis:100%;background:none;border-color:transparent;color:var(--mut);font-weight:600}


.prToast{position:fixed;left:50%;bottom:84px;transform:translateX(-50%) translateY(8px);display:flex;align-items:center;gap:12px;background:#141b2e;border:1px solid var(--gold);color:var(--txt);padding:8px 10px 8px 16px;border-radius:14px;font-size:var(--fs-8);z-index:210;opacity:0;pointer-events:none;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.3s;max-width:88vw;box-shadow:0 8px 30px rgba(0,0,0,.45)}






.prToast.on{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.prToast b{color:var(--gold)}
.prShare{min-height:44px;padding:0 16px;border-radius:11px;border:none;background:var(--gold);color:#141b2e;font-weight:800;font-size:var(--fs-body);cursor:pointer;font-family:inherit;white-space:nowrap}

.isChip.fpMore{border-style:dashed;color:var(--mut);background:transparent}

.cmManage{display:flex;flex-direction:column;gap:10px}
.cmRow{display:flex;align-items:center;gap:13px;width:100%;min-height:60px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--txt);cursor:pointer;font-family:inherit;text-align:left}
.cmRow:hover{background:rgba(255,255,255,.08)}
.cmRow.danger{border-color:rgba(255,90,90,.4)}
.cmRow.danger .cmTxt b{color:#ff6b6b}
.cmIc{font-size:var(--fs-18);flex:0 0 auto}
.cmTxt{display:flex;flex-direction:column;gap:2px;min-width:0}
.cmTxt b{font-weight:800;font-size:var(--fs-11)}
.cmTxt i{font-style:normal;font-size:var(--fs-body);color:var(--mut)}


.cpWhat{font-size:var(--fs-body);line-height:1.5;color:var(--mut);margin:-2px 0 12px;padding-left:11px;border-left:2px solid var(--acc)}
.cpWhat b{color:var(--txt);font-weight:700}





.patIntro,.bwIntro,.crvIntro,.wkndSub,.mrqIntro,.sessSub{padding-left:11px;border-left:2px solid var(--acc)}
.cpWhat.cpSpan{grid-column:1/-1}
.cpLeg{display:flex;flex-wrap:wrap;gap:6px 14px;margin:11px 0 2px;font-size:var(--fs-4);color:var(--mut);line-height:1.4}
.cpLeg span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.cpLeg b{color:var(--txt);font-weight:700}
.ihWhat{font-size:var(--fs-8);line-height:1.5;color:var(--mut);margin:0 0 14px;padding-left:11px;border-left:2px solid var(--acc)}
.ihWhat b{color:var(--txt);font-weight:700}
.cbHint{font-style:normal;font-weight:400;color:var(--mut);font-size:var(--fs-4)}



.dsLead{flex:0 0 100%;font-size:var(--fs-label);color:var(--mut);line-height:1.4;margin:-1px 0 3px}
.dchip.hasbar{position:relative;overflow:hidden}
.dchip .dbar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.06)}
.dchip .dbar>span{display:block;height:100%;border-radius:0 2px 2px 0;transition:width .5s ease}
.dchip .dbar.p>span{background:var(--grn)}
.dchip .dbar.k>span{background:var(--acc)}
.dchip .dbar.k.over>span{background:var(--acc2)}

.wSub{font-size:var(--fs-label);color:var(--mut);line-height:1.4;margin:-1px 0 10px}

.wkndSub{font-size:var(--fs-8);color:var(--mut);line-height:1.55;margin-bottom:11px}
.wkndHp{font-size:var(--fs-body);color:var(--txt);font-weight:600;line-height:1.5;margin-bottom:9px}
.wkndAnchors{display:flex;flex-direction:column;gap:7px;margin-bottom:13px}
.wkndAnc{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:var(--r-sm);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.wkndAnc>span{font-size:var(--fs-13);flex:0 0 auto;line-height:1.25}
.wkndAnc b{display:block;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-8);color:var(--txt);line-height:1.2}
.wkndAnc i{display:block;font-style:normal;font-size:var(--fs-label);color:var(--mut);line-height:1.4;margin-top:2px}
.wkndCta{display:block;width:100%;min-height:48px;padding:13px 16px;border-radius:var(--r-md);cursor:pointer;border:0;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-10);
  font-family:'Chakra Petch',sans-serif;letter-spacing:.3px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px rgba(255,138,61,.28)}
.wkndCta:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,138,61,.4)}
.wkndCta:active{transform:scale(.98)}






.cardWhy{font-size:var(--fs-body);color:var(--mut);line-height:1.45;margin:-2px 0 12px}

.fpCov{margin:0 0 14px}
.fpCovBar{height:7px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.fpCovBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--acc),var(--acc2));transition:width 1s cubic-bezier(.16,1,.3,1)}
.fpCovLab{font-size:var(--fs-6);color:var(--mut);margin-top:6px;letter-spacing:.2px}
.fpCovLab b{color:var(--txt);font-weight:800}
.fpCnt{font-style:normal;font-size:var(--fs-3);font-weight:800;color:var(--mut);background:rgba(255,255,255,.06);border-radius:6px;padding:1px 6px;margin-left:3px;vertical-align:middle}

.fpPrime,.recGenBtn{width:100%;min-height:44px;padding:12px 16px;border-radius:13px;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-read);cursor:pointer;font-family:inherit;text-align:center;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s;box-shadow:0 6px 22px rgba(255,77,141,.3)}
.fpPrime:hover,.recGenBtn:hover{filter:brightness(1.06)}
.fpBtns .fpPrime{flex:1;width:auto}
.recGenBtn{margin-top:10px}

.recStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px}
.recStat{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;padding:9px 8px;text-align:center}
.recStat b{display:block;font-size:var(--fs-17);font-weight:900;font-family:"Chakra Petch",monospace;color:var(--txt);line-height:1}
.recStat span{display:block;font-size:var(--fs-3);color:var(--mut);margin-top:3px;letter-spacing:.3px}




.rwkGlance{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;
  padding:9px 12px;margin:0 0 12px;border:1px solid var(--line);border-radius:12px;
  background:rgba(255,255,255,.03);color:var(--txt);font-family:inherit;font-size:var(--fs-8);font-weight:700;
  cursor:pointer;text-align:left;transition-property:background-color,border-color;transition-duration:.18s}
.rwkGlance:hover,.rwkGlance:focus-visible{background:rgba(255,255,255,.06);border-color:var(--acc);outline:none}
.rwkGlanceEmpty{color:var(--mut);font-weight:600}
.rwkGlanceMain{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rwkGlanceMain b{font-family:"Chakra Petch",monospace;color:var(--txt)}
.rwkGlanceMain i{font-style:normal;color:var(--mut);font-weight:600;font-size:var(--fs-label)}
.rwkGlanceCov{flex:none;font-family:"Chakra Petch",monospace;font-size:var(--fs-body);font-weight:800;color:var(--acc);white-space:nowrap}
.rwkGlanceDim{color:var(--mut);font-family:inherit;font-size:var(--fs-label);font-weight:600}

.rwkCover{margin-bottom:12px}
.rwkDays{margin:0 0 12px}
.rwkList{margin:0 0 12px}
.rwkRow{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:6px;
  border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02)}
.rwkRow.on{border-color:var(--acc);background:rgba(255,255,255,.05)}
.rwkRowMid{flex:1;min-width:0}
.rwkNm{font-size:var(--fs-8);font-weight:700;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rwkMeta{font-size:var(--fs-4);color:var(--mut);margin-top:2px}
.rwkDim{color:var(--mut);opacity:.75;font-style:italic}

.rwkSort{margin:0 0 12px}
.rwkAff{font-size:var(--fs-4);color:var(--mut);margin-top:2px;opacity:.9}
.rwkStep{flex:none;display:flex;align-items:center;gap:6px}
.rwkMinus,.rwkPlus{min-width:36px;min-height:36px;border:1px solid var(--line);border-radius:9px;
  background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-13);font-weight:800;
  cursor:pointer;transition-property:background-color,border-color;transition-duration:.16s}
.rwkMinus:hover,.rwkPlus:hover,.rwkMinus:focus-visible,.rwkPlus:focus-visible{background:rgba(255,255,255,.09);border-color:var(--acc);outline:none}
.rwkN{min-width:20px;text-align:center;font-family:"Chakra Petch",monospace;font-size:var(--fs-12);font-weight:900;color:var(--txt)}
.rwkMore{margin-top:2px}
.rwkFoot{margin-top:4px}
.rwkShop{width:100%}
.rwkNote{margin-top:8px}
.rwkFrom{font-size:var(--fs-label);color:var(--mut);margin-top:6px}

.rbVet{color:var(--mut);opacity:.9}

.recShelf{margin:2px 0 12px}
.recShelfHd{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:9px 12px;
  border:1px solid var(--line);border-radius:12px;background:rgba(255,210,77,.05);color:var(--txt);
  font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer;text-align:left;
  transition-property:background-color,border-color;transition-duration:.18s}
.recShelfHd:hover,.recShelfHd:focus-visible{background:rgba(255,210,77,.1);border-color:rgba(255,210,77,.38);outline:none}
.recShelfHdL b{color:#ffd24d;font-family:"Chakra Petch",monospace;margin-left:2px}
.recShelfHdR{display:flex;align-items:center;gap:7px;font-size:var(--fs-4);font-weight:700;color:var(--mut);white-space:nowrap}
.recShelfChev{font-size:var(--fs-1);color:var(--mut)}
.recShelfOpen{border:1px solid var(--line);border-radius:14px;padding:8px;background:rgba(255,255,255,.02)}




.recShelfOpen .recShelfHd{border:none;background:none;padding:4px 6px 8px;min-height:44px}
.recShelfOpen .recShelfHd:hover,.recShelfOpen .recShelfHd:focus-visible{background:none}
.recPackGrid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:520px){.recPackGrid{grid-template-columns:1fr 1fr}}
.recPack{display:flex;align-items:center;gap:11px;width:100%;min-height:56px;padding:10px 12px;
  border:1px solid var(--line);border-radius:12px;text-align:left;font-family:inherit}
.recPackOn{background:rgba(255,210,77,.06);cursor:pointer;color:var(--txt);
  transition-property:background-color,border-color,transform;transition-duration:.16s}
.recPackOn:hover,.recPackOn:focus-visible{background:rgba(255,210,77,.12);border-color:rgba(255,210,77,.4);outline:none}
.recPackOn:active{transform:scale(.985)}
.recPackLock{background:rgba(255,255,255,.02);opacity:.72;border-style:dashed}
.recPackIc{font-size:var(--fs-17);flex:0 0 auto;width:24px;text-align:center}
.recPackLock .recPackIc{opacity:.6}
.recPackMid{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.recPackNm{font-size:var(--fs-read);font-weight:800;color:var(--txt);line-height:1.2}
.recPackLock .recPackNm{color:var(--mut)}
.recPackMeta{font-size:var(--fs-4);color:var(--mut);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recPackProg{display:block;height:4px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:5px;overflow:hidden}
.recPackProg i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#ffd24d,var(--acc));transition:width .3s}
.recPackProgN{font-size:var(--fs-2);color:var(--mut);font-family:"Chakra Petch",monospace;margin-top:2px}
.recPack .chev{color:var(--mut);font-size:var(--fs-15);flex:0 0 auto}
.recShelfWhy{font-size:var(--fs-4);color:var(--mut);line-height:1.45;margin:9px 6px 3px;opacity:.9}
.recPackList{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.recPackHave{font-size:var(--fs-3);font-weight:700;color:#7fd8a0;margin-left:5px;white-space:nowrap}

.rsSaveBtn{flex:0 0 auto;font-family:inherit;font-size:var(--fs-6);font-weight:800;color:var(--acc);background:rgba(255,138,61,.1);border:1px solid rgba(255,138,61,.42);border-radius:9px;padding:8px 11px;min-height:38px;cursor:pointer;white-space:nowrap;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.rsSaveBtn:hover{background:rgba(255,138,61,.2)}
.rsSaveBtn:disabled{opacity:.6;cursor:default}
.rsDemo{font-size:var(--fs-label);color:var(--mut);line-height:1.45;margin:-4px 0 10px;opacity:.9}

.ihCap{font-size:var(--fs-4);color:var(--mut);margin-top:7px;letter-spacing:.2px;opacity:.85}
.ihPrimeBtn{min-height:44px;padding:0 18px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-8);cursor:pointer;font-family:inherit;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s;box-shadow:0 6px 20px rgba(255,77,141,.3)}
.ihPrimeBtn:hover{filter:brightness(1.06)}

.plTotals{display:flex;gap:14px;flex-wrap:wrap;padding:9px 12px;margin-bottom:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:11px;font-size:var(--fs-6);color:var(--mut)}
.plTotals b{color:var(--txt);font-weight:800;font-family:"Chakra Petch",monospace}


.q{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.q.lpArm{transform:scale(.965);border-color:var(--acc);transition:transform 1.9s cubic-bezier(.2,.7,.3,1),border-color 1.9s}








.bwCov{margin:0 0 13px}
.bwCovBar{height:7px;border-radius:5px;background:rgba(255,255,255,.07);overflow:hidden}
.bwCovBar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--ice),var(--blu));transition:width 1s cubic-bezier(.16,1,.3,1)}
.bwCovLab{font-size:var(--fs-6);color:var(--mut);margin-top:6px;letter-spacing:.2px}
.bwCovLab b{color:var(--txt);font-weight:800}


.bwPrime{background:linear-gradient(135deg,var(--acc),var(--acc2))!important;border:none!important;color:#0a0e17!important;font-weight:900;min-height:48px;box-shadow:0 6px 20px rgba(255,77,141,.28)}
.bwPrime:hover{filter:brightness(1.06);background:linear-gradient(135deg,var(--acc),var(--acc2))!important}

.wrShare{display:block;width:100%;min-height:48px;margin-top:14px;padding:13px 16px;border-radius:var(--r-md);cursor:pointer;border:0;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;font-weight:900;font-size:var(--fs-read);
  font-family:'Chakra Petch',sans-serif;letter-spacing:.3px;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 18px rgba(255,138,61,.28)}
.wrShare:hover{transform:translateY(-1px);box-shadow:0 6px 22px rgba(255,138,61,.4)}
.wrShare:active{transform:scale(.98)}




.pfWrap{margin-top:14px;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.pfWrap .sessNext{align-self:flex-start}
.pfBtn{width:100%;min-height:46px;padding:12px 16px;border-radius:var(--r-md);cursor:pointer;
  font-family:'Chakra Petch','Space Grotesk',sans-serif;font-weight:800;font-size:var(--fs-10);letter-spacing:.02em;
  border:1px solid rgba(255,210,77,.5);background:rgba(255,210,77,.08);color:var(--gold);
  transition:background .18s,border-color .18s,transform .12s}
.pfBtn:hover{background:rgba(255,210,77,.15);border-color:rgba(255,210,77,.75)}
.pfBtn:active{transform:scale(.985)}
.pfWhy{font-size:var(--fs-label);color:var(--mut);line-height:1.45}

.wkBar{position:relative;height:26px;border-radius:999px;background:rgba(255,255,255,.05);
  border:1px solid var(--line);overflow:hidden;margin-bottom:12px;display:flex;align-items:center}
.wkBarFill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;
  background:linear-gradient(90deg,rgba(255,138,61,.38),rgba(255,77,141,.30));
  transition:width .5s cubic-bezier(.2,.7,.3,1)}
.wkBarFill.full{background:linear-gradient(90deg,rgba(62,229,148,.42),rgba(62,229,148,.24))}
.wkBarLbl{position:relative;z-index:1;padding:0 12px;font-size:var(--fs-label);font-weight:700;
  color:var(--txt);font-family:'Chakra Petch',sans-serif;letter-spacing:.02em}

.wkS.early{border-color:rgba(255,210,77,.5);background:rgba(255,210,77,.08)}
.wkS.early i{color:var(--gold)}


.wkS.prog{border-color:rgba(255,210,77,.55);background:rgba(255,210,77,.1)}
.wkS.prog i{color:var(--gold);text-shadow:0 0 8px rgba(255,210,77,.4)}









html:not([data-theme="calm"]) .card{box-shadow:0 12px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.07), inset 0 -1px 0 rgba(0,0,0,.22)}
@media (min-width:821px) and (pointer:fine){
  html:not([data-theme="calm"]) .card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,0) 44%),var(--glass);
    transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}
  html:not([data-theme="calm"]) .card:hover:not(.dragging):not(.clps):not(.userHidden){transform:translateY(-2px);
    box-shadow:0 18px 50px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.09), inset 0 -1px 0 rgba(0,0,0,.22)}
  html:not([data-theme="calm"]) .card.dragging{transition:none} 
}
@media (prefers-reduced-motion:reduce){html:not([data-theme="calm"]) .card{transition:none}html:not([data-theme="calm"]) .card:hover{transform:none}}



#dsLifeSvg{position:absolute;left:0;right:0;bottom:0;width:100%;height:min(46vh,340px);pointer-events:none;overflow:visible;z-index:1}
#dsLifeSvg *{pointer-events:none}
.dsLBird{fill:none;stroke:rgba(214,228,255,.62);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:dsLbFly var(--d,2.8s) ease-out var(--dl,0s) forwards}
@keyframes dsLbFly{0%{opacity:0;transform:translate(0,0)}14%{opacity:.55}68%{opacity:.5}100%{opacity:0;transform:translate(var(--dx,120px),var(--dy,-150px))}}
.dsLCloud{fill:none;stroke:rgba(214,228,255,.46);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:dsLcloud var(--d,5s) ease-in-out forwards}
@keyframes dsLcloud{0%{opacity:0;transform:translate(0,0)}26%{opacity:.5}74%{opacity:.5}100%{opacity:0;transform:translate(var(--dx,180px),0)}}
.dsLLeaf{fill:rgba(120,206,150,.5);opacity:0;animation:dsLleaf var(--d,3.2s) ease-in var(--dl,0s) forwards}
@keyframes dsLleaf{0%{opacity:0;transform:translate(0,0) rotate(0)}16%{opacity:.5}100%{opacity:0;transform:translate(var(--dx,26px),var(--dy,70px)) rotate(var(--rot,120deg))}}
.dsLStar{fill:none;stroke:rgba(255,246,216,.82);stroke-width:2.4;stroke-linecap:round;opacity:0;animation:dsLstar var(--d,1.4s) ease-out forwards}
@keyframes dsLstar{0%{opacity:0;transform:translate(0,0)}18%{opacity:.7}100%{opacity:0;transform:translate(var(--dx,230px),var(--dy,120px))}}
.dsLWin{fill:rgba(255,206,120,.5);opacity:0;animation:dsLwin var(--d,3.4s) ease-in-out forwards}
@keyframes dsLwin{0%{opacity:0}9%{opacity:.16}17%{opacity:.03}27%{opacity:.46}72%{opacity:.4}100%{opacity:0}}
.dsLDogArt{fill:rgba(255,166,120,.82)}
.dsLDogArt .dsLTail{fill:none;stroke:rgba(255,166,120,.82);stroke-width:3;stroke-linecap:round}
.dsLDogArt .dsLDogDot{fill:rgba(28,20,30,.72)} 
.dsLDogWalk .dsLDogArt{animation:dsLtrot .36s ease-in-out infinite alternate} 
@keyframes dsLtrot{from{transform:translateY(0)}to{transform:translateY(-1.6px)}}
.dsLDogWalk{opacity:0;animation:dsLdogWalk var(--d,7s) linear forwards}
@keyframes dsLdogWalk{0%{opacity:0;transform:translate(0,0)}9%{opacity:.85}88%{opacity:.85}100%{opacity:0;transform:translate(var(--wx,-150px),0)}}
.dsLDogWag{opacity:0;animation:dsLdogHold var(--d,3.4s) ease-in-out forwards}
@keyframes dsLdogHold{0%{opacity:0;transform:translateY(4px)}14%{opacity:.88;transform:translateY(0)}86%{opacity:.88}100%{opacity:0}}
.dsLDogWag .dsLTail{transform-box:fill-box;transform-origin:100% 100%;animation:dsLwag 1.5s ease-in-out .35s both}
@keyframes dsLwag{0%,100%{transform:rotate(0)}12%{transform:rotate(18deg)}28%{transform:rotate(-8deg)}44%{transform:rotate(18deg)}60%{transform:rotate(-8deg)}76%{transform:rotate(8deg)}}
@media(prefers-reduced-motion:reduce){.dsLBird,.dsLCloud,.dsLLeaf,.dsLStar,.dsLWin,.dsLDogWalk,.dsLDogWalk .dsLDogArt,.dsLDogWag,.dsLDogWag .dsLTail{animation:none!important;opacity:0!important}}





@media(max-width:700px){#dayScene[data-scene] #dsPaintSvg{opacity:.58}}


#ticker{transition:opacity .6s ease,transform .6s ease}
#ticker.tkFade{opacity:0;transform:translateY(10px);pointer-events:none}


.cardioCard{margin-top:2px}
.cwWeek{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 10px}



.cwStat{-webkit-appearance:none;appearance:none;font:inherit;text-align:center;cursor:pointer;min-height:56px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:9px 6px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:rgba(255,255,255,.03);text-align:center;min-width:0}
.cwStat.on{border-color:rgba(127,216,255,.34);background:rgba(127,216,255,.06)}
.cwStat:hover{background:rgba(255,255,255,.07)}
.cwStat.on:hover{background:rgba(127,216,255,.11)}
.cwStat:active{transform:scale(.98)}
.cwStat:focus-visible{outline:2px solid var(--acc);outline-offset:2px}



.cwStat{min-height:76px}
.cwStat .cwIc{font-size:27px;line-height:1.05}
.cwStat b{font-size:var(--fs-read);font-weight:800;color:var(--txt);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cwStat.on b{color:var(--ice)}


.cwStat:not(.on) b{color:var(--mut);opacity:.75}
.cwStat i{font-size:var(--fs-4);font-style:normal;color:var(--mut);letter-spacing:.03em;text-transform:uppercase}
.cwStat.on i{color:var(--ice);opacity:.8}
.cwTot{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin-bottom:12px}
  font-family:'Chakra Petch','Space Grotesk',sans-serif;font-weight:900;font-size:var(--fs-11);letter-spacing:.01em;
  background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17;
  box-shadow:0 6px 22px rgba(255,77,141,.30);transition:transform .12s,box-shadow .18s}
  font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-8);letter-spacing:.01em;
  border:1px solid rgba(255,210,77,.42);background:rgba(255,210,77,.07);color:var(--gold);
  transition:background .18s,border-color .18s,transform .12s}
.cardioQuest{width:100%;min-height:44px;margin-top:10px;padding:10px 14px;border-radius:var(--r-sm);cursor:pointer;
  font-family:'Chakra Petch',sans-serif;font-weight:800;font-size:var(--fs-body);letter-spacing:.01em;
  border:1px solid rgba(62,229,148,.42);background:rgba(62,229,148,.08);color:var(--grn);
  transition:background .18s,transform .12s;text-align:left}
.cardioQuest:hover{background:rgba(62,229,148,.15)}
.cardioQuest:active{transform:scale(.99)}
.cardioRecent{margin-top:12px;display:flex;flex-direction:column;gap:2px}
.cardioRow{display:flex;align-items:center;gap:10px;padding:4px 0;min-height:44px;border-bottom:1px dashed rgba(255,255,255,.07)}
.cardioRow:last-child{border-bottom:0}
.cardioRow .crIc{font-size:var(--fs-14);flex:0 0 auto;width:22px;text-align:center}
.cardioRow .crMid{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cardioRow .crMid b{font-size:var(--fs-8);font-weight:800;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardioRow .crMid i{font-size:var(--fs-4);font-style:normal;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cardioRow .crX{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:10px;background:transparent;
  color:var(--mut);font-size:var(--fs-11);cursor:pointer;transition:color .15s,background .15s}
.cardioRow .crX:hover{color:var(--acc2);background:rgba(255,77,141,.08)}











.snackCard{background:rgba(255,255,255,.03)}






.snackBtn{border:1px solid var(--line);background:var(--glass);color:var(--txt);
  transition:border-color .18s,background .18s,color .18s,transform .18s}
.snackBtn:hover{border-color:rgba(127,216,255,.4);background:rgba(127,216,255,.12);color:var(--ice);transform:translateY(-1px)}





.todaybtn{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);transition:border-color .18s,background .18s,color .18s}
.todaybtn:hover{border-color:rgba(70,160,255,.4);background:rgba(70,160,255,.12);color:var(--blu)}




.perfect{margin-top:12px;text-align:left;font-weight:700;font-size:var(--fs-8);color:var(--gold);letter-spacing:.2px;
  background:rgba(255,210,77,.05);border:1px solid var(--line);border-left:2px solid rgba(255,210,77,.5);
  border-radius:var(--r-sm);padding:10px 13px;display:none}



.alAddNudge{background:rgba(255,255,255,.03);border:1px dashed var(--line);color:var(--mut)}
.alAddNudge:hover{background:rgba(255,138,61,.08);border-color:rgba(255,138,61,.4);color:var(--acc)}












.mb2.today{box-shadow:none}




.connectBig{box-shadow:0 4px 18px rgba(255,138,61,.26)}



.demoBar{border-color:rgba(255,210,77,.28)}



#view-now .guideAct{
  background:linear-gradient(rgba(17,13,22,.94),rgba(17,13,22,.94)) padding-box,
             linear-gradient(135deg,var(--acc),var(--acc2)) border-box;
  border:1px solid transparent;color:var(--txt);font-weight:800;
  box-shadow:0 4px 20px rgba(255,110,90,.10);text-shadow:none}



#view-now .guideAct{box-shadow:0 6px 26px rgba(255,110,90,.20), inset 0 1px 0 rgba(255,255,255,.05);
  font-size:14.5px;min-height:50px}
#view-now .guideAct:hover{box-shadow:0 6px 26px rgba(255,110,90,.24);transform:translateY(-1px)}
#view-now .guideAct:active{transform:scale(.985)}













.btnPrimary,.guideAct,.gFootP,.ihPrimeBtn,
.cbStart,.hpOpt.hpPri,.chatSend,.streakSave .ssGo,.connectBig,.onbNext,.onbBegin,
.onbSkip.onbNext,.amGoPro,.proPlan.primary,.fbGo,.tourTip .ttNext,.rHeadBtns #rPrint{
  background:linear-gradient(rgba(17,13,22,.94),rgba(17,13,22,.94)) padding-box,
             linear-gradient(135deg,var(--acc),var(--acc2)) border-box !important;
  border:1px solid transparent !important;
  color:var(--txt) !important;text-shadow:none;
  box-shadow:0 4px 20px rgba(255,110,90,.10)}
.btnPrimary:hover,.guideAct:hover,.gFootP:hover,
.ihPrimeBtn:hover,.cbStart:hover,.hpOpt.hpPri:hover,
.chatSend:hover,.streakSave .ssGo:hover,.connectBig:hover,.onbNext:hover,.onbBegin:hover,
.amGoPro:hover,.proPlan.primary:hover,.fbGo:hover{
  box-shadow:0 6px 26px rgba(255,110,90,.24);filter:none}








.grocGo{border-color:var(--line);background:transparent;color:var(--mut)}
.grocGo:hover,.grocGo:focus-visible,.grocGo:active{
  border-color:rgba(62,229,148,.45);background:rgba(62,229,148,.14);color:var(--grn)}














#view-train .wfStart#wfStart{
  background:linear-gradient(rgba(17,13,22,.94),rgba(17,13,22,.94)) padding-box,
             linear-gradient(135deg,var(--acc),var(--acc2)) border-box;
  border:1px solid transparent;color:var(--txt);letter-spacing:.3px;
  box-shadow:0 4px 20px rgba(255,110,90,.10)}
#view-train .wfStart#wfStart:hover{
  background:linear-gradient(rgba(17,13,22,.94),rgba(17,13,22,.94)) padding-box,
             linear-gradient(135deg,var(--acc),var(--acc2)) border-box;
  box-shadow:0 6px 26px rgba(255,110,90,.24);transform:translateY(-1px)}
#view-train .wfStart#wfStart:active{transform:scale(.985)}




#view-train .pfBtn{
  min-height:46px;border-radius:var(--r-md);padding:11px 15px;
  font-family:'Chakra Petch','Space Grotesk',sans-serif;font-weight:800;font-size:var(--fs-read);letter-spacing:.02em;
  border:1px solid rgba(255,210,77,.42);background:rgba(255,210,77,.07);color:var(--gold);
  transition:background .18s,border-color .18s,transform .12s}
#view-train .pfBtn:hover{background:rgba(255,210,77,.14);border-color:rgba(255,210,77,.7)}
#view-train .pfBtn:active{transform:scale(.985)}


#view-train .sessNext{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-weight:700;font-size:var(--fs-body)}


#view-train .hypeBtn{color:var(--mut);border:1px solid var(--line);background:rgba(255,255,255,.03)}
#view-train .hypeBtn:hover{color:var(--txt);border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.08)}



#view-train .cardioCard{padding-bottom:6px}


.charHint{text-align:center;font-size:var(--fs-3);color:var(--mut);margin-top:4px;line-height:1.4}


.statRow{min-height:44px;border-radius:8px;transition:background .15s ease}


.statRow::after{content:"›";position:absolute;right:7px;top:50%;font-size:var(--fs-12);font-weight:900;
  color:var(--mut);opacity:.5;transform:translateY(-50%) rotate(90deg);transition:transform .2s ease,opacity .15s ease}
.statRow.open::after{transform:translateY(-50%) rotate(-90deg);opacity:.9;color:var(--gold)}
@media(hover:hover){.statRow:hover{background:rgba(255,255,255,.04)}.statRow:hover::after{opacity:.8}}
@media(prefers-reduced-motion:reduce){.statRow,.statRow::after{transition:none}}











:is(#onbFS,#xwzFS) .onbNext,:is(#onbFS,#xwzFS) .onbBegin,:is(#onbFS,#xwzFS) .onbSkip.onbNext{
  background:linear-gradient(rgba(255,138,61,.16),rgba(255,77,141,.13)) padding-box,
            linear-gradient(135deg,var(--acc),var(--acc2)) border-box !important;
  box-shadow:0 8px 30px rgba(255,110,90,.30) !important}
:is(#onbFS,#xwzFS) .onbNext:hover,:is(#onbFS,#xwzFS) .onbBegin:hover,:is(#onbFS,#xwzFS) .onbSkip.onbNext:hover{
  box-shadow:0 12px 38px rgba(255,110,90,.44) !important;transform:translateY(-1px)}













.htMid .hsp i.hsp-fill,.htMid .hsp i.hsp-today{position:relative}
.htMid .hsp i.hsp-fill::after,.htMid .hsp i.hsp-today::after{content:"";position:absolute;left:-2px;right:-2px;top:-13px;bottom:-13px}



.rdRosterLbl{font-size:var(--fs-3);font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mut);opacity:.85;margin:11px 0 3px}
.rdNo{color:var(--mut);opacity:.55}
.rdMore{font-size:var(--fs-4);color:var(--mut);text-align:center;padding:7px 2px 2px;opacity:.8}
.rdDone{margin-top:9px}
.rdDone b{color:var(--txt)}










.snackStrip{display:block;background:var(--glass);backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 12px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06)}

.snackStrip .snackSub{color:var(--txt);opacity:.72}
.snackStrip .snackBtn{background:rgba(255,255,255,.06)}
.snackStripHead{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;flex-wrap:wrap}
.snackChips{display:flex;flex-wrap:wrap;gap:6px}
.snackChip{flex:1 1 calc(33.3% - 6px);white-space:nowrap;font-size:var(--fs-6);padding:10px 4px;text-align:center}





.wfCard .wfRow{position:relative}
.wfCard .wfRow .wfLab{position:absolute;left:8px;top:50%;transform:translateY(-50%);width:auto;text-align:left}


.fpTag.fpMore{opacity:.65;font-style:italic}







@media (pointer:coarse), (max-width:820px){
  .cbCard.cbPlayable::after,.cbStage.cbWind{animation:none!important}
}








.chHistIntro{font-size:var(--fs-label);line-height:1.5;color:var(--mut);margin-bottom:14px}
.chHistSheet{display:flex;flex-direction:column;gap:9px}
.chHistMonth{align-self:center;margin:8px 0 2px;font-size:var(--fs-3);letter-spacing:1px;text-transform:uppercase;color:var(--mut);font-weight:800}
.chHistLoad{align-self:center;margin-top:12px;min-height:44px;padding:0 22px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-weight:800;font-size:var(--fs-8);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.15s}
.chHistLoad:hover{border-color:rgba(255,138,61,.5);background:rgba(255,138,61,.08)}
.chHistLoad:disabled{opacity:.55;cursor:default}


@media(min-width:560px){#isheet.recWide .isCard{max-width:600px}}
.recWide .recPills{gap:9px}
.recNumGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-bottom:6px}



@media(max-width:700px){.recNumGrid{grid-template-columns:1fr}}
.recNumGrid .recNumG{margin-bottom:0}
.recNumCell .isLabel{margin-bottom:3px}
.recNumCell .isStep{gap:9px;margin:0}
.recNumCell .isStep button{width:40px;height:40px;border-radius:12px;font-size:var(--fs-17)}
.recNumCell .isStep .sv{font-size:var(--fs-18);min-width:40px;width:auto;padding:0 2px}


.admUserTop .admBadge,.admUserTop .admAct{height:34px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;line-height:1}
.admUserTop .admAct{min-width:34px;padding:0 13px;border-radius:10px;font-size:var(--fs-label)}
.admUserTop .admAct.admMini{width:34px;padding:0;font-size:var(--fs-12)}
.admUserTop .admBadge{padding:0 10px;border-radius:10px}


.cm .ctools{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.cmActs{gap:8px;margin-top:10px}
.cmCart,.cmMake{min-height:44px;padding:9px 15px;border-radius:12px;font-size:var(--fs-body)}
.fbRow{gap:8px;margin-top:9px}
.fbBtn{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:10px;font-size:var(--fs-12)}






.isBtns{align-items:stretch}
.isBtns .isCancel,.isBtns .isSave{min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;margin-top:0}



.ldOffer{padding:4px 0 2px}
.ldOfferLede{font-size:var(--fs-11);font-weight:700;color:var(--txt);margin:0 0 6px}
.ldOfferSub{font-size:var(--fs-6);color:var(--mut);line-height:1.5;margin:0 0 13px}
.ldOfferActs{display:flex;gap:9px;flex-wrap:wrap}
.ldOfferGo{flex:1;min-width:150px;min-height:44px;padding:0 14px;border-radius:11px;border:1px solid var(--acc);background:rgba(255,160,60,.1);color:var(--acc);font-size:var(--fs-8);font-weight:700;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.ldOfferGo:hover{background:rgba(255,160,60,.16)}
.ldOfferNo{min-height:44px;padding:0 16px;border-radius:11px;border:1px solid var(--line);background:transparent;color:var(--mut);font-size:var(--fs-body);cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.ldOfferNo:hover{color:var(--txt);background:rgba(255,255,255,.04)}

.ldFoot{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:var(--fs-4);font-variant-numeric:tabular-nums}
.ldWin{color:var(--grn);font-weight:700}


.ldSave{color:var(--grn);font-weight:700}

.crvRow.crvUrge{border-color:rgba(120,160,255,.35);background:rgba(120,160,255,.08)}
.crvUrgeBtn{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:10px;border:1px solid rgba(120,160,255,.4);background:rgba(120,160,255,.12);color:var(--txt);font-size:var(--fs-6);font-weight:700;cursor:pointer;transition-property:background-color,color,border-color,transform,opacity;transition-duration:.2s}
.crvUrgeBtn:hover{background:rgba(120,160,255,.2)}
.crvUrgeN{color:#3ee594;font-variant-numeric:tabular-nums}










#notifBtn,#vibesTop,#tourBtn,#craveBtn,#acctBtn,.navbtn{position:relative}
#notifBtn::before,#vibesTop::before,#tourBtn::before,#craveBtn::before,#acctBtn::before,.navbtn::before{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}






.qskip{position:relative}
.qskip::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}
.chIcon,.chatTool{position:relative}
.gClose::before,.isX::before,.chIcon::before,.chatTool::before{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}










.chatHead .chIcon + .gClose{margin-left:2px}




.exFav,.recBtn{position:relative}
.exFav::before,.recBtn::before{
  content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px}





.grocHHbtn,.grocGo,.ateBtn,.repMeta.ihTap{position:relative}
.grocHHbtn::before,.grocGo::before,.ateBtn::before,.repMeta.ihTap::before{
  content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:44px}











#craveBtn{width:40px;height:40px;border-radius:12px}
#notifBtn{width:38px;height:38px}









.tabArrow{min-width:28px;padding:0 9px;position:relative}
#tabPrev::before{content:"";position:absolute;top:50%;transform:translateY(-50%);
  height:44px;left:-16px;right:-2px}
#tabNext::before{content:"";position:absolute;top:50%;transform:translateY(-50%);
  height:44px;right:-16px;left:-2px}


.demoTag{position:fixed}


body.modalOn .demoTag{display:none}





body.modalOn .demoBar{display:none}












body:has(#vibesDock.on) .demoBar,
body:has(#vibesDock.on) .demoTag{display:none}
.demoTag::before{content:"";position:absolute;left:0;right:0;top:50%;
  transform:translateY(-50%);height:44px}




body.isDemo .view{padding-top:42px}













.hypeBtn{min-height:44px}












#rptOv .rToc>*,#rptOv .rHeadBtns>*{position:relative}
#rptOv .rToc>*::before,#rptOv .rHeadBtns>*::before{content:"";position:absolute;
  left:0;right:0;top:50%;transform:translateY(-50%);height:44px}





button:not(.connectBig),input,select,textarea{font-family:inherit}




select:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:4px}




.tab{min-height:44px}
.tabPin{min-width:44px}





.tabPin.pinOn{color:var(--txt);background:rgba(255,255,255,.07);box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.tabPin.pinOn .ti{opacity:1;transform:translateY(0) scale(1.04)}

.tabArrow{width:auto;min-width:16px;height:44px;padding:0 3px;background:none;border:none;border-radius:0;font-size:var(--fs-11);opacity:.45;color:var(--mut)}
.tabArrow:hover{background:none;color:var(--acc);opacity:.9}


.simTot{color:var(--acc);font-weight:800;margin-left:8px;font-size:var(--fs-label)}



.patIntro{font-size:var(--fs-body);line-height:1.55;color:var(--mut);margin-bottom:12px}
.patList{display:flex;flex-direction:column;gap:10px}
.patRow{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 13px;
  background:rgba(255,255,255,.03)}
.patRow.sig{border-color:rgba(127,216,255,.28);background:rgba(70,160,255,.06)}
.patRow.pat{border-color:rgba(62,229,148,.32);background:rgba(62,229,148,.06)}
.patRowTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.patLbl{font-size:var(--fs-10);font-weight:800;color:var(--txt);line-height:1.35}
.patBadge{flex:none;font-size:var(--fs-4);font-weight:800;padding:4px 9px;border-radius:var(--r-pill);white-space:nowrap}
.patBadge.sig{color:var(--ice);background:rgba(127,216,255,.14);border:1px solid rgba(127,216,255,.34)}
.patBadge.pat{color:var(--grn);background:rgba(62,229,148,.14);border:1px solid rgba(62,229,148,.36)}
.patNums{margin-top:7px;font-size:var(--fs-8);color:var(--txt)}
.patNums b{color:var(--acc);font-size:var(--fs-12)}
.patTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.patTag{font-size:var(--fs-4);font-weight:700;padding:3px 8px;border-radius:var(--r-pill)}
.patTag.find{color:var(--gold);background:rgba(255,210,77,.13);border:1px solid rgba(255,210,77,.34)}
.patTag.conf{color:var(--mut);background:rgba(255,255,255,.05);border:1px solid var(--line)}
.patCap{margin-top:8px;font-size:var(--fs-label);line-height:1.5;color:var(--mut)}

.patEmpty{text-align:center;padding:18px 14px;border:1px dashed var(--line);border-radius:var(--r-md);background:rgba(255,255,255,.02)}
.patEmojiRow{font-size:var(--fs-21);line-height:1;margin-bottom:10px;opacity:.85}
.patEmptyT{font-size:var(--fs-11);font-weight:800;color:var(--txt);margin-bottom:7px}


.patEmptyS{font-size:var(--fs-body);line-height:1.6;color:var(--mut);max-width:44ch;margin:0 auto}

.patWline{font-size:var(--fs-body);line-height:1.55;color:var(--mut);margin-bottom:10px}
.patWchips{display:flex;flex-wrap:wrap;gap:7px}
.patWchip{font-size:var(--fs-label);font-weight:700;color:var(--txt);padding:5px 10px;border-radius:var(--r-pill);
  background:rgba(255,255,255,.045);border:1px solid var(--line)}
.patWchip i{color:var(--mut);font-style:normal;font-weight:600}


.fitWrap{display:flex;flex-direction:column;gap:12px;padding:2px 0}
.fitIntro{display:flex;flex-direction:column;gap:8px}
.fitLead{font-size:var(--fs-read);line-height:1.5;color:var(--txt);font-weight:600}
.fitPriv{font-size:var(--fs-6);line-height:1.5;color:var(--grn);background:rgba(62,229,148,.08);
  border:1px solid rgba(62,229,148,.22);border-radius:var(--r-md);padding:9px 11px}
.fitCaveat{font-size:var(--fs-6);line-height:1.5;color:var(--gold);background:rgba(255,210,77,.07);
  border:1px solid rgba(255,210,77,.2);border-radius:var(--r-md);padding:9px 11px}
.fitMeas{font-size:var(--fs-body);line-height:1.5;color:var(--mut)}
.fitMeas b{color:var(--txt);font-variant-numeric:tabular-nums}
.fitNotes{font-size:var(--fs-8);line-height:1.6;color:var(--txt);background:rgba(255,255,255,.035);
  border:1px solid var(--line);border-radius:var(--r-md);padding:11px 12px}
.fitResults{display:flex;flex-direction:column;gap:12px}
.fitRows{display:flex;flex-direction:column;gap:11px}
.fitRow{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:var(--r-card);
  border:1px solid var(--line);background:rgba(255,255,255,.03)}
.fitRowHd{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}
.fitGico{font-size:var(--fs-16);line-height:1}
.fitGnm{font-size:var(--fs-10);font-weight:800;text-transform:capitalize;letter-spacing:.2px}
.fitSize{font-size:var(--fs-8);font-weight:800;color:#0a0e17;background:linear-gradient(135deg,var(--acc),var(--acc2));
  padding:4px 10px;border-radius:var(--r-pill);white-space:nowrap;font-variant-numeric:tabular-nums}
.fitCut{font-size:var(--fs-6);font-weight:700;color:var(--ice)}
.fitWhy{font-size:var(--fs-body);line-height:1.55;color:var(--mut)}
.fitNote{font-size:var(--fs-6);line-height:1.5;color:var(--txt);opacity:.9}
.fitFind{align-self:flex-start;min-height:44px;padding:9px 16px;border-radius:var(--r-pill);
  border:1px solid rgba(127,216,255,.35);background:rgba(127,216,255,.09);color:var(--ice);
  font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer}
.fitFind:disabled{opacity:.6;cursor:default}


.fitGarment{display:flex;flex-direction:column;gap:9px;padding:13px 14px;border-radius:var(--r-card);
  border:1px solid var(--line);background:rgba(255,255,255,.03)}
.fitGhead{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.fitGwhy{font-size:var(--fs-body);line-height:1.5;color:var(--mut)}
.fitShop{display:flex;flex-wrap:wrap;gap:8px}
.fitChip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 13px;
  border-radius:var(--r-pill);border:1px solid var(--line);background:rgba(255,255,255,.05);
  text-decoration:none;color:var(--txt);font-size:var(--fs-8);font-weight:700;
  transition:border-color .15s ease,background .15s ease}
.fitChip:hover,.fitChip:focus-visible{border-color:rgba(255,138,61,.55);background:rgba(255,138,61,.09);outline:none}
.fitChipStore{white-space:nowrap}
.fitChipBand{font-size:var(--fs-label);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.4px}
.fitChipGo{font-size:var(--fs-10);font-weight:800;color:var(--acc);line-height:1}
.fitDisc{font-size:var(--fs-label);line-height:1.5;color:var(--mut);opacity:.85;font-style:italic}
.fitEmpty{font-size:var(--fs-body);color:var(--mut);padding:8px 2px}
.fitCtaRow{display:flex;flex-wrap:wrap;gap:9px}
.fitCtaBtn{flex:1 1 calc(50% - 9px);min-width:140px;min-height:48px;padding:12px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);
  font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer}
.fitCtaBtn.primary{border:0;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0a0e17}
.fitRescan{width:100%;min-height:46px;margin-top:2px;padding:11px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt);
  font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer}


.fitStyle{display:flex;flex-direction:column;gap:9px;padding:12px;border-radius:var(--r-card);border:1px solid var(--line);background:rgba(255,255,255,.03)}
.fitStyleQ{font-size:var(--fs-11);font-weight:800;color:var(--txt)}
.fitStyleHint{font-size:var(--fs-6);line-height:1.5;color:var(--mut)}
.fitVibeChips{margin:2px 0}
.fitVibeChips .isChip{min-height:44px;display:inline-flex;align-items:center} 
.fitStyleNotes{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);font-family:inherit;font-size:var(--fs-read)}
.fitStyleNotes:focus{outline:none;border-color:rgba(255,138,61,.7)}
.fitStyleGo{width:100%;flex:none}
.fitBuilding{font-size:var(--fs-read);font-weight:700;color:var(--mut);padding:18px 4px;text-align:center}


.fitRackTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}
.fitRackHeadMain{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}
.fitRackTitle{font-size:var(--fs-12);font-weight:800;color:var(--txt)}
.fitStyleSummary{font-size:var(--fs-body);font-weight:700;color:var(--acc);line-height:1.45}
.fitStyleSummaryNote{color:var(--mut);font-weight:600}
.fitStyleEdit{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:9px 15px;
  border-radius:var(--r-pill);border:1px solid rgba(255,138,61,.5);background:rgba(255,138,61,.1);
  color:var(--acc);font-family:inherit;font-size:var(--fs-8);font-weight:800;cursor:pointer;white-space:nowrap;
  transition:background .15s ease}
.fitStyleEdit:hover,.fitStyleEdit:focus-visible{background:rgba(255,138,61,.17);outline:none}
.fitStyleBack{color:var(--mut)}
.fitRack{display:flex;flex-direction:column;gap:12px}
.fitHow{font-size:var(--fs-label);line-height:1.5;color:var(--mut);opacity:.85}










































































.isCard,.gCard,.celebCard,.adPanel{max-height:min(calc(92svh / var(--panel-zoom,1)),calc((var(--vvh,100svh) - 16px) / var(--panel-zoom,1)))}















#guide,#celebrate,#cardReveal,#breathe,#bcScan,#fbcOv,#consentOv,.consentOv,
.penOv,.arcMenuOv,.flashConsent{align-items:safe center}





.penOv{justify-content:safe center}


html.vvOffset .arcMenuOv .arcWrap{max-height:var(--vvh,88vh)}








@media (pointer:coarse){
  input[type=text],input[type=search],input[type=email],input[type=password],
  input[type=number],input[type=date],input[type=time],input:not([type]),
  textarea,select{font-size:var(--fs-13)!important}
}



.railDragging{cursor:grabbing}
.railDragging *{pointer-events:none}
.todayRail.railFadeR{mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 34px),transparent)}
.todayRail.railFadeL{mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000)}
.todayRail.railFadeL.railFadeR{mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34px,#000 calc(100% - 34px),transparent)}


.spInput{width:64px;padding:0 4px;text-align:center;font-size:var(--fs-13);font-weight:900;color:var(--gold);
  background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;font-family:inherit;outline:none}
.spInput:focus{border-color:rgba(255,210,77,.5)}




.oracleLead{font-size:var(--fs-read);color:var(--mut);line-height:1.5;margin:0 2px 15px}
.oracleOut{margin-bottom:16px}
.oracleList{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}
.oracleQ{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:11px 14px;
  background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;color:var(--txt);
  font-family:inherit;font-size:14.5px;font-weight:700;text-align:left;cursor:pointer;
  transition:background-color .18s,border-color .18s,transform .12s}
.oracleQ:hover{background:rgba(255,255,255,.06)}


.oracleQ.gated{opacity:.62;border-style:dashed}
.oracleQ.gated:hover{opacity:.9;border-color:var(--acc)}
.oracleQ.gated .oracleQT{font-weight:600}
.oracleQNeed{flex:0 0 auto;font-size:var(--fs-3);font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);color:var(--mut);white-space:nowrap}
.oracleGap{display:flex;flex-direction:column;gap:9px;align-items:flex-start;margin:13px 0 2px;
  padding:12px 14px;border:1px dashed var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.oracleGapTx{font-size:var(--fs-8);line-height:1.5;color:var(--mut)}
.oracleQ:active{transform:scale(.985)}
.oracleQ.on{background:rgba(255,138,61,.10);border-color:rgba(255,138,61,.35)}
.oracleQIc{font-size:var(--fs-16);flex:0 0 auto;line-height:1}
.oracleQT{flex:1 1 auto}
.oracleQGo{flex:0 0 auto;color:var(--mut);font-size:var(--fs-15);font-weight:900;opacity:.6}

.oracleV{border:1px solid var(--line);border-radius:16px;padding:15px 15px 13px;background:rgba(255,255,255,.028);
  animation:pop2 .22s ease}
.oracleV.oyes{border-color:rgba(62,229,148,.42);background:rgba(62,229,148,.06)}
.oracleV.ono{border-color:rgba(255,77,141,.42);background:rgba(255,77,141,.06)}
.oracleV.ocall{border-color:rgba(255,210,77,.42);background:rgba(255,210,77,.06)}
.oracleV.onodata{border-color:var(--line);background:rgba(255,255,255,.03)}
.oracleVPill{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oracleVIc{font-size:var(--fs-18);line-height:1}
.oracleVLab{font-size:var(--fs-15);font-weight:900;letter-spacing:.5px}
.oyes .oracleVLab{color:var(--grn)}
.ono .oracleVLab{color:var(--acc2)}
.ocall .oracleVLab{color:var(--gold)}
.onodata .oracleVLab{color:var(--mut);font-size:var(--fs-12)}
.oracleVFeel{font-size:var(--fs-6);font-weight:800;color:var(--mut);font-style:italic;margin-left:auto;letter-spacing:.2px}
.oracleVReason{font-size:var(--fs-10);color:var(--txt);line-height:1.55;margin-top:10px;opacity:.92}
.oracleVReason b{color:var(--gold);font-weight:800}
.oracleChips{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.oracleChip{font-size:var(--fs-4);font-weight:800;padding:5px 10px;border-radius:9px;border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);letter-spacing:.2px;font-variant-numeric:tabular-nums}
.oracleChip.good{color:var(--grn);border-color:rgba(62,229,148,.4)}
.oracleChip.bad{color:var(--acc2);border-color:rgba(255,77,141,.4)}
.oracleChip.na{color:var(--mut);border-style:dashed;opacity:.85}

.oracleFF{margin-top:4px}
.oracleFFRow{display:flex;gap:8px;align-items:stretch}
.oracleFFIn{flex:1 1 auto;min-width:0;min-height:46px;padding:10px 13px;font-size:var(--fs-11);color:var(--txt);font-family:inherit;
  background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;outline:none}
.oracleFFIn:focus{border-color:rgba(255,138,61,.5)}
.oracleFFIn::placeholder{color:var(--mut)}
.oracleFFGo{flex:0 0 auto;min-width:64px;min-height:46px;padding:0 18px;font-size:var(--fs-11);font-weight:800;
  color:#06080f;font-family:inherit;cursor:pointer;border:none;border-radius:12px;
  background:linear-gradient(90deg,var(--acc),var(--gold));transition:transform .12s,filter .18s}
.oracleFFGo:hover{filter:brightness(1.06)}
.oracleFFGo:active{transform:scale(.97)}




.grocMatchBtn{border-color:rgba(62,229,148,.34)}




.ppWrap{display:flex;flex-direction:column;gap:8px}
.ppNeed{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-12);font-weight:800;color:var(--gold);letter-spacing:.3px}
.ppInput{width:100%;min-height:44px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(8,11,19,.72);color:var(--txt);font:inherit;font-size:var(--fs-12)}
.ppInput:focus{outline:none;border-color:var(--acc)}
.ppGo,.ppSkip{min-height:44px;padding:10px 14px;border-radius:var(--r-pill);border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-weight:700;cursor:pointer}
.ppGo{border-color:var(--acc);color:var(--acc)}
.ppSkip{color:var(--mut);font-weight:600}
.ppGo:focus-visible,.ppSkip:focus-visible,.ppRow:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.ppRow{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;width:100%;
  min-height:44px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(255,255,255,.03);color:var(--txt);font:inherit;cursor:pointer;
  transition:border-color .18s ease,background .18s ease}
.ppRow:hover{border-color:var(--acc);background:linear-gradient(0deg,rgba(255,255,255,.06),rgba(255,255,255,.06)),rgba(8,11,19,.88)}
.ppRow[disabled]{opacity:.55;cursor:default}
.ppNm{font-weight:700;font-size:var(--fs-11);line-height:1.3}
.ppMeta{font-size:var(--fs-6);color:var(--mut)}
.ppHonest{font-size:var(--fs-label);color:var(--mut);line-height:1.45;margin-top:2px}




.ppRow.ppTop{border-color:color-mix(in srgb,var(--acc) 55%,transparent)}
.ppBadges{display:flex;flex-wrap:wrap;gap:4px;margin-top:1px}
.ppBadge{font-size:var(--fs-4);font-weight:700;letter-spacing:.2px;white-space:nowrap;
  padding:1px 6px;border-radius:999px;border:1px solid transparent}
.ppB-common{color:var(--mut);border-color:color-mix(in srgb,var(--mut) 30%,transparent)}
.ppB-protein{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 40%,transparent)}



.ppGap{font-style:italic;opacity:.9}
.ppMine{font-size:var(--fs-6);color:var(--gold);line-height:1.4;margin:2px 0 4px}



.rbShop{border-color:rgba(62,229,148,.34)}
.rbHead{display:flex;flex-direction:column;gap:6px}
.rbServe{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.rbServe .rbN{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-16);color:var(--gold);min-width:22px;text-align:center}
.rbMinus,.rbPlus{min-width:44px;min-height:44px;border-radius:var(--r-md);border:1px solid var(--line);
  background:rgba(255,255,255,.04);color:var(--txt);font-size:var(--fs-16);line-height:1;cursor:pointer}
.rbMinus:focus-visible,.rbPlus:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.rbBase{font-size:var(--fs-6);color:var(--mut)}
.rbList{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.rbRow{display:flex;flex-direction:column;gap:2px;padding:9px 11px;border-radius:var(--r-md);
  border:1px solid var(--line);background:rgba(255,255,255,.03)}
.rbNeedsPick{border-color:rgba(255,138,61,.38)}
.rbNm{font-weight:700;font-size:var(--fs-10);line-height:1.3}
.rbQty{font-size:var(--fs-body);color:var(--txt)}
.rbSpare,.rbHave{font-style:normal;font-size:var(--fs-label);color:var(--mut)}
.rbPick,.rbLink{align-self:flex-start;margin-top:4px;min-height:44px;display:inline-flex;align-items:center;
  font-size:var(--fs-body);font-weight:700;color:var(--acc);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}
.rbPick:focus-visible,.rbLink:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.rbManual{font-size:var(--fs-body);color:var(--mut);padding:4px 0}
.rbAside i{opacity:.75;font-style:normal}
.rbCopy{margin-top:8px}


.grocSecond{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:9px 0 2px}
.grocSecond .isLabel{width:100%;margin:0 0 2px}
.grocSecond .grocPasteBtn{flex:1 1 auto;min-height:44px;font-size:var(--fs-body);opacity:.86}

.rbWhy{font-size:var(--fs-label);color:var(--mut);margin-top:1px}

.rbHint{opacity:.8}





.capList{overflow:hidden;transition:max-height .28s cubic-bezier(.16,1,.3,1)}
.capList.capped{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 46px),transparent);
  mask-image:linear-gradient(180deg,#000 calc(100% - 46px),transparent)}
.capMore{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px 12px;
  border:1px solid var(--line);border-radius:var(--r-md);background:rgba(255,255,255,.04);
  color:var(--mut);font:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;
  transition-property:background-color,color,border-color;transition-duration:.15s}
.capMore:hover,.capMore:focus-visible{color:var(--txt);border-color:rgba(255,138,61,.34);outline:none}






.capMore.capInline{border:0;background:none;color:var(--acc);font-size:var(--fs-6);text-align:left;
  padding:0;margin-top:2px;white-space:normal}
.capMore.capInline:hover,.capMore.capInline:focus-visible{color:var(--txt);border:0;background:none}
@media(prefers-reduced-motion:reduce){.capList{transition:none}}





.wfVerdict{margin:10px 0 4px;padding:9px 12px;border-radius:var(--r-md);font-size:var(--fs-8);font-weight:700;
  line-height:1.35;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--txt)}
.wfVerdict.beat{border-color:rgba(62,229,148,.42);background:rgba(62,229,148,.10);color:var(--grn)}
.wfVerdict.match{border-color:rgba(255,210,77,.38);background:rgba(255,210,77,.08);color:var(--gold)}


.wfVerdict.under,.wfVerdict.trade{border-color:var(--line);background:rgba(255,255,255,.04);color:var(--mut)}
.wfVerdict.none{display:none}

.wfGoSub{margin-top:6px;text-align:center;font-size:var(--fs-label);color:var(--mut);letter-spacing:.02em}



.expMore{display:block}
.expMore .capMore{margin-top:4px}


.ldPhase{margin-top:9px;padding:9px 11px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.022);line-height:1.5}
.ldPhase.cut{font-size:var(--fs-3);color:var(--mut)}
.ldPhase.gray{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.ldPhase.up{font-size:var(--fs-3);color:var(--grn);border-color:rgba(61,220,132,.26);background:rgba(61,220,132,.05)}
.ldPhaseT{font-size:var(--fs-2);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.ldPhaseS{margin-top:4px;font-size:var(--fs-4);color:var(--mut);line-height:1.55}
.ldPhaseS.dim{margin-top:5px;opacity:.72;font-size:var(--fs-3)}



.ldCutsAdd{margin-top:9px;width:100%;padding:8px 10px;border-radius:11px;border:1px dashed var(--line);background:transparent;color:var(--mut);font-size:var(--fs-4);font-weight:700;cursor:pointer}
.ldCutsAdd:hover,.ldCutsAdd:focus-visible{color:var(--txt);border-color:var(--mut)}
.ldCuts{margin-top:9px}
.ldCutsHead{font-size:8.5px;letter-spacing:1px;text-transform:uppercase;font-weight:800;color:var(--mut);margin-bottom:6px}
.ldCutsRow{display:flex;flex-wrap:wrap;gap:5px}
.ldCut{padding:5px 9px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mut);font-size:var(--fs-3);font-weight:700;cursor:pointer;min-height:28px}



.ldCut.add,.ldCut.mng{min-width:44px;display:inline-flex;align-items:center;justify-content:center}
.ldCut:hover,.ldCut:focus-visible{border-color:var(--mut);color:var(--txt)}
.ldCut.done{border-color:rgba(61,220,132,.3);background:rgba(61,220,132,.07);color:var(--grn);cursor:default}
.ldCut.add{opacity:.7;font-weight:900}
.ldCut.mng{opacity:.55;font-size:var(--fs-label);padding:5px 8px}
.ldCut.mng:hover,.ldCut.mng:focus-visible{opacity:1}
.ldCutsNext{margin-top:7px;font-size:var(--fs-3);color:var(--mut);line-height:1.5}
.ldCutsNext.done{color:var(--grn);opacity:.85}


















.pAdj:focus-visible,.pRec:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:6px}
.mitoAsk input:focus-visible{box-shadow:0 0 0 2px rgba(70,160,255,.5);border-radius:6px}
.wfX,.editChipX,.grocRm{position:relative}
.mmClose::after,.wfX::after,.editChipX::after,.grocRm::after{content:"";position:absolute}
.mmClose::after{inset:-5px}
.wfX::after{inset:-3px}
.editChipX::after{inset:-5px}
.grocRm::after{inset:-8px}




.qtyPill{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:12px;padding:3px}
.qtyPill>input{flex:1;min-width:0;background:none;border:none;color:var(--txt);font:inherit;font-size:var(--fs-12);text-align:center;padding:9px 2px;outline:none}
.qtyPill:focus-within{border-color:rgba(255,210,77,.5)}
.qtyBtn{flex:0 0 auto;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-16);line-height:1;cursor:pointer}
.qtyBtn:hover{background:rgba(255,255,255,.09)}
.qtyBtn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}





.msHero{display:flex;align-items:baseline;gap:5px;justify-content:center;margin:4px 0 2px}
.msV{font-size:40px;font-weight:800;letter-spacing:-.02em;color:var(--txt);line-height:1}
.msU{font-size:var(--fs-12);font-weight:700;color:var(--mut)}
.msProv{text-align:center;font-size:var(--fs-6);color:var(--mut);margin:0 0 16px}
.msAside{text-align:center;font-size:var(--fs-6);color:var(--acc);opacity:.9;margin:-10px 0 16px}
.msField{margin:0 0 12px}
.msLbl{display:block;font-size:var(--fs-3);letter-spacing:1.5px;color:var(--mut);font-weight:800;text-transform:uppercase;margin-bottom:8px}
.msNote{font-size:var(--fs-6);color:var(--mut);line-height:1.55;margin:12px 0 4px}
.msWhy{color:var(--txt);opacity:.85}
.msLink{display:block;width:100%;margin-top:10px;padding:12px;min-height:44px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-size:var(--fs-read);text-align:left;cursor:pointer}
.msLink:hover{background:rgba(255,255,255,.08)}
.msLink:focus-visible{outline:2px solid var(--acc);outline-offset:2px}



.patWchip.thin{opacity:.72}
.patWchip.thin>i{color:var(--gold)}                    
.patWchip.onesided{opacity:.55}                        
.patWchip.nodata{opacity:.4;border-style:dashed}
.patWchip.flat{border-color:rgba(255,210,77,.28)}
.patWchip.flat>i{color:var(--acc);opacity:.8}
.patEmptyNear{font-size:var(--fs-body);line-height:1.55;color:var(--txt);max-width:44ch;margin:10px auto 0;
  padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04)}


.iAge{margin-left:7px;font-size:var(--fs-2);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);opacity:.75;white-space:nowrap}







.tFocusRow{display:flex;justify-content:flex-end;padding:0 2px;margin:0 0 -4px}
.tFocusBtn{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 12px;border:0;background:none;color:var(--mut);font:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer;border-radius:10px;transition:color .16s ease,transform .16s ease}
.tFocusBtn:hover,.tFocusBtn:focus-visible{color:var(--txt);transform:translateY(-1px)}
.tFocusBtn .tfChev{opacity:.7}




.labTabs{display:flex;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 10px;margin:0 0 2px}
.labTabs::-webkit-scrollbar{display:none}








.labTab{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 9px;border-radius:13px;border:1px solid var(--line);background:var(--glass);color:color-mix(in srgb,var(--txt) 76%,var(--mut));font:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;white-space:nowrap}
.labTab:hover{background:rgba(28,37,58,.92)}
.labTab:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.labTab.on{color:var(--txt);border-color:rgba(255,210,77,.45);background:linear-gradient(180deg,rgba(255,210,77,.17),rgba(255,210,77,.05)),rgba(20,27,44,.94)}
.ltIc{font-size:var(--fs-11);line-height:1}
.ltN{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.10);color:var(--mut);font-size:var(--fs-4);font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.labTab.on .ltN{background:rgba(255,210,77,.22);color:var(--acc)}


#view-lab[data-labg="test"] .labg:not(.labg-test),
#view-lab[data-labg="found"] .labg:not(.labg-found),
#view-lab[data-labg="rec"] .labg:not(.labg-rec){display:none}



.ltL{display:inline-block;max-width:11ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}




#view-today[data-tfocus="1"] .card.tAmb{display:none}



.streakSave.back{border-color:rgba(127,216,255,.34);background:linear-gradient(180deg,rgba(127,216,255,.09),rgba(180,123,255,.04));box-shadow:0 4px 16px rgba(127,216,255,.08)}
.streakSave.back .ssTxt b{color:var(--ice)}



.recBtnL{margin-left:5px;font-size:var(--fs-label);font-weight:700;letter-spacing:.01em}
@media(max-width:360px){.recBtnL{display:none}}

.prec.lpArm{transform:scale(.985);opacity:.85;transition:transform .12s ease,opacity .12s ease}



.isStep input.sv:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:8px}
.isStep input.sv::selection{background:rgba(255,210,77,.3)}





.wkS{position:relative;overflow:hidden;justify-content:flex-start;gap:2px;padding:10px 6px 9px}
.wkS::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--wkc,var(--line))}
.wkS.wA{--wkc:var(--acc)} .wkS.wB{--wkc:var(--acc2)} .wkS.wC{--wkc:var(--blu)}
.wkS.wX{--wkc:var(--pur)}

.wkS i{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:var(--fs-2);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.wkS i em{font-style:normal;font-size:var(--fs-label);line-height:1}
.wkS.done i,.wkS.done i em{color:var(--grn)}
.wkS.today i,.wkS.today i em{color:var(--gold)}
.wkS.prog i,.wkS.prog i em{color:var(--acc)}
.wkS.miss i,.wkS.miss i em{color:var(--acc2)}
.wkSfut{opacity:.4;justify-content:center}

.wkDot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;display:inline-block;background:currentColor;box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.strTab .wkDot{margin-right:2px}





.strBeat{flex:0 0 auto;min-width:52px;display:inline-flex;align-items:center;gap:3px;justify-content:flex-end;
  font-size:var(--fs-2);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut)}
.strBeat.up{color:var(--grn)}
.strBeat.dn{color:var(--acc2)}
.strBeat.same{color:var(--mut);opacity:.75}
.strBeat.base{color:var(--gold)}

.wkS{cursor:pointer}
.wkS.sel{border-color:rgba(180,123,255,.55);background:rgba(180,123,255,.10);box-shadow:0 0 12px rgba(180,123,255,.16)}
.wkS.full{border-color:rgba(62,229,148,.45);background:rgba(62,229,148,.06)}
.wkS.full i,.wkS.full i em{color:var(--grn)}
.wkS.full::after{content:"";position:absolute;right:7px;top:7px;width:6px;height:6px;border-radius:50%;
  background:var(--grn);box-shadow:0 0 0 3px rgba(62,229,148,.18)}

.ia3BankLbl{margin-top:16px}



.strTabs:has(> .strTab:only-child){justify-content:flex-end;margin-top:-4px}
.strTabs:has(> .strTab:only-child) .strTabAdd{min-width:44px}





























@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    animation-delay:0s!important;
    transition-duration:.01ms!important;
    transition-delay:0s!important}
  html{scroll-behavior:auto!important}
  

  #mitoRoam .rShadow{scale:1;opacity:1}
}




.rampRow{border:1px solid var(--line);border-radius:14px;padding:12px 13px 11px;margin:0 0 12px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 7%,transparent),transparent)}
.rampHead{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.rampIc{font-size:var(--fs-14);line-height:1}
.rampNm{font-weight:700;font-size:var(--fs-11);letter-spacing:.01em;color:var(--txt)}
.rampWhy{margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;position:relative;
  border:1px solid var(--line);background:transparent;color:var(--mut);
  font-size:var(--fs-body);font-weight:700;line-height:1;cursor:pointer;display:grid;place-items:center}
.rampWhy:hover{color:var(--txt);border-color:var(--acc)}


.rampWhy::after{content:"";position:absolute;inset:-9px}
.rampHow{font-size:var(--fs-read);line-height:1.45;color:var(--txt);margin-bottom:9px}
.rampDots{display:flex;align-items:center;gap:5px}
.rampDot{width:9px;height:9px;border-radius:50%;flex:none;
  border:1px solid var(--line);background:transparent}
.rampDot.on{background:var(--acc);border-color:var(--acc)}
.rampWk{margin-left:6px;font-size:var(--fs-6);color:var(--mut)}
.rampOut{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);
  font-size:var(--fs-6);line-height:1.4;color:var(--mut)}

.snackCap{color:var(--mut);font-weight:600}
.snackOver{color:var(--gold);font-weight:700}






.dvRow{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px dashed rgba(255,255,255,.07);
  border-radius:10px;cursor:pointer;min-height:44px;transition:background .15s}
.dvRow:last-of-type{border-bottom:0}
.dvRow:hover,.dvRow:focus-visible{background:rgba(255,255,255,.04);outline:none}
.dvRank{flex:0 0 22px;text-align:center;font-family:'Chakra Petch',sans-serif;font-size:var(--fs-read);font-weight:800;color:var(--mut)}
.dvMid{flex:1;min-width:0}
.dvNm{font-size:var(--fs-10);font-weight:700;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dvMeta{font-size:var(--fs-6);color:var(--mut);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}





.dvRetry{position:relative;display:inline-block;margin-left:8px;padding:5px 11px;border-radius:99px;
  border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--txt);
  font-size:var(--fs-label);font-weight:800;cursor:pointer;
  transition-property:background-color,border-color,color,transform;transition-duration:.12s}
.dvRetry:hover{border-color:rgba(255,210,77,.5);color:var(--gold)}
.dvRetry:active{transform:scale(.94)}
.dvRetry::after{content:"";position:absolute;inset:-10px -8px}
.dvScore{flex:0 0 auto;display:inline-flex;align-items:baseline;gap:1px;padding:3px 8px;border-radius:10px;
  background:rgba(255,138,61,.10);border:1px solid rgba(255,138,61,.35);color:var(--acc)}
.dvScore b{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-11);font-weight:900;line-height:1}
.dvScore i{font-style:normal;font-size:var(--fs-2);opacity:.7}
.dvScore.dvUnrated{background:none;border-style:dashed;border-color:var(--line);color:var(--mut);font-size:var(--fs-read);font-weight:700}

.dvStale{margin-top:10px;padding-top:9px;border-top:1px dashed var(--line)}
.dvStaleHd{font-size:var(--fs-4);font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.dvStaleRow{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;min-height:44px;
  padding:6px 4px;border:0;background:none;cursor:pointer;border-radius:9px;
  font-family:inherit;font-size:var(--fs-body);font-weight:600;color:var(--txt);text-align:left;transition:background .15s}
.dvStaleRow:hover,.dvStaleRow:focus-visible{background:rgba(255,255,255,.05);outline:none}
.dvStaleRow span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dvStaleRow i{flex:0 0 auto;font-style:normal;font-size:var(--fs-label);color:var(--mut)}

.dvBtn{display:flex;width:100%;min-height:44px;margin-top:8px;padding:11px;align-items:center;justify-content:center;gap:6px;
  border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--txt);
  font-family:inherit;font-size:var(--fs-8);font-weight:700;cursor:pointer;text-decoration:none;
  transition:background .15s,border-color .15s}
.dvBtn:hover,.dvBtn:focus-visible{background:rgba(255,255,255,.08);outline:none}
.dvBtn.dvFind{border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.10);color:var(--acc)}


.dvResearching{display:flex;flex-direction:column;align-items:center;gap:10px;padding:26px 12px;
  color:var(--mut);font-size:var(--fs-read);text-align:center}
.dvResSpin{font-size:28px;animation:dvSpin 2.4s linear infinite}
@keyframes dvSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.dvResSpin{animation:none}}
.dvRoute{margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:14px;
  background:rgba(255,255,255,.03)}
.dvRtHead{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dvRtHead b{font-size:var(--fs-11);color:var(--txt)}
.dvRtMeta{font-size:var(--fs-6);font-weight:700;color:var(--acc);flex:0 0 auto}
.dvRtWhy{margin-top:6px;font-size:var(--fs-body);line-height:1.5;color:var(--txt)}
.dvRtLine{margin-top:5px;font-size:var(--fs-6);line-height:1.45;color:var(--mut)}



.dvRtLeg{display:flex;gap:7px;align-items:baseline;margin-top:4px;font-size:var(--fs-6);
  line-height:1.45;color:var(--txt)}
.dvRtLeg .dvRtPin{flex:0 0 auto;width:11px;text-align:center;font-size:var(--fs-1);color:var(--acc);opacity:.85}
.dvRtVia{color:var(--mut);font-size:var(--fs-label)}
.dvRtVia .dvRtPin{color:var(--mut);opacity:.6}


.dvRtMe{color:var(--mut);font-size:var(--fs-label)}
.dvRtMe .dvRtPin{color:var(--acc);opacity:.7}

.dvNavRow{display:flex;align-items:center;gap:12px;min-height:56px;padding:9px 13px;margin-top:8px;
  border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);
  text-decoration:none;color:var(--txt)}
.dvNavRow:hover,.dvNavRow:focus-visible{border-color:var(--acc);background:rgba(255,255,255,.07);outline:none}
.dvNavIc{flex:0 0 auto;font-size:var(--fs-3);line-height:1}
.dvNavTx{display:flex;flex-direction:column;gap:2px;min-width:0}
.dvNavTx b{font-size:var(--fs-body);font-weight:700}
.dvNavTx i{font-style:normal;font-size:var(--fs-label);color:var(--mut);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




.dvRtBtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}




.dvRtGo{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 16px;white-space:nowrap;
  border-radius:12px;text-decoration:none;font-size:var(--fs-8);font-weight:800;color:#06080f;
  background:linear-gradient(135deg,var(--acc),var(--acc2))}



.dvRtMark{flex:0 0 auto;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);
  background:none;color:var(--mut);font-family:inherit;font-size:var(--fs-label);font-weight:600;cursor:pointer}
.dvRtMark:hover,.dvRtMark:focus-visible{color:var(--txt);border-color:var(--acc);outline:none}
.dvRoute.dvRtGone{opacity:0;transform:translateX(14px);transition:opacity .24s,transform .24s}
.dvRtSave{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:12px;border:1px solid var(--line);
  background:transparent;color:var(--mut);font-size:var(--fs-body);font-weight:700;cursor:pointer}
.dvRtSave:hover,.dvRtSave:focus-visible{color:var(--txt);border-color:var(--acc);outline:none}
.dvRtSave:disabled{opacity:.75;cursor:default}
.dvRtProse{font-size:var(--fs-8);line-height:1.6;color:var(--txt);white-space:pre-wrap}
.dvBtn.dvFind:hover,.dvBtn.dvFind:focus-visible{background:rgba(255,138,61,.18)}


.dvBtn.dvLink{color:var(--blu);text-decoration:none;border-color:rgba(70,160,255,.35);background:rgba(70,160,255,.08)}
.dvBtn.dvLink:hover,.dvBtn.dvLink:focus-visible{background:rgba(70,160,255,.16)}
.dvBtn.dvDel{margin-top:14px;color:var(--mut);border-style:dashed;font-weight:600}
.dvBtn.dvDel:hover,.dvBtn.dvDel:focus-visible{color:var(--txt)}

.dvSheetTop{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:var(--fs-body);color:var(--mut);line-height:1.5}
.dvSheetTop i{font-style:normal;font-size:var(--fs-label);opacity:.85}
.dvCritRow{display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:8px;padding:3px 0}
.dvCritNm{font-size:var(--fs-body);font-weight:600;color:var(--txt);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dvStars{display:flex;gap:1px}
.dvStar{width:34px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;
  color:var(--mut);font-size:var(--fs-14);line-height:1;cursor:pointer;border-radius:9px;transition:color .15s,background .15s}
.dvStar.on{color:var(--gold)}
.dvStar:hover,.dvStar:focus-visible{background:rgba(255,255,255,.07);outline:none}
.dvCritV{font-family:'Chakra Petch',sans-serif;font-size:var(--fs-body);font-weight:800;color:var(--mut);text-align:right}
.dvHint{margin-top:8px;font-size:var(--fs-label);line-height:1.45;color:var(--mut);opacity:.85}





.dvCached{opacity:1;margin-bottom:10px}
















.rcfgStrip{display:flex;align-items:center;gap:9px;width:100%;min-height:44px;
  padding:6px 12px;margin:0 0 6px;border:0;cursor:pointer;text-align:left;
  background:rgba(8,11,20,.55);border-radius:12px;
  color:var(--mut);font-size:var(--fs-label);line-height:1.35;font-family:inherit}
.rcfgStrip:hover{color:var(--txt)}
.rcfgStrip:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:10px}
.rcfgIc{flex:0 0 auto;opacity:.75}
.rcfgMid{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.rcfgStrip.rcfgEmpty{color:var(--acc)}
.rcfgStrip.rcfgEmpty .rcfgIc{opacity:1}












.dvShots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:10px 0 4px}
.dvShot{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.03);text-decoration:none}
.dvShotImg{width:100%;height:88px;object-fit:cover;display:block;background:rgba(255,255,255,.05)}
.dvShotCr{display:block;padding:5px 7px;font-size:var(--fs-2);line-height:1.3;color:var(--mut);font-style:normal;overflow-wrap:anywhere}
.dvShot:hover{border-color:var(--acc)}

.dvWhy{margin:8px 0 2px;color:var(--mut);font-size:var(--fs-5);line-height:1.4}
.dvLegs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0}
.dvLeg{padding:4px 9px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:var(--fs-4);font-weight:700}
.dvLegArr{color:var(--mut)}
.dvGoBtn{width:100%;margin:10px 0 2px;min-height:44px}


.dvLib{width:100%;min-height:44px;margin-top:8px}
.dvRangeChip{min-height:44px;border-color:rgba(255,138,61,.45);background:rgba(255,138,61,.10);color:var(--txt);font-weight:700}
.dvRangeChip:hover{border-color:var(--acc);background:rgba(255,138,61,.18)}

.anRow.anGo{cursor:pointer}
.anRow.anGo:hover,.anRow.anGo:focus-visible{background:rgba(255,255,255,.04);outline:none;border-radius:9px}
@media (max-width:400px){
  .dvCritRow{grid-template-columns:1fr auto}
  .dvCritV{display:none}          
  .dvStar{width:30px}
}


.dvType{margin-right:5px;font-size:var(--fs-body);opacity:.85}
.dvTypeChip{min-height:44px}




#view-today[data-calm="1"] .card{display:none}
#view-today[data-calm="1"] .tFocusRow{display:flex;justify-content:center;margin:22px 0}
.calmWrap{display:flex;flex-direction:column;gap:12px}
.calmLead{font-size:var(--fs-8);color:var(--mut);line-height:1.5}
.calmOne{font-size:var(--fs-12);line-height:1.5;color:var(--txt);font-weight:600;
  border:1px solid var(--line);border-radius:14px;padding:14px 15px;
  background:color-mix(in srgb,var(--acc) 6%,transparent)}
.calmBreathe{min-height:52px;border-radius:14px;border:1px solid var(--acc);
  background:color-mix(in srgb,var(--acc) 12%,transparent);color:var(--txt);
  font-size:var(--fs-11);font-weight:700;cursor:pointer}
.calmOut{min-height:44px;border-radius:12px;border:1px solid var(--line);
  background:transparent;color:var(--mut);font-size:var(--fs-read);cursor:pointer}
.calmFine{font-size:var(--fs-label);color:var(--mut);line-height:1.45;text-align:center}
.calmBack{opacity:.85}


.onbTxtBtns.onbNeed{align-items:center}
.onbNeedWhy{font-size:var(--fs-6);line-height:1.4;color:var(--mut);flex:1;min-width:0;text-align:left;transition:color .18s ease}



.onbNeedWhy.hot{color:var(--txt);animation:onbNeedPulse .5s ease}
@keyframes onbNeedPulse{0%{opacity:.45}40%{opacity:1}100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.onbNeedWhy.hot{animation:none}}



.qWhy{margin-left:6px;width:17px;height:17px;flex:0 0 auto;vertical-align:1px;
  border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--mut);
  font-size:var(--fs-3);font-weight:800;line-height:1;cursor:help;padding:0;
  display:inline-grid;place-items:center}
.qWhy:hover,.qWhy:focus-visible{color:var(--txt);border-color:var(--acc);outline:none}
.q.done .qWhy{opacity:.45}

.recGroupHd{margin:14px 0 6px;padding-top:10px;border-top:1px dashed var(--line);
  font-size:var(--fs-4);font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--mut)}
.recGroupHd i{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;opacity:.8}


.recFoodMore{opacity:.85}


.cartWeek{margin-top:10px;padding:12px}
.cwHead{font-size:var(--fs-label);font-weight:800;letter-spacing:.3px;color:var(--mut);margin-bottom:8px}
.cwHead2{margin-top:14px}
.cwList{display:flex;flex-direction:column;gap:2px}
.cwRow{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;
  border-bottom:1px solid var(--line);flex-wrap:wrap}
.cwRow:last-child{border-bottom:0}
.cwWhat{font-size:var(--fs-read);font-weight:600;color:var(--txt);flex:1 1 auto;min-width:0}
.cwWhy{font-size:var(--fs-label);color:var(--mut);flex:0 1 auto;min-width:0}
.cwMore{font-size:var(--fs-label);color:var(--mut);padding-top:8px}


.cwNoteLine{display:block;font-size:var(--fs-label);font-weight:500;font-style:normal;color:var(--mut);margin-top:1px}
.cwHave{font-weight:600;color:var(--mut)}
.cwAsideList .cwWhat{font-weight:500;color:var(--mut)}
.cwAsideRow{min-height:38px}
.cwNote{display:flex;flex-direction:column;gap:3px;padding:8px 0;font-size:var(--fs-body);
  color:var(--mut);border-bottom:1px solid var(--line)}
.cwNote:last-child{border-bottom:0}
.cwNote b{color:var(--txt);font-size:var(--fs-8)}
.cwWarn{color:var(--gold)}

.vbTagRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.vbTagLbl{font-size:var(--fs-4);font-weight:700;letter-spacing:.3px;color:var(--mut);flex:0 0 auto}


.vbTagChip{min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(255,255,255,.05);color:var(--txt);font-size:var(--fs-body);font-weight:600;cursor:pointer}
.vbTagChip:hover,.vbTagChip:focus-visible{border-color:var(--acc);outline:none}


#wflow .vbTagFoot{justify-content:center;margin-top:14px}








.qWhy{position:relative}
.qWhy::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:44px;transform:translate(-50%,-50%)}

.grocGrpAll{position:relative}
.grocGrpAll::after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}


.ldCut,.afKeep{position:relative}
.ldCut::after,.afKeep::after{content:"";position:absolute;top:50%;left:0;right:0;height:44px;transform:translateY(-50%)}


.statAsk{display:block;width:100%;min-height:44px;margin-top:10px;padding:10px;border-radius:11px;
  border:1px dashed rgba(255,138,61,.45);background:rgba(255,138,61,.08);color:var(--acc);
  font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer}
.statAsk:hover,.statAsk:focus-visible{background:rgba(255,138,61,.16);outline:none}




.mmPick.mmPickGo{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;
  transition:background .15s,border-color .15s}
.mmPick.mmPickGo:hover,.mmPick.mmPickGo:focus-visible{background:rgba(255,138,61,.14);
  border-color:rgba(255,138,61,.6);outline:none}
.mmPick.mmPickGo .mmPickHint{color:var(--acc)}








@media (min-width:780px){
  .isCard.wide{max-width:900px}
  

  .isCard.wide .planHabits{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
  

  .isCard.wide .planHabits > .planAnchorEd{grid-column:1/-1}
}
@media (min-width:1180px){
  .isCard.wide{max-width:1060px}
  .isCard.wide .planHabits{grid-template-columns:1fr 1fr 1fr}
}








.qtyPill > input{min-width:3.2em}
.beTape,.planTape{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px}
.beTape label{min-width:0}


.strBackPlan{display:block;width:100%;min-height:44px;margin:0 0 10px;padding:9px 12px;
  border-radius:11px;border:1px dashed rgba(255,138,61,.4);background:rgba(255,138,61,.06);
  color:var(--acc);font-family:inherit;font-size:var(--fs-body);font-weight:700;text-align:left;cursor:pointer}
.strBackPlan:hover,.strBackPlan:focus-visible{background:rgba(255,138,61,.13);outline:none}

























.btnPrimary,.btnSecondary,.btnQuiet{
  min-height:44px;border-radius:var(--r-md);cursor:pointer;font-family:inherit;
  transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.18s}







.btnPrimary.btnPrimary{font-size:14px}
.btnSecondary.btnSecondary{font-size:13px}
.btnQuiet.btnQuiet{font-size:12px}


.btnPrimary.btnPrimary{
  background:linear-gradient(rgba(17,13,22,.94),rgba(17,13,22,.94)) padding-box,
             linear-gradient(135deg,var(--acc),var(--acc2)) border-box!important;
  border:1px solid transparent!important;color:var(--txt)!important;text-shadow:none;
  font-weight:800;box-shadow:0 4px 20px rgba(255,110,90,.10)!important}
.btnPrimary.btnPrimary:hover,.btnPrimary.btnPrimary:focus-visible{
  box-shadow:0 6px 26px rgba(255,110,90,.24)!important;filter:none;outline:none;transform:translateY(-1px)}
.btnPrimary.btnPrimary:active{transform:scale(.985)}


.btnSecondary.btnSecondary{
  border:1px solid rgba(255,210,77,.42)!important;background:rgba(255,210,77,.07)!important;
  color:var(--gold)!important;text-shadow:none;box-shadow:none!important;
  font-family:'Chakra Petch','Space Grotesk',sans-serif;font-weight:800;letter-spacing:.02em}
.btnSecondary.btnSecondary:hover,.btnSecondary.btnSecondary:focus-visible{
  background:rgba(255,210,77,.14)!important;border-color:rgba(255,210,77,.7)!important;filter:none;outline:none}
.btnSecondary.btnSecondary:active{transform:scale(.985)}


.btnQuiet.btnQuiet{
  border:1px solid var(--line)!important;background:rgba(255,255,255,.03)!important;
  color:var(--mut)!important;text-shadow:none;box-shadow:none!important;font-weight:700}
.btnQuiet.btnQuiet:hover,.btnQuiet.btnQuiet:focus-visible{
  color:var(--txt)!important;border-color:rgba(255,138,61,.45)!important;
  background:rgba(255,138,61,.08)!important;filter:none;outline:none}
.btnQuiet.btnQuiet:active{transform:scale(.985)}




.btnQuiet.btnAdd.btnAdd{border-style:dashed!important}

@media(prefers-reduced-motion:reduce){
  .btnPrimary.btnPrimary:hover,.btnPrimary.btnPrimary:focus-visible,
  .btnPrimary.btnPrimary:active,.btnSecondary.btnSecondary:active,.btnQuiet.btnQuiet:active{transform:none}
}


























#mitoRoam.pendHatch .rIn{animation:mhWait 2.6s ease-in-out infinite}
@keyframes mhWait{0%,62%,100%{transform:rotate(0) scale(1)}
  68%{transform:rotate(-4deg) scale(1.03,.97)}74%{transform:rotate(3deg) scale(.98,1.02)}
  80%{transform:rotate(-2deg)}86%{transform:rotate(1deg)}}
#mitoRoam.pendHatch::after{content:"";position:absolute;inset:-6px;border-radius:50%;
  border:2px solid var(--gold,#ffd24d);opacity:0;animation:mhHalo 2.6s ease-out infinite;pointer-events:none}
@keyframes mhHalo{0%,55%{opacity:0;transform:scale(.9)}70%{opacity:.55;transform:scale(1)}100%{opacity:0;transform:scale(1.25)}}



.hatchCTA{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;
  padding:13px 15px;border-radius:15px;cursor:pointer;text-align:left;font-family:inherit;
  border:1px solid color-mix(in srgb,var(--gold,#ffd24d) 45%,transparent);
  background:linear-gradient(135deg,color-mix(in srgb,var(--gold,#ffd24d) 13%,transparent),transparent 70%)}




.hatchCTA::after{content:"";position:absolute;inset:-1px;border-radius:16px;pointer-events:none;
  border:2px solid color-mix(in srgb,var(--gold,#ffd24d) 40%,transparent);
  opacity:0;animation:mhCTA 3.4s ease-in-out infinite;will-change:transform,opacity}
@keyframes mhCTA{0%,100%{opacity:0;transform:scale(1)}
  45%{opacity:.75;transform:scale(1)}100%{opacity:0;transform:scale(1.035)}}
.hatchCTA .hcTx{flex:1 1 auto;min-width:0} 
.hatchCTA .hcEgg{flex:0 0 auto;width:34px;height:34px}
.hatchCTA .hcEgg svg{width:100%;height:100%;display:block}
.hatchCTA b{display:block;font-size:var(--fs-read);color:var(--gold,#ffd24d);letter-spacing:.2px}
.hatchCTA span{display:block;font-size:var(--fs-6);line-height:1.4;color:var(--mut);margin-top:2px}


#mitoHatch{position:fixed;inset:0;z-index:95;display:none;overflow:hidden}
#mitoHatch.on{display:block}
.mhScrim{cursor:pointer}   





.mhScrim{position:absolute;inset:0;background:rgba(6,8,15,.62);opacity:0;animation:mhIn .45s ease forwards}
@keyframes mhIn{to{opacity:1}}
#mitoHatch.out .mhScrim{animation:mhOut .5s ease forwards}
@keyframes mhOut{to{opacity:0}}



.mhStage{position:absolute;left:50%;top:42%;width:172px;height:172px;margin:-86px 0 0 -86px;
  transform:translate(var(--sx,0px),var(--sy,0px)) scale(var(--ss,.42));
  animation:mhTravel .72s cubic-bezier(.34,1.28,.5,1) .25s forwards}
@keyframes mhTravel{to{transform:translate(0,0) scale(1)}}
.mhEgg,.mhMito{position:absolute;inset:0}
.mhEgg{transform-origin:50% 78%}
.mhMito{opacity:0;transform-origin:50% 88%}
.mhEgg svg,.mhMito svg{width:100%;height:100%;display:block;overflow:visible}



.mhEgg.k1{animation:mhK1 .34s cubic-bezier(.36,.07,.19,.97)}
.mhEgg.k2{animation:mhK2 .38s cubic-bezier(.36,.07,.19,.97)}
.mhEgg.k3{animation:mhK3 .46s cubic-bezier(.36,.07,.19,.97)}
@keyframes mhK1{0%,100%{transform:rotate(0) scale(1)}
  35%{transform:rotate(-2.5deg) scale(1.015,.985)}70%{transform:rotate(1.6deg) scale(.99,1.01)}}
@keyframes mhK2{0%,100%{transform:rotate(0) scale(1)}
  30%{transform:rotate(4.5deg) scale(1.035,.965)}62%{transform:rotate(-3.2deg) scale(.975,1.025)}84%{transform:rotate(1.4deg)}}
@keyframes mhK3{0%,100%{transform:rotate(0) scale(1)}
  22%{transform:rotate(-7deg) scale(1.06,.94)}48%{transform:rotate(6deg) scale(.945,1.055)}
  70%{transform:rotate(-3.5deg) scale(1.03,.97)}88%{transform:rotate(1.8deg)}}



.mhCrack{position:absolute;inset:0;opacity:0;pointer-events:none}
.mhCrack.go{opacity:1}
.mhCrack path{fill:none;stroke:#fff8e6;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 5px rgba(255,214,120,.9));stroke-dasharray:200;stroke-dashoffset:200}
.mhCrack.go path{animation:mhDraw .62s cubic-bezier(.5,0,.6,1) forwards}
@keyframes mhDraw{to{stroke-dashoffset:0}}



.mhShell{position:absolute;inset:0}
.mhShell.top{clip-path:polygon(0 0,100% 0,100% 45%,74% 51%,50% 43%,26% 52%,0 46%)}
.mhShell.bot{clip-path:polygon(0 46%,26% 52%,50% 43%,74% 51%,100% 45%,100% 100%,0 100%)}
.mhShell.top.go{animation:mhTop .8s cubic-bezier(.3,.8,.4,1) forwards}
.mhShell.bot.go{animation:mhBot .8s cubic-bezier(.3,.8,.4,1) forwards}
@keyframes mhTop{to{transform:translate(-48px,-108px) rotate(-38deg);opacity:0}}
@keyframes mhBot{to{transform:translate(40px,74px) rotate(24deg);opacity:0}}

.mhShard{position:absolute;left:50%;top:50%;width:9px;height:11px;margin:-5px 0 0 -4px;
  background:linear-gradient(150deg,#fff4d8,#e8c78a 60%,#b98f4e);border-radius:2px 3px 2px 3px;
  opacity:0;animation:mhShard .9s cubic-bezier(.2,.7,.4,1) forwards;pointer-events:none}
@keyframes mhShard{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.7)}
  70%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--dr)) scale(.5)}}

.mhFlash{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-170px 0 0 -170px;
  border-radius:50%;opacity:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,252,240,.96) 0%,rgba(255,214,120,.5) 38%,transparent 70%)}
.mhFlash.go{animation:mhFlash .26s ease-out forwards}
@keyframes mhFlash{0%{opacity:0;transform:scale(.25)}22%{opacity:1}100%{opacity:0;transform:scale(1.5)}}


.mhMito.go{animation:mhLand .68s cubic-bezier(.2,1.5,.4,1) forwards}
@keyframes mhLand{0%{opacity:0;transform:scale(.34) translateY(-10px)}
  30%{opacity:1;transform:scale(1.16,.82) translateY(6px)}
  55%{transform:scale(.94,1.08) translateY(-4px)}
  78%{transform:scale(1.03,.97)}100%{opacity:1;transform:scale(1)}}









.mhMito.hello{opacity:1;animation:mhHello 1.5s ease}
@keyframes mhHello{0%,100%{opacity:1;transform:scale(1) rotate(0)}
  14%{transform:scale(1.04,.95)}24%{transform:scale(1)}
  38%{transform:scale(1.04,.95)}48%{transform:scale(1)}
  70%{transform:rotate(-4deg)}86%{transform:rotate(2deg)}}

.mhStage.home{animation:mhHome .8s cubic-bezier(.5,0,.2,1) forwards}









@keyframes mhHome{
  0%{transform:translate(0,0) scale(1);opacity:1}
  82%{opacity:1}
  100%{transform:translate(var(--sx,0px),var(--sy,0px)) scale(var(--ss,.42));opacity:0}}

.mhSkip{position:absolute;right:14px;bottom:calc(22px + env(safe-area-inset-bottom,0px));
  min-height:44px;padding:8px 15px;border-radius:999px;font-family:inherit;font-size:var(--fs-body);font-weight:700;
  border:1px solid rgba(255,255,255,.16);background:rgba(10,13,22,.55);color:var(--mut);cursor:pointer;
  




  opacity:1}
.mhSkip:hover,.mhSkip:focus-visible{color:var(--txt);border-color:rgba(255,255,255,.3);outline:none}


.abList{display:flex;flex-direction:column;gap:9px;margin:4px 0 2px}
.abRow{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border-radius:13px;
  border:1px solid var(--line);background:rgba(255,255,255,.022);
  opacity:0;transform:translateY(7px);animation:abIn .42s cubic-bezier(.16,1,.3,1) forwards}
@keyframes abIn{to{opacity:1;transform:none}}
.abRow .abIc{flex:0 0 auto;font-size:var(--fs-16);line-height:1.2;width:24px;text-align:center}
.abRow .abTx{flex:1 1 auto;min-width:0}
.abRow b{display:block;font-size:var(--fs-8);color:var(--txt);letter-spacing:.1px}
.abRow span{display:block;font-size:var(--fs-6);line-height:1.45;color:var(--mut);margin-top:2px}



.abRow .abGo{flex:0 0 auto;align-self:center;min-height:44px;padding:0 12px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:transparent;
  color:var(--acc);font-family:inherit;font-size:var(--fs-6);font-weight:700;cursor:pointer;white-space:nowrap}
.abRow .abGo:hover,.abRow .abGo:focus-visible{background:color-mix(in srgb,var(--acc) 12%,transparent);outline:none}
.abNext{margin-top:11px;padding:9px 11px;border-radius:11px;border:1px dashed var(--line);
  font-size:var(--fs-label);line-height:1.45;color:var(--mut)}




@media(prefers-reduced-motion:reduce){
  #mitoRoam.pendHatch .rIn,#mitoRoam.pendHatch::after,.hatchCTA::after{animation:none!important}
  .hatchCTA{box-shadow:0 0 0 2px color-mix(in srgb,var(--gold,#ffd24d) 30%,transparent)}
  .mhStage{animation:none!important;transform:none!important}
  .mhEgg.k1,.mhEgg.k2,.mhEgg.k3,.mhMito.hello{animation:none!important}
  .mhShell.top.go,.mhShell.bot.go{animation:mhRMOut .34s ease forwards!important}
  @keyframes mhRMOut{to{opacity:0}}
  .mhCrack.go path{animation:mhDraw .3s linear forwards!important}
  .mhShard{display:none!important}
  .mhFlash.go{animation:mhRMFlash .3s ease forwards!important}
  @keyframes mhRMFlash{0%{opacity:0}40%{opacity:.85}100%{opacity:0}}
  .mhMito.go{animation:mhRMIn .42s ease forwards!important}
  @keyframes mhRMIn{from{opacity:0}to{opacity:1}}
  .mhStage.home{animation:mhRMHome .4s ease forwards!important}
  @keyframes mhRMHome{to{opacity:0}}
  .abRow{animation:none!important;opacity:1;transform:none}
}





.wfResume{border-color:color-mix(in srgb,var(--acc) 34%,transparent)}
.wfResRow{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;margin-top:8px;
  padding:11px 13px;border-radius:13px;cursor:pointer;text-align:left;font-family:inherit;
  border:1px solid var(--line);background:rgba(255,255,255,.022)}
.wfResRow:hover,.wfResRow:focus-visible{border-color:color-mix(in srgb,var(--acc) 45%,transparent);
  background:color-mix(in srgb,var(--acc) 7%,transparent);outline:none}
.wfResRow .wrTx{flex:1 1 auto;min-width:0}
.wfResRow b{display:block;font-size:var(--fs-read);color:var(--txt)}
.wfResRow .wrSub{display:block;font-size:var(--fs-6);line-height:1.45;color:var(--mut);margin-top:2px}
.wfResRow .wrGo{flex:0 0 auto;padding:0 13px;min-height:44px;display:flex;align-items:center;
  border-radius:10px;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);
  color:var(--acc);font-size:var(--fs-body);font-weight:700;white-space:nowrap}


.hubHeroSkip{display:block;margin:9px 0 0;min-height:44px;padding:0 4px;background:none;border:0;
  color:var(--mut);font-family:inherit;font-size:var(--fs-6);text-decoration:underline;
  text-underline-offset:3px;cursor:pointer}
.hubHeroSkip:hover,.hubHeroSkip:focus-visible{color:var(--txt);outline:none}

























#mitoRoam.rDock .mitoSay{left:100%;right:auto;bottom:calc(100% - 24px);transform:none;scale:1.923;transform-origin:0 100%;
  max-width:min(240px,calc((100vw - 58px) / 1.923))}



#mitoRoam.rDock .mitoSay.edgeL{left:100%;right:auto;transform:none}
#mitoRoam.rDock .mitoSay.edgeR{left:auto;right:100%;transform:none;transform-origin:100% 100%}



#mitoRoam .mitoSay.ask{pointer-events:auto;cursor:pointer;
  border-color:color-mix(in srgb,var(--acc) 70%,var(--line));
  box-shadow:0 6px 22px rgba(0,0,0,.45)}
#mitoRoam .mitoSay.ask::after{content:"›";margin-left:7px;color:var(--acc);font-weight:800}
#mitoRoam .mitoSay.ask:focus-visible{outline:2px solid var(--acc);outline-offset:2px}



.mrxQ{font-size:var(--fs-read);line-height:1.5;color:var(--txt);font-weight:600;margin:2px 0 14px}
.mrxRows{display:flex;flex-direction:column;gap:8px}
.mrxA{display:flex;align-items:center;width:100%;min-height:52px;padding:12px 15px;text-align:left;
  border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);
  color:var(--txt);font-family:inherit;font-size:var(--fs-read);font-weight:600;cursor:pointer}
.mrxA:hover,.mrxA:focus-visible{border-color:color-mix(in srgb,var(--acc) 45%,transparent);
  background:color-mix(in srgb,var(--acc) 7%,transparent);outline:none}
.mrxFree{display:block;width:100%;min-height:48px;margin-top:14px;padding:12px;border-radius:13px;
  border:1px dashed color-mix(in srgb,var(--acc) 40%,var(--line));background:none;
  color:var(--acc);font-family:inherit;font-size:var(--fs-body);font-weight:700;cursor:pointer}
.mrxFree:hover,.mrxFree:focus-visible{background:color-mix(in srgb,var(--acc) 8%,transparent);outline:none}


.mrxNote{margin-top:12px;font-size:var(--fs-6);line-height:1.5;color:var(--mut)}


.qFoodRow{display:flex;flex-direction:column}




.fuSub{font-size:var(--fs-label);color:var(--mut);margin:0 0 10px;line-height:1.4}
.fuEmpty{font-size:var(--fs-body);color:var(--mut);line-height:1.5;padding:14px 2px}
.fuRow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  min-height:52px;padding:10px 12px;margin-bottom:8px;text-align:left;
  background:var(--glass);border:1px solid var(--line);border-radius:14px;color:var(--txt);
  transition:transform .14s ease,border-color .14s ease}
.fuRow:active{transform:scale(.985);border-color:var(--acc)}
.fuL{display:flex;flex-direction:column;gap:2px;min-width:0}
.fuL b{font-size:var(--fs-body);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fuMeta{font-size:var(--fs-label);color:var(--mut)}
.fuR{font-size:var(--fs-label);color:var(--mut);white-space:nowrap;flex:0 0 auto}


.paddRow{flex-direction:column;gap:3px;line-height:1.25}
.paddRow .qfEx{font-size:var(--fs-label);font-weight:700;opacity:.78}

.pusualRow{width:100%;margin-top:8px;padding:11px;border-radius:13px;min-height:44px;
  background:var(--glass);border:1px solid var(--line);color:var(--txt);
  font-family:inherit;font-weight:700;font-size:var(--fs-body);cursor:pointer;text-align:center;
  transition:transform .14s ease,border-color .14s ease}
.pusualRow:active{transform:scale(.985);border-color:var(--acc)}



.nowSubHead{display:flex;align-items:center;gap:6px;margin:16px 0 10px;padding-top:14px;
  border-top:1px solid var(--line);font-size:var(--fs-label);font-weight:800;
  letter-spacing:.6px;text-transform:uppercase;color:var(--mut)}





#mitoRoam.running .rIn{animation-duration:.58s}
#mitoRoam.running .rIn{transform:translateY(-1px)}
@media (prefers-reduced-motion:reduce){#mitoRoam.running .rIn{animation-duration:1.6s;transform:none}}





#isheet{padding-top:calc(var(--sat) + 6px)}



@media(max-width:520px){
  .rTbl tr{display:grid;grid-template-columns:auto 1fr;column-gap:10px}
  .rTbl .rX{grid-column:1 / -1;padding-top:2px}
}


.onbStoryChips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.onbStoryChips::-webkit-scrollbar{display:none}
.onbStoryChips .onbChip{flex:0 0 auto;max-width:78vw;white-space:normal}



.euTopGo{width:100%;font:inherit;text-align:left;cursor:pointer;min-height:44px;
  background:none;border:none;border-radius:10px;padding:6px 8px;margin:0 -8px;
  transition:background-color .14s ease}
.euTopGo:active{background:rgba(255,255,255,.05)}




.glTxGo{font:inherit;color:inherit;text-align:left;background:none;border:none;cursor:pointer;
  padding:6px 4px;margin:-6px -4px;border-radius:8px;min-height:44px;
  transition:background-color .14s ease}
.glTxGo:active{background:rgba(255,255,255,.06)}




.tr.trGo{width:100%;font:inherit;color:inherit;text-align:left;background:none;cursor:pointer}
.tr.trGo:active{opacity:.82}
.trWhy{display:block}
.trWhyNow{font-size:var(--fs-4);font-weight:800;margin-bottom:10px}
.trWhyTx{font-size:var(--fs-body);line-height:1.55;color:var(--txt);margin:0 0 14px}
.trWhySrc{font-size:var(--fs-label);color:var(--mut);margin-top:12px}




.dnav{margin:0 0 12px}
.dnLbl{flex:1 1 auto;min-width:0}





.calGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.calCell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;min-height:44px;padding:4px 2px;border-radius:10px;cursor:pointer;font:inherit;
  border:1px solid var(--line);background:var(--glass);color:var(--txt);
  transition:transform .12s ease,border-color .12s ease}
.calCell:active{transform:scale(.94)}





.calCell::after{content:"";position:absolute;inset:0 -3px}
.calDow{font-size:var(--fs-2);letter-spacing:.4px;text-transform:uppercase;color:var(--mut)}
.calNum{font-size:var(--fs-8);font-weight:800;line-height:1}
.calStar{position:absolute;top:-3px;right:-2px;font-size:var(--fs-1)}
.cal-win{border-color:rgba(62,229,148,.5);background:rgba(62,229,148,.14)}
.cal-short{border-color:rgba(255,210,77,.42);background:rgba(255,210,77,.10)}
.cal-froz{border-color:rgba(90,168,255,.42);background:rgba(90,168,255,.10)}
.cal-none{border-color:var(--line);background:rgba(255,255,255,.02);opacity:.55}



.cal-low{border-color:rgba(255,122,89,.38);background:rgba(255,122,89,.10)}

.cal-logged{border-color:rgba(62,229,148,.28);background:rgba(62,229,148,.06)}




.calSel{box-shadow:0 0 0 2px var(--txt) inset;border-color:var(--txt)}
.calSel .calNum{font-weight:900}
.calKey{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;font-size:var(--fs-label);color:var(--mut)}
.calKey span{display:inline-flex;align-items:center;gap:5px}
.calSw{width:11px;height:11px;border-radius:4px;display:inline-block;border:1px solid var(--line)}










:root{
  --lcd-shell:#f7f2e2;   
  --lcd-glass:#dde4c6;   
  --lcd-glass-edge:#b3bd92;   
  --lcd-panel:#e7ecd3;   
  --lcd-ink:#3a4028;
  --lcd-sub:.78;   
  --lcd-accent:#8c3f14;   
  --lcd-heart:#a33c1e;
  --lcd-pad:#3a4028;   
  --lcd-pad-fg:#f7f2e2;
  --lcd-pad-ring:.12;   
  --lcd-btn:#3f4530;   
  --lcd-btn-fg:#f7f2e2;
  --lcd-bub:#fffdf3;   
  --lcd-br:.55;   
  --lcd-hr:.34;   
  --lcd-card:.50;   
  --lcd-hint:.78;   
  --lcd-disabled:.72;   
  --lcd-scan:.035;   
  --lcd-dial:.62;   
  
  --lcd-shell-top:inset 0 2px 0 rgba(255,255,255,.25);
  --lcd-shell-fall:inset 0 -3px 8px rgba(0,0,0,.2);
  --lcd-shell-drop:0 18px 40px rgba(30,28,16,.35);
  --lcd-glass-recess:inset 0 3px 10px rgba(0,0,0,.18);
  --lcd-key-lift:0 2px 4px rgba(0,0,0,.25);
  --lcd-key-36:inset 0 -2px 0 rgba(0,0,0,.28);
  --lcd-key-46:inset 0 -3px 0 rgba(0,0,0,.28);
  --lcd-key-94:inset 0 -4px 0 rgba(0,0,0,.3);
  --lcd-key-travel:2px;
  --lcd-pill-lift:0 3px 8px rgba(0,0,0,.14);
  --lcd-radius-glass:18px;
  
  --lcd-ease-furniture:cubic-bezier(.16,1,.3,1);
  --lcd-ease-celebrate:cubic-bezier(.34,1.56,.64,1);
  --lcd-ease-morph:cubic-bezier(.4,0,.2,1);
  --lcd-theme-fade:.4s;
}
[data-theme="lcd-night"]{
  --lcd-shell:#17150f;
  --lcd-glass:#241a10;
  --lcd-glass-edge:#4a3a22;
  --lcd-panel:#2f2314;
  --lcd-ink:#ffc989;   
  --lcd-sub:.72;
  --lcd-accent:#ffb27a;   
  --lcd-heart:#ff9d6b;
  --lcd-pad:#ffb27a;
  --lcd-pad-fg:#241a10;
  --lcd-pad-ring:.20;
  --lcd-btn:#76674a;   
  --lcd-btn-fg:#fff3e0;   
  --lcd-bub:#241a10;
  --lcd-br:.45;
  --lcd-hr:.38;
  --lcd-card:.07;
  --lcd-hint:.60;   
  --lcd-disabled:.50;   
  --lcd-scan:.05;
  --lcd-dial:.58;
}
[data-theme="lcd-console"]{
  --lcd-shell:#000000;   
  --lcd-glass:#0e1310;   
  --lcd-glass-edge:#2e4034;   
  --lcd-panel:#18211b;   
  --lcd-ink:#e8f0ea;   
  --lcd-sub:.76;   
  --lcd-accent:#ff3d8b;   
  --lcd-heart:#ff7a6b;   
  --lcd-pad:#ff3d8b;   
  --lcd-pad-fg:#12040a;   
  --lcd-pad-ring:.22;   
  --lcd-btn:#5a655c;   
  --lcd-btn-fg:#e8f0ea;   
  --lcd-bub:#141b17;   
  --lcd-br:.30;   
  --lcd-hr:.22;   
  --lcd-card:.06;   
  --lcd-hint:.62;   
  --lcd-disabled:.42;   
  --lcd-scan:.055;   
  --lcd-dial:.58;   
}


[data-theme="lcd-console"][data-zone="push"]{--lcd-amb-a:#5e2a12;--lcd-amb-b:#40260f;--lcd-amb-period:11s;}   
[data-theme="lcd-console"][data-zone="steady"]{--lcd-amb-a:#1c3a5e;--lcd-amb-b:#123040;--lcd-amb-period:20s;}   
[data-theme="lcd-console"][data-zone="recovery"]{--lcd-amb-a:#0d2f4a;--lcd-amb-b:#0a2036;--lcd-amb-period:34s;}   
[data-theme="lcd-console"][data-zone="none"]{--lcd-amb-a:#101512;--lcd-amb-b:#101512;--lcd-amb-period:0s;}   
[data-theme="lcd-console"]:not([data-zone]){--lcd-amb-a:#1c3a5e;--lcd-amb-b:#123040;--lcd-amb-period:20s;}

[data-theme="lcd-night"] .lcdSleeping{--lcd-glass:#1a140b;--lcd-panel:#151009}

[data-shell="pink"]{--lcd-glass:#e3e1c2;--lcd-glass-edge:#c0bc99;--lcd-panel:#ece6cd}
[data-shell="lavender"]{--lcd-glass:#dbe3ca;--lcd-glass-edge:#b6c0a4;--lcd-panel:#e6ecd8}
[data-shell="retro"]{--lcd-glass:#dee6b8;--lcd-glass-edge:#b9c18f;--lcd-panel:#e6ecc8}
[data-shell="midnight"]{--lcd-glass:#d8dfc6;--lcd-glass-edge:#a9b291;--lcd-panel:#e1e7ce;--lcd-btn:#42464e}
[data-shell="starlight"]{--lcd-glass:#e2e6c6;--lcd-glass-edge:#b5bc90;--lcd-panel:#eaeccd}
[data-theme="lcd-night"][data-shell]{--lcd-glass:#241a10;--lcd-glass-edge:#4a3a22;--lcd-panel:#2f2314;--lcd-btn:#76674a}
[data-theme="lcd-console"][data-shell]{--lcd-glass:#0e1310;--lcd-glass-edge:#2e4034;--lcd-panel:#18211b;--lcd-btn:#5a655c}