:root{--bg:#0d1117;--card:#161b22;--card2:#1c2330;--line:#2a3340;--txt:#e6edf3;--mut:#93a1b0;--ac:#ff5a1f;--ac2:#ff8a3d;--ok:#3fb950;--bad:#f85149;--r:16px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--txt);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.45}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
#app{max-width:560px;margin:0 auto;padding:18px 16px 24px;min-height:100vh}
.boot{padding:80px 0;text-align:center;color:var(--mut)}
h1{font-size:24px;margin:4px 0 4px;letter-spacing:-.3px}h2{font-size:18px;margin:22px 0 10px}h3{font-size:16px;margin:0 0 4px}
p{margin:6px 0}.mut{color:var(--mut)}.sm{font-size:13px}.c{text-align:center}.r{text-align:right}
a{color:var(--ac2)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:10px 0}
.card.tap{cursor:pointer;display:block;color:inherit;text-decoration:none}.card.tap:active{background:var(--card2)}
.row{display:flex;gap:10px;align-items:center}.row>.g{flex:1;min-width:0}.wrap{flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;text-align:center}
.stat b{display:block;font-size:22px}.stat span{font-size:12px;color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:13px 18px;font-size:16px;font-weight:700;background:var(--ac);color:#fff;cursor:pointer;text-decoration:none;min-height:48px}
.btn.full{width:100%}.btn.alt{background:var(--card2);color:var(--txt);border:1px solid var(--line)}.btn.ok{background:var(--ok)}.btn.bad{background:transparent;color:var(--bad);border:1px solid #5a2a2a}
.btn.sm{padding:8px 12px;min-height:38px;font-size:14px;border-radius:10px}.btn:disabled{opacity:.55}
label{display:block;font-size:13px;color:var(--mut);margin:12px 0 5px}
input,select,textarea{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0b0f15;color:var(--txt);font:inherit;font-size:16px}
textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:1px}
.tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:99px;background:var(--card2);color:var(--mut);margin:2px 4px 2px 0}
.tag.a{background:#3a1d10;color:var(--ac2)}.tag.g{background:#12301c;color:#7ee08f}.tag.b{background:#3d1418;color:#ff9aa0}
.chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:var(--card);color:var(--txt);padding:8px 14px;border-radius:99px;font-size:14px;cursor:pointer}
.chip.on{background:var(--ac);border-color:var(--ac);color:#fff;font-weight:700}
.hero{background:linear-gradient(135deg,#ff5a1f,#c2185b);border-radius:20px;padding:20px;margin:12px 0;color:#fff}
.hero h2{margin:0 0 4px;font-size:20px}.hero p{opacity:.92}.hero .btn{background:#fff;color:#c2331a;margin-top:12px}
.bar{height:10px;background:var(--card2);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--ac);border-radius:99px}
.note{background:#2b2110;border:1px solid #5c4514;color:#f2cc60;border-radius:12px;padding:12px;font-size:14px;margin:10px 0}
.err{background:#3d1418;color:#ffb3b8;border-radius:12px;padding:12px;font-size:14px;margin:10px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px}.logo img{width:40px;height:40px;border-radius:10px}
.auth{padding-top:5vh}.auth .card{padding:20px}
/* exercício no treino */
.ex{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:10px 0;overflow:hidden}
.ex>header{padding:14px 16px;display:flex;gap:10px;align-items:center;cursor:pointer}.ex>header .g{flex:1}
.ex .how{padding:0 16px 12px;color:var(--mut);font-size:14px}
.set{display:grid;grid-template-columns:28px 1fr 1fr 52px;gap:8px;align-items:center;padding:6px 16px}
.set span{color:var(--mut);font-weight:700;text-align:center}.set input{padding:10px;text-align:center}
.set button{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--card2);color:var(--mut);font-size:20px;cursor:pointer}
.set.done button{background:var(--ok);border-color:var(--ok);color:#fff}.set.done input{opacity:.6}
.sethead{font-size:11px;color:var(--mut);text-transform:uppercase}.sethead span{font-weight:400}
.ex.all>header h3::after{content:" ✓";color:var(--ok)}
/* navegação */
#nav{position:fixed;left:0;right:0;bottom:0;background:rgba(13,17,23,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:20}
#nav[hidden]{display:none}
#nav a{flex:1;max-width:112px;text-align:center;padding:9px 2px 8px;color:var(--mut);text-decoration:none;font-size:11px}
#nav a svg{display:block;margin:0 auto 3px;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#nav a.on{color:var(--ac2);font-weight:700}
/* descanso */
#rest{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));max-width:536px;margin:0 auto;background:#1f2937;border:1px solid var(--ac);border-radius:18px;padding:12px 14px;z-index:30;box-shadow:0 10px 30px rgba(0,0,0,.5)}
#rest[hidden]{display:none}#rest .t{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums;min-width:86px}
/* modal */
#modal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:40;display:flex;align-items:flex-end;justify-content:center}
#modal[hidden]{display:none}
#modal .sheet{background:var(--card);width:100%;max-width:560px;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
#toast{position:fixed;left:50%;transform:translateX(-50%);top:16px;background:#fff;color:#111;padding:10px 16px;border-radius:12px;font-weight:600;z-index:50;max-width:90vw;box-shadow:0 8px 24px rgba(0,0,0,.4)}
#toast[hidden]{display:none}
.list>.it{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.list>.it:last-child{border-bottom:0}.list>.it .g{flex:1;min-width:0}
.back{display:inline-block;color:var(--mut);text-decoration:none;margin-bottom:6px;font-size:14px}
svg.chart{width:100%;height:auto;display:block}
.bi{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}.bi label{margin:0 0 3px;font-size:11px}.bi input{padding:9px;text-align:center}
code{background:#0b0f15;padding:2px 6px;border-radius:6px;font-size:13px;word-break:break-all}
@media(min-width:700px){#app{padding-top:28px}}
.row>.tag{flex:none}
.grid3 select,.grid3 input{padding:12px 8px;font-size:15px}

.box3d{position:relative;height:min(46vh,340px);min-height:240px;margin:-4px 0 12px;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 20%,#263245 0%,#141a23 60%,#0d1117 100%)}
.box3d[hidden]{display:none}.st3d{position:absolute;inset:0;touch-action:none}
.st3dmsg{position:absolute;inset:0;display:grid;place-items:center;color:var(--mut);font-size:14px;pointer-events:none}.st3dmsg[hidden]{display:none}
.st3dhint{position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:12px;color:var(--mut);pointer-events:none;transition:opacity .5s}
.box3d [data-slow]{position:absolute;right:8px;top:8px;background:rgba(22,27,34,.85)}
.tipbox{background:#12261a;border:1px solid #1f5a34;border-radius:14px;padding:14px;margin-top:14px}
.tipbox b{color:#7ee08f}.tipbox p{margin:6px 0 8px}.tipbox small{color:var(--mut);font-size:12px}

.guide{display:flex;flex-direction:column;min-height:calc(100vh - 44px);min-height:calc(100dvh - 44px)}
.gstage{position:relative;flex:1;min-height:280px;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 90% at 50% 20%,#263245 0%,#141a23 60%,#0d1117 100%)}
#gst{position:absolute;inset:0;transition:opacity .3s}
.gtag{position:absolute;left:12px;top:12px;font-size:12px;font-weight:800;letter-spacing:.5px;padding:5px 10px;border-radius:99px;background:var(--ac);color:#fff}
.gtag.r{background:#1f6feb}
.gcount{position:absolute;right:14px;top:8px;text-align:right;pointer-events:none}
.gcount b{display:block;font-size:40px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums}.gcount span{font-size:12px;color:var(--mut)}
.gpause{position:absolute;inset:0;display:grid;place-items:center;background:rgba(13,17,23,.6);font-size:22px;font-weight:800;pointer-events:none}.gpause[hidden]{display:none}
.gctrl{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;margin-top:14px}

.daynav{margin:4px 0 10px}.daynav .btn{min-width:46px;font-size:20px}
.big{font-size:30px;font-weight:800;line-height:1.1}.over{color:#f2cc60}
.mrow{margin-top:8px}.mrow .bar{height:7px;margin-top:3px}
.rl{padding-left:20px;margin:6px 0 14px}.rl li{margin:5px 0}
.shopit input{accent-color:var(--ac)}
#nav a{max-width:104px}

.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.cd{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 0;text-align:center;cursor:pointer}
.cd b{display:block;font-size:13px}.cd span{font-size:12px;color:var(--ac2)}.cd.rest span{color:var(--mut)}
.cd.ok{background:#12301c;border-color:#1f5a34}.cd.ok span{color:#7ee08f}.cd.now{border-color:var(--ac);box-shadow:0 0 0 2px rgba(255,90,31,.35)}
.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bdg{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 6px;text-align:center;opacity:.38;filter:grayscale(1)}
.bdg.got{opacity:1;filter:none;border-color:#5c4514;background:#221a0c}
.bdg i{display:block;font-size:26px;font-style:normal}.bdg b{display:block;font-size:12px;margin-top:2px}.bdg span{display:block;font-size:10px;color:var(--mut);line-height:1.25;margin-top:2px}
.habits{display:flex;flex-wrap:wrap;gap:8px}.habits .chip{font-size:13px;padding:8px 12px}

/* v1.6 */
.land{padding-top:3vh}.lhero{background:linear-gradient(150deg,#ff5a1f 0%,#c2185b 70%,#7b1fa2 100%);border-radius:24px;padding:26px 20px;margin:14px 0;color:#fff}
.lhero h1{font-size:30px;line-height:1.12;margin:12px 0 8px}.lhero h1 em{font-style:normal;color:#ffe08a}.lhero p{opacity:.95}.lhero .tag{background:rgba(255,255,255,.2);color:#fff}
.lhero .btn{background:#fff;color:#c2331a;margin-top:14px}.btn.big{min-height:56px;font-size:18px;border-radius:16px}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.feat div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}
.feat i{font-style:normal;font-size:24px;display:block}.feat b{display:block;margin:4px 0 2px}.feat span{font-size:13px;color:var(--mut)}
.quiz{padding-top:6px}.qbar{display:flex;gap:4px;margin:14px 0 22px}.qbar i{flex:1;height:4px;border-radius:9px;background:var(--line)}.qbar i.on{background:var(--ac)}
.quiz h1{font-size:26px;line-height:1.15;margin:8px 0 10px}
.qopts{display:grid;gap:10px;margin-top:18px}
.qopt{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;color:var(--txt);font:inherit;cursor:pointer;min-height:72px}
.qopt i{font-style:normal;font-size:24px;width:46px;height:46px;border-radius:12px;background:var(--card2);display:grid;place-items:center;flex:none}
.qopt span{flex:1}.qopt b{display:block;font-size:17px}.qopt small{color:var(--mut);font-size:13px}.qopt em{font-style:normal;color:var(--mut);font-size:22px}
.qopt.on{border-color:var(--ac);background:#2a1a12}
.qnum{text-align:center;margin:40px 0 26px}.qnum b{font-size:64px;font-weight:800;line-height:1}.qnum span{font-size:20px;color:var(--mut)}
.qstep .btn{min-width:54px;font-size:24px}.qstep input[type=range]{padding:0;border:0;background:transparent;accent-color:var(--ac);height:40px}
.plans{display:grid;gap:14px;margin-top:16px}
.plan{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card2);border:2px solid var(--line);border-radius:18px;padding:18px 16px;color:var(--txt);font:inherit;cursor:pointer}
.plan.on{border-color:var(--ac);background:#2a1a12}.plan b{display:block;font-size:17px}.plan small{color:var(--mut);font-size:12px}
.plan .pr{text-align:right;flex:none}.plan .pr b{display:inline;font-size:22px}.plan .pr small:first-child{display:block}
.plan em{position:absolute;top:-11px;right:14px;background:var(--ok);color:#fff;font-style:normal;font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;text-transform:uppercase}
.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--card2);border-radius:99px;padding:4px;margin:12px 0}
.tabs button{border:0;background:transparent;color:var(--mut);font:inherit;font-size:13px;font-weight:700;padding:10px 4px;border-radius:99px;cursor:pointer}.tabs button.on{background:var(--ac);color:#fff}
.listen{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#12261a;border:1px solid #1f5a34;border-radius:16px;padding:12px 14px;color:var(--txt);font:inherit;cursor:pointer}
.listen i{font-style:normal;width:44px;height:44px;border-radius:50%;background:var(--ok);display:grid;place-items:center;font-size:20px;flex:none}.listen b{display:block}.listen small{color:var(--mut)}
.stp{list-style:none;padding:0;margin:12px 0 0}.stp li{display:flex;gap:14px;padding:12px 8px;border-radius:12px}.stp li b{font-size:20px;color:var(--mut);min-width:22px}.stp li.on{background:#2a1a12}.stp li.on b{color:var(--ac2)}
.box3d.vid{background:#000}.box3d.vid video,.box3d.vid img,.gvid video,.gvid img{width:100%;height:100%;object-fit:contain;display:block}
.gvid{position:absolute;inset:0;background:#000}.gvid[hidden]{display:none}

.lhero.ph{background:linear-gradient(180deg,rgba(13,17,23,0) 0%,rgba(13,17,23,.25) 38%,rgba(13,17,23,.9) 62%,#0d1117 100%),url(img/hero.jpg) center top/cover no-repeat;padding-top:min(78vw,400px);border:1px solid var(--line)}
.lhero.ph .btn{background:var(--ac);color:#fff}.lhero.ph .tag{background:rgba(255,90,31,.9)}
.hero.ph{background-size:cover;background-position:center 22%;border:1px solid var(--line)}.hero.ph .btn:first-of-type{background:var(--ac);color:#fff}
.pics{display:flex;gap:10px;overflow-x:auto;margin:12px -2px;padding:2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.pics::-webkit-scrollbar{display:none}
.pics a{flex:0 0 46%;aspect-ratio:3/4;border-radius:18px;background-size:cover;background-position:center top;position:relative;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;border:1px solid var(--line);cursor:pointer}
.pics a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,17,23,0) 45%,rgba(13,17,23,.92) 100%)}
.pics a b,.pics a span{position:relative}.pics a b{font-size:17px}.pics a span{font-size:12px;opacity:.85}
.pics.two a{flex:1 1 0;aspect-ratio:4/3;background-position:center 18%}
.card.wc{display:flex;padding:0;overflow:hidden;align-items:stretch}.wc .th{flex:0 0 96px;background-size:cover;background-position:center 18%;display:block}.wc .bd{flex:1;padding:14px;min-width:0}
.wban{border-radius:20px;min-height:210px;background-size:cover;background-position:center 8%;display:flex;align-items:flex-end;padding:16px;margin:8px 0 10px;border:1px solid var(--line)}.wban h1{margin:0;font-size:24px;color:#fff}
.bmapc svg{display:block;width:100%;max-width:300px;margin:0 auto}.bm{fill:#232c3a;stroke:#3a4658;stroke-width:1}.bm.t{cursor:pointer;fill:#2f3b4d}.bm.t.on{fill:var(--ac);stroke:#ffb089}.bml{fill:var(--mut);font-size:11px;font-family:inherit}
.fring{width:200px;max-width:70%;display:block;margin:6px auto 0}.fr0{fill:none;stroke:#232c3a;stroke-width:9}.fr1{fill:none;stroke:var(--ac);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s}.ftime{font-size:38px;font-weight:800;margin-top:-128px;height:128px;font-variant-numeric:tabular-nums}

/* ===== visual 2.0 ===== */
html,body{font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
body{background:radial-gradient(120% 60% at 50% -10%,#1a2333 0%,var(--bg) 55%) fixed,var(--bg)}
@keyframes pin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#app>*{animation:pin .32s ease both}#app>*:nth-child(2){animation-delay:.03s}#app>*:nth-child(3){animation-delay:.06s}#app>*:nth-child(4){animation-delay:.09s}#app>*:nth-child(n+5){animation-delay:.12s}
@media (prefers-reduced-motion:reduce){#app>*{animation:none}}
h1{font-size:26px;font-weight:800;letter-spacing:-.5px}h2{font-size:19px;font-weight:800;letter-spacing:-.2px}
.card{background:linear-gradient(180deg,#19202b,#151b24);border-color:#263041;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,.22)}
.card.tap{transition:transform .12s ease,border-color .12s}.card.tap:active{transform:scale(.985);border-color:#3a475c}
.btn{border-radius:14px;background:linear-gradient(135deg,#ff6a2b,#ff4d1a);box-shadow:0 6px 18px rgba(255,90,31,.28);transition:transform .1s}.btn:active{transform:scale(.97)}
.btn.alt,.btn.bad,.btn.ok{box-shadow:none}.btn.alt{background:#1c2432}.btn.ok{background:var(--ok)}.btn.bad{background:transparent}
.chip{background:#171d27;transition:background .15s}.chip.on{background:linear-gradient(135deg,#ff6a2b,#ff4d1a);box-shadow:0 4px 12px rgba(255,90,31,.25)}
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.ic.in{display:inline-block;vertical-align:-4px;margin-right:8px;color:var(--ac2)}
.feat i{width:42px;height:42px;border-radius:13px;background:rgba(255,90,31,.14);color:var(--ac2);display:flex!important;align-items:center;justify-content:center;margin-bottom:8px}
#nav{background:rgba(13,17,23,.82);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}#nav a{position:relative;transition:color .15s}#nav a.on::before{content:"";position:absolute;top:0;left:50%;width:26px;height:3px;margin-left:-13px;border-radius:0 0 4px 4px;background:var(--ac)}
.hhead{display:flex;align-items:center;gap:12px;margin:2px 0 14px}.hhead .g{flex:1;min-width:0}
.av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ff6a2b,#c2185b);color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;text-decoration:none;flex:none}
.streak{display:flex;align-items:center;gap:5px;background:#1c2432;border:1px solid #2c384b;border-radius:99px;padding:7px 12px 7px 9px;font-size:13px;color:var(--mut)}.streak .ic{color:#ff8a3d;width:18px;height:18px}.streak b{color:var(--txt);font-size:15px}
.wk{display:flex;gap:16px;align-items:center}.wk .g{flex:1;min-width:0}.ring{width:104px;height:104px;flex:none}.r0{fill:none;stroke:#232c3a;stroke-width:10}.r1{fill:none;stroke:var(--ac);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .8s ease}
.rt{fill:var(--txt);font-size:24px;font-weight:800}.rs{fill:var(--mut);font-size:11px}
.mini{display:flex;gap:14px}.mini b{display:block;font-size:17px}.mini span{font-size:11px;color:var(--mut)}
.sech{display:flex;align-items:baseline;justify-content:space-between;margin:22px 0 10px}.sech h2{margin:0}.sech a{font-size:13px;text-decoration:none;font-weight:600}
.hscroll{display:flex;gap:12px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}
.cat{flex:0 0 132px;height:168px;border-radius:20px;background-size:cover;background-position:center 15%;display:flex;align-items:flex-end;padding:12px;color:#fff;font-size:16px;cursor:pointer;scroll-snap-align:start;border:1px solid #263041;text-decoration:none}
.wbig{flex:0 0 78%;max-width:320px;height:190px;border-radius:22px;background-size:cover;background-position:center 15%;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#fff;text-decoration:none;scroll-snap-align:start;border:1px solid #263041;position:relative;transition:transform .12s}.wbig:active{transform:scale(.98)}
.wbig b{font-size:18px;line-height:1.2}.wbig span{font-size:12.5px;opacity:.85;margin-top:2px}.wbig em{position:absolute;top:12px;left:12px;font-style:normal;font-size:12px;font-weight:700;background:rgba(13,17,23,.72);backdrop-filter:blur(6px);padding:5px 10px;border-radius:99px}
.tools{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tools a{background:linear-gradient(180deg,#19202b,#151b24);border:1px solid #263041;border-radius:18px;padding:14px 6px 12px;text-align:center;text-decoration:none;color:var(--txt);font-size:13px;font-weight:600;transition:transform .1s}.tools a:active{transform:scale(.96)}
.tools .ic{display:block;margin:0 auto 8px;width:26px;height:26px;color:var(--ac2)}
.hero.ph{border-radius:22px;padding:64px 20px 20px}
.card.wc{border-radius:18px}.wc .th{flex-basis:104px}
.nban{min-height:170px;margin-top:0;background-position:center 50%!important}.nban h1{font-size:26px}
.donepic{height:220px;margin:-18px -16px 6px;border-radius:20px 20px 0 0;background-size:cover;background-position:center 22%}

/* ===== premium ===== */
.lk{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:99px;background:linear-gradient(135deg,#f6c453,#e89a1c);color:#2a1a00;margin:2px 4px 2px 0}.lk .ic{width:12px;height:12px;stroke-width:2.6}
.wbig .lk{position:absolute;top:12px;right:12px;margin:0}.wbig .fr{position:absolute;top:12px;right:12px;font-size:11px;font-weight:800;text-transform:uppercase;background:#1f9d55;color:#fff;padding:4px 9px;border-radius:99px}
.wc.locked .th,.wbig.locked{filter:saturate(.75)}
.crown{width:64px;height:64px;border-radius:20px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f6c453,#e89a1c);color:#2a1a00;box-shadow:0 8px 24px rgba(232,154,28,.3)}.crown .ic{width:34px;height:34px;stroke-width:2}
.crown.sm{width:42px;height:42px;border-radius:13px;margin:0;flex:none;box-shadow:none}.crown.sm .ic{width:22px;height:22px}
.upg{border-color:#7a5a1a!important;background:linear-gradient(135deg,#2a2112,#171b22)!important}
.pl{list-style:none;padding:0;margin:14px 0}.pl li{display:flex;gap:10px;align-items:center;padding:7px 0;font-size:15px}.pl .ic{color:#3fb950;width:20px;height:20px;stroke-width:2.6}
.cmp{margin:16px 0 4px;border:1px solid var(--line);border-radius:16px;overflow:hidden}.cmp .ch,.cmp .cr{display:grid;grid-template-columns:1fr 64px 72px;align-items:center;padding:9px 12px;font-size:14px}.cmp .ch{background:#1c2432;font-size:12px;text-transform:uppercase;color:var(--mut)}
.cmp .cr{border-top:1px solid var(--line)}.cmp i{font-style:normal;text-align:center;color:var(--mut)}.cmp .ic{width:18px;height:18px;stroke-width:2.6;color:#3fb950}.cmp b{text-align:center}.cmp .pm{color:#f6c453}.cmp i.pm .ic{color:#f6c453}
.tools a{position:relative}.tools .tl{position:absolute;top:8px;right:8px;color:#f6c453}.tools .tl .ic{width:15px;height:15px;margin:0}
.ic.in2{width:16px;height:16px;margin-right:6px;vertical-align:-3px}
.legal{display:flex;flex-direction:column;gap:12px}.legal a{color:var(--txt);text-decoration:none}.lnk{background:none;border:0;padding:0;text-align:left;font:inherit;cursor:pointer;color:var(--txt)}.lnk.bad{color:var(--bad)}