/* Экраны продукта FANZ: те же токены и компоненты, что на лендинге (Jitter-система): 10px root, Inter Tight / Inter, пилюли, карточки 4rem. */
:root{
  --bg:#fff; --ink:#19171c; --g1:#f2f1f3; --g2:#e5e4e7; --g3:#d7d7db; --g4:#97979b; --g5:#6e6e73; --g6:#2d2933;
  --vi:#7a40ed; --vi2:#b593ff; --vi3:#a981ff; --vi4:#e4d9fb; --vi5:#f3f0fb; --vi6:#c6b3ff;
  --bl:#29a9ff; --bl2:#50b8ff; --bl3:#cce9ff; --bl4:#e6f4ff;
  --pk:#fba6ec; --rd:#fd3456; --ye:#f5ff63; --gn:#0acf83; --black:#000;
  --font-display:'Inter Tight',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --spring:cubic-bezier(.33,1.42,.05,.96); --out:cubic-bezier(.19,1,.22,1);
  --shadow-media:0 23.7rem 6.6rem rgba(25,23,28,0),0 15.2rem 6.1rem rgba(25,23,28,.01),0 8.5rem 5.1rem rgba(25,23,28,.05),0 3.8rem 3.8rem rgba(25,23,28,.09),0 .9rem 2.1rem rgba(25,23,28,.1);
  --shadow-ui:0 2px 16px rgba(0,0,0,.15),0 0 1px rgba(0,0,0,.1);
  --container:86rem;
  font-size:62.5%;
  color-scheme:light;
}
@media (min-width:1280px){:root{--container:118rem}}
@media (min-width:1729px){:root{--container:132rem}}
@media (max-width:1024px){:root{--container:40rem}}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1.6rem;line-height:1.5;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input,select{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:.95;text-wrap:balance}
p{margin:0}
:focus-visible{outline:3px solid var(--bl);outline-offset:3px;border-radius:.8rem}
.ac{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:2rem}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--g5)}
.up{color:#0a9a62}.down{color:var(--rd)}
.h1{font-size:clamp(3.6rem,5vw,7.2rem)}
.h2{font-size:clamp(2.8rem,3.4vw,4.8rem);line-height:1}
.h3{font-size:2.4rem;line-height:1.1}
.lead{font-size:1.8rem;line-height:1.5;color:var(--g5);max-width:60rem}
.lead b{color:var(--ink);font-weight:600}
.eyebrow{display:inline-block;font-weight:600;font-size:1.6rem;padding:.5rem 1.7rem;border-radius:4rem;background:var(--g1)}
.eyebrow--vi{background:var(--vi2);color:#19171c}.eyebrow--ye{background:var(--ye);color:#19171c}.eyebrow--gn{background:#d6f7e9;color:#0a6e47}

/* Кнопки — как на лендинге */
.jb{display:inline-flex;align-items:center;justify-content:center;gap:1rem;height:5.2rem;padding:0 3.2rem;border-radius:5rem;font-weight:600;font-size:1.8rem;color:#19171c;background:var(--g1);transition:transform .6s var(--spring),background .3s,color .3s;white-space:nowrap}
.jb:hover{transform:scale(1.04)}.jb:active{transform:scale(.94);transition-duration:.1s}
.jb--vi{background:var(--vi2)}.jb--ye{background:var(--ye)}.jb--ink{background:#19171c;color:#fff}.jb--line{background:transparent;box-shadow:inset 0 0 0 .2rem var(--g2)}
.jb--lg{height:6rem;padding:0 4rem;font-size:2rem}.jb--sm{height:4rem;padding:0 2rem;font-size:1.5rem}.jb--full{width:100%}
.jb:disabled{opacity:.45;transform:none;cursor:not-allowed}
.round{width:4.4rem;height:4.4rem;border-radius:50%;background:var(--g1);display:inline-grid;place-items:center;transition:transform .6s var(--spring)}
.round:hover{transform:scale(1.08)}

/* Шапка приложения: плавающая пилюля */
.ah{position:sticky;top:1.6rem;z-index:50;height:8rem;display:flex;align-items:center;gap:1.6rem;padding:0 1.6rem 0 2.4rem;max-width:var(--container);margin:1.6rem auto 0;border-radius:2rem;background:var(--bg);box-shadow:var(--shadow-ui)}
.brand{font-family:var(--font-display);font-weight:800;font-size:2.6rem;letter-spacing:-.05em;display:flex;align-items:center;gap:.8rem}
.brand i{width:2.6rem;height:2.6rem;border-radius:.8rem;background:var(--vi);position:relative;overflow:hidden}
.brand i::before{content:"";position:absolute;left:.6rem;right:.6rem;bottom:.5rem;height:1rem;border-radius:.4rem .4rem .2rem .2rem;background:var(--ye)}
.ah nav{display:flex;gap:.2rem;margin-left:1.6rem;margin-right:auto}
.ah nav a{padding:1rem 1.6rem;border-radius:4rem;font-weight:500;font-size:1.6rem;transition:background .2s}
.ah nav a:hover{background:var(--g1)}.ah nav a[aria-current]{background:var(--g1);font-weight:600}
.wallet{display:flex;align-items:center;gap:1rem;height:4.8rem;padding:0 1.6rem 0 .6rem;border-radius:4rem;background:var(--g1);font-weight:600;font-size:1.5rem}
.wallet i{width:3.6rem;height:3.6rem;border-radius:50%;background:conic-gradient(from 40deg,var(--vi2),var(--bl2),var(--pk),var(--ye),var(--vi2))}
.wallet small{display:block;font-weight:500;font-size:1.2rem;color:var(--g5);line-height:1.2}
.burger{display:none;width:4.8rem;height:4.8rem;border-radius:4rem;align-items:center;justify-content:center;background:var(--g1)}
.menu{display:none}
@media (max-width:1024px){.ah{height:7rem;border-radius:1rem;padding:0 1.2rem 0 1.6rem}.ah nav,.ah .jb:not(#walletConnect){display:none}#walletConnect{height:4rem;padding:0 1.6rem;font-size:1.4rem}.burger{display:inline-flex}.wallet span{display:none}.menu{position:fixed;top:10rem;left:1.6rem;right:1.6rem;z-index:49;background:var(--bg);border-radius:2rem;box-shadow:var(--shadow-ui);padding:1.2rem;flex-direction:column;gap:.2rem}.menu.is-open{display:flex}.menu a{padding:1.4rem 1.6rem;border-radius:1.2rem;font-weight:500;font-size:1.8rem}.menu a:hover{background:var(--g1)}}

/* Страница */
.page{padding:5.6rem 0 12rem}
.page-head{display:grid;gap:2rem;justify-items:start;margin-bottom:4.8rem}
.page-head .lead{margin-top:.4rem}
.crumbs{display:flex;gap:.8rem;font-size:1.4rem;color:var(--g5)}.crumbs a:hover{color:var(--ink)}
.grid{display:grid;gap:2rem}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--main{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start}
@media (max-width:1024px){.grid--2,.grid--3,.grid--4,.grid--main{grid-template-columns:1fr}}

/* Карточки */
.card{background:var(--g1);border-radius:3.2rem;padding:3.2rem;display:grid;gap:1.6rem;align-content:start;min-width:0}
.grid>*{min-width:0}
.card--white{background:var(--bg);box-shadow:0 .1rem 0 rgba(25,23,28,.04),0 1rem 3rem rgba(25,23,28,.06)}
.card--vi{background:var(--vi4)}.card--ye{background:var(--ye)}.card--ink{background:#19171c;color:#fff}.card--ink .muted{color:#b7b4bd}
.card--line{background:transparent;box-shadow:inset 0 0 0 .1rem var(--g2)}
.card h3{font-family:var(--font-body);font-weight:600;font-size:1.8rem;letter-spacing:0;line-height:1.3}
.card .hint{font-size:1.4rem;color:var(--g5);line-height:1.45}
.card--ink .hint{color:#b7b4bd}
.card__row{display:flex;align-items:center;justify-content:space-between;gap:1.6rem}

/* Цифры */
.stat{display:grid;gap:.4rem}
.stat b{font-family:var(--font-display);font-weight:800;font-size:clamp(3.2rem,3vw,4.4rem);letter-spacing:-.04em;line-height:1;white-space:nowrap}
.stat span{font-size:1.4rem;color:var(--g5)}
.stat small{font-size:1.4rem;font-weight:600;margin-left:.6rem;letter-spacing:0}
.stats{display:flex;flex-wrap:wrap;gap:2.4rem 4rem}.stats .stat{min-width:12rem}

/* Постер банки в белой рамке */
.poster{width:100%;max-width:30rem;aspect-ratio:4/5;background:var(--bg);padding:1.2rem;border-radius:.4rem;box-shadow:var(--shadow-media)}
.poster .art-svg{width:100%;height:100%;display:block}
.poster--sm{max-width:12rem;padding:.5rem;border-radius:.3rem;box-shadow:0 .6rem 1.6rem rgba(25,23,28,.12)}
.jarhero{display:grid;grid-template-columns:30rem minmax(0,1fr);gap:4.8rem;align-items:start;margin-bottom:4.8rem}
.jarhero__text{display:grid;gap:2rem;justify-items:start}
.jarhero__text h1{font-size:clamp(3.6rem,4.6vw,6.4rem)}
.jarhero .stats{width:100%;margin-top:.8rem}
@media (max-width:1024px){.jarhero{grid-template-columns:1fr;gap:3.2rem}.poster{margin-inline:auto}.jarhero__text{justify-items:center;text-align:center}.jarhero .stats{text-align:left}}

/* Аватары и фишки */
.av{display:inline-grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;overflow:hidden;background:var(--vi2);color:#fff;font-weight:700;font-size:1.3rem;flex-shrink:0;box-shadow:0 0 0 .2rem var(--bg)}
.av img{width:100%;height:100%;object-fit:cover}
.av--lg{width:5.6rem;height:5.6rem;font-size:2rem}.av--sm{width:2.6rem;height:2.6rem;font-size:1.1rem}
.avs{display:flex}.avs .av{margin-left:-.8rem}.avs .av:first-child{margin-left:0}
.pill{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1.2rem;border-radius:4rem;background:var(--bg);font-weight:600;font-size:1.3rem}
.pill--live{background:#d6f7e9;color:#0a6e47}.pill--live::before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:var(--gn);animation:blink 1.4s ease-in-out infinite}
.pill--wait{background:var(--g2);color:var(--g6)}.pill--vi{background:var(--vi2);color:#19171c}.pill--ye{background:var(--ye);color:#19171c}
@keyframes blink{50%{opacity:.3}}

/* Панель депозита */
.dep{display:grid;gap:1.6rem}
.dep__amt{display:flex;align-items:baseline;gap:.8rem;font-family:var(--font-display);font-weight:800;font-size:4.4rem;letter-spacing:-.04em}
.dep__amt input{width:100%;min-width:0;border:0;background:transparent;font:inherit;letter-spacing:inherit;padding:0;outline:none}
.dep__amt span{font-size:1.6rem;font-family:var(--font-body);font-weight:600;color:var(--g5)}
.dep input[type=range]{width:100%;accent-color:#19171c;height:3rem}
.presets{display:flex;flex-wrap:wrap;gap:.6rem}
.presets button{padding:.7rem 1.4rem;border-radius:4rem;background:var(--bg);font-weight:600;font-size:1.4rem;box-shadow:inset 0 0 0 .1rem var(--g2)}
.presets button[aria-pressed="true"]{background:#19171c;color:#fff;box-shadow:none}
.dep__out{display:grid;gap:.8rem;padding:1.6rem 2rem;border-radius:1.6rem;background:var(--bg)}
.dep__out div{display:flex;justify-content:space-between;gap:1.6rem;font-size:1.4rem;color:var(--g5)}
.dep__out b{color:var(--ink);font-weight:600}
.dep__out .total{padding-top:.8rem;border-top:1px solid var(--g2);font-size:1.5rem}

/* Лента событий */
.feed{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.feed li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.2rem 1.6rem;border-radius:1.6rem;background:var(--bg);font-size:1.4rem}
.feed li.is-new{animation:feedIn .7s var(--spring) both}
.feed li b{font-weight:600}.feed li small{display:block;color:var(--g5);font-size:1.2rem}
.feed .amt{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes feedIn{from{opacity:0;transform:translateY(-1rem) scale(.98)}to{opacity:1;transform:none}}

/* График */
.spark{width:100%;height:auto;display:block}
.spark path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.spark .fill{fill:url(#sparkFill);stroke:none}
.spark .dot{animation:blink 1.4s ease-in-out infinite}

/* Табы и таблицы */
.tabs{display:inline-flex;gap:.4rem;padding:.4rem;border-radius:4rem;background:var(--g1)}
.tabs button{padding:.9rem 1.6rem;border-radius:4rem;font-weight:600;font-size:1.4rem;color:var(--g5)}
.tabs button[aria-selected="true"]{background:#19171c;color:#fff}
.rank{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.rank li{display:grid;grid-template-columns:3.2rem auto minmax(0,1fr) auto auto;align-items:center;gap:1.6rem;padding:1.6rem 2rem;border-radius:2rem;background:var(--g1);transition:transform .5s var(--spring)}
.rank li:hover{transform:translateX(.4rem)}
.rank .pos{font-family:var(--font-display);font-weight:800;font-size:2.4rem;letter-spacing:-.04em;color:var(--g4)}
.rank li:nth-child(1) .pos,.rank li:nth-child(2) .pos,.rank li:nth-child(3) .pos{color:var(--ink)}
.rank .who b{display:block;font-weight:600}.rank .who small{color:var(--g5);font-size:1.3rem}
.rank .bar{height:1.2rem;border-radius:1rem;background:var(--bg);overflow:hidden}.rank .bar i{display:block;height:100%;width:var(--w);border-radius:1rem;background:var(--vi2);animation:grow 1.2s var(--out) both}
.rank .money{font-weight:700;white-space:nowrap}
@keyframes grow{from{width:0}}
@media (max-width:640px){.rank li{grid-template-columns:2.4rem auto minmax(0,1fr) auto}.rank .boost{display:none}}

/* Прогресс и шаги */
.bar{height:1.2rem;border-radius:1rem;background:var(--g2);overflow:hidden}
.bar i{display:block;height:100%;width:var(--w,0%);border-radius:1rem;background:var(--vi);animation:grow 1.2s var(--out) both}
.bar--ye i{background:var(--ye)}.bar--gn i{background:var(--gn)}
.steps{display:flex;gap:.8rem;flex-wrap:wrap}
.steps span{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.4rem .6rem .6rem;border-radius:4rem;background:var(--g1);font-weight:600;font-size:1.4rem;color:var(--g5)}
.steps span i{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--g2);font-style:normal;font-size:1.2rem}
.steps span[aria-current]{background:#19171c;color:#fff}.steps span[aria-current] i{background:var(--ye);color:#19171c}
.steps span.done i{background:var(--gn);color:#fff}
.field{display:grid;gap:.6rem}
.field label{font-weight:600;font-size:1.4rem}
.field input{height:5.6rem;padding:0 2rem;border-radius:1.6rem;border:0;background:var(--bg);box-shadow:inset 0 0 0 .1rem var(--g2);font-size:1.8rem;outline:none}
.field input:focus{box-shadow:inset 0 0 0 .2rem var(--ink)}
.kv{display:grid;gap:1rem}
.kv div{display:flex;justify-content:space-between;gap:1.6rem;font-size:1.5rem;padding:1rem 0;border-bottom:1px solid var(--g2)}
.kv div:last-child{border-bottom:0}.kv span{color:var(--g5)}.kv b{font-weight:600;text-align:right}

/* Баннеры и подсказки */
.note{display:flex;gap:1.2rem;align-items:flex-start;padding:1.6rem 2rem;border-radius:1.6rem;background:var(--vi5);font-size:1.4rem;line-height:1.45}
.note i{flex-shrink:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--vi2);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:1.3rem;color:#19171c}
.note--ye{background:#fbffd0}.note--ye i{background:var(--ye)}
.toast{position:fixed;left:50%;bottom:2.4rem;transform:translate(-50%,2rem);z-index:60;padding:1.4rem 2.2rem;border-radius:4rem;background:#19171c;color:#fff;font-weight:600;font-size:1.5rem;box-shadow:var(--shadow-ui);opacity:0;transition:opacity .3s,transform .5s var(--spring);pointer-events:none}
.toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Карточки банок в списках */
.jarcard{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:2rem;align-items:center;padding:2rem;border-radius:2.4rem;background:var(--g1);transition:transform .6s var(--spring),background .3s}
.jarcard:hover{transform:translateY(-.4rem);background:var(--g2)}
.jarcard .poster--sm{max-width:9rem}
.jarcard b{display:block;font-weight:600;font-size:1.7rem}.jarcard small{color:var(--g5);font-size:1.3rem}
.jarcard .nums{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin-top:.8rem;font-size:1.4rem}.jarcard .nums>span{white-space:nowrap}.jarcard .nums b{display:inline;font-size:1.5rem}

/* Пустое состояние (день запуска) */
.empty{display:grid;gap:1.6rem;justify-items:center;text-align:center;padding:4.8rem 3.2rem;border-radius:3.2rem;background:var(--vi5)}
.empty .poster{max-width:18rem}

/* Футер */
.af{margin-top:8rem;padding:4rem 0 calc(4rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--g2);font-size:1.3rem;color:var(--g5)}
.af .ac{display:flex;flex-wrap:wrap;gap:1.6rem 3.2rem;align-items:center;justify-content:space-between}
.af nav{display:flex;flex-wrap:wrap;gap:1.6rem}
.af p{width:100%;font-size:1.2rem;color:var(--g4)}

/* Появление блоков */
.rv{transition:opacity .8s var(--out),transform .8s var(--out)}
.rv.rv--armed{opacity:0;transform:translateY(1.6rem)}
.rv.rv--in{opacity:1;transform:none}

/* Окна: подключение кошелька, транзакции, действия */
.ov{position:fixed;inset:0;z-index:70;display:grid;place-items:end center;padding:0;background:rgba(25,23,28,.42);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.ov.is-on{opacity:1}
.ov__box{width:100%;max-width:46rem;max-height:92svh;overflow:auto;background:var(--bg);border-radius:3.2rem 3.2rem 0 0;padding:2.8rem 2.8rem calc(2.8rem + env(safe-area-inset-bottom,0px));transform:translateY(2rem);transition:transform .5s var(--spring);display:grid;gap:1.6rem}
.ov.is-on .ov__box{transform:none}
@media (min-width:641px){.ov{place-items:center;padding:2rem}.ov__box{border-radius:3.2rem;padding:3.2rem}}
.ov__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem}
.ov__head h3{font-family:var(--font-display);font-weight:800;font-size:2.4rem;letter-spacing:-.03em;line-height:1.05}
.ov__x{width:3.6rem;height:3.6rem;border-radius:50%;background:var(--g1);display:grid;place-items:center;flex-shrink:0}
.ov__sub{font-size:1.4rem;color:var(--g5);line-height:1.45}
.wopt{display:grid;gap:.8rem}
.wopt button{display:flex;align-items:center;gap:1.4rem;padding:1.4rem 1.6rem;border-radius:1.8rem;background:var(--g1);font-weight:600;font-size:1.6rem;text-align:left;transition:transform .5s var(--spring),background .2s}
.wopt button:hover{background:var(--g2);transform:translateX(.3rem)}
.wopt i{width:3.6rem;height:3.6rem;border-radius:1rem;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:1.4rem;color:#fff;flex-shrink:0}
.wopt small{display:block;font-weight:500;color:var(--g5);font-size:1.3rem}
.txsteps{display:grid;gap:.8rem}
.txstep{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1.2rem 1.4rem;border-radius:1.6rem;background:var(--g1);font-size:1.5rem;font-weight:600;color:var(--g5)}
.txstep i{width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;background:var(--g2);font-style:normal;font-size:1.3rem;color:var(--g5)}
.txstep.is-on{color:var(--ink)}.txstep.is-on i{background:#19171c;color:#fff}
.txstep.is-done{color:var(--ink)}.txstep.is-done i{background:var(--gn);color:#fff}
.txstep small{font-weight:500;font-size:1.3rem;color:var(--g5)}
.spin{width:1.8rem;height:1.8rem;border-radius:50%;border:.25rem solid var(--g2);border-top-color:#19171c;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hash{font-family:ui-monospace,Menlo,monospace;font-size:1.3rem;color:var(--g5);word-break:break-all}
.ok-big{display:grid;justify-items:center;gap:1rem;text-align:center;padding:1.6rem 0}
.ok-big i{width:6.4rem;height:6.4rem;border-radius:50%;background:var(--gn);display:grid;place-items:center;color:#fff;font-style:normal;font-size:2.8rem;animation:feedIn .6s var(--spring) both}
.ok-big b{font-family:var(--font-display);font-weight:800;font-size:2.6rem;letter-spacing:-.03em}
.wmenu{position:absolute;right:0;top:calc(100% + .8rem);width:28rem;background:var(--bg);border-radius:2rem;box-shadow:var(--shadow-ui);padding:1.2rem;display:none;z-index:60}
.wmenu.is-open{display:grid;gap:.2rem}
.wmenu__bal{padding:1.2rem 1.4rem;border-radius:1.4rem;background:var(--g1);display:grid;gap:.2rem;margin-bottom:.6rem}
.wmenu__bal b{font-family:var(--font-display);font-weight:800;font-size:2.4rem;letter-spacing:-.03em}
.wmenu__bal small{color:var(--g5);font-size:1.3rem}
.wmenu a,.wmenu button{display:flex;justify-content:space-between;padding:1.1rem 1.4rem;border-radius:1.2rem;font-weight:500;font-size:1.5rem;text-align:left;width:100%}
.wmenu a:hover,.wmenu button:hover{background:var(--g1)}
.wmenu .danger{color:var(--rd)}
.wallet-wrap{position:relative}
.wallet{cursor:pointer}
.sel{display:grid;gap:.6rem}
.sel button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1.2rem 1.4rem;border-radius:1.6rem;background:var(--g1);text-align:left;font-size:1.5rem}
.sel button[aria-pressed="true"]{box-shadow:inset 0 0 0 .2rem var(--ink);background:var(--bg)}
.sel b{display:block;font-weight:600}.sel small{color:var(--g5);font-size:1.3rem}