:root{--bg:#fff9f2;--ink:#2e2a36;--mute:#5e5560;--line:#eadfd3;--acc:#1a1820;--onacc:#fff;--card:#fffdf9;--hl:#ffd5c2;--p1:#ffd9c7;--p2:#dad3f3;--p3:#cfe5f5;--p4:#d3ede3;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1e1a24;--ink:#f6efe8;--mute:#b9afbc;--line:#3a3342;--acc:#fff9f2;--onacc:#1a1820;--card:#2a2531}}
:root[data-theme="dark"]{--bg:#1e1a24;--ink:#f6efe8;--mute:#b9afbc;--line:#3a3342;--acc:#fff9f2;--onacc:#1a1820;--card:#2a2531}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.55 "Outfit",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:inherit}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0}
nav b{font-weight:800}
nav button,.btn{font:inherit;font-weight:600;border:1.5px solid var(--ink);background:none;color:var(--ink);padding:10px 18px;border-radius:99px;cursor:pointer;text-decoration:none;display:inline-block}
.btn.pri{background:var(--acc);border-color:var(--acc);color:var(--onacc)}
h1{font-size:clamp(40px,8vw,84px);line-height:1;letter-spacing:-.03em;font-weight:800;margin:40px 0 20px;max-width:14ch}
h2{font-size:clamp(26px,4vw,40px);letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}
.lede{font-size:clamp(19px,2.4vw,24px);max-width:36em;min-height:5.2em}
.ask{margin:28px 0 8px;font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font:inherit;padding:12px 18px;border-radius:14px;border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer}
.chip[aria-pressed=true]{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc)}
.about{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center;padding:72px 0;border-top:1px solid var(--line);margin-top:56px}
.me{width:200px;height:200px;border-radius:50%;background:var(--acc);color:var(--onacc);display:grid;place-items:center;font-size:64px;font-weight:800}
.work{padding:20px 0 80px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:22px}
.cs{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer;overflow:hidden;transition:transform .25s,order .25s}
.cs:hover{transform:translateY(-3px)}
.cs .th{aspect-ratio:4/3;background:var(--p1);display:flex;align-items:center;justify-content:center;gap:8px}
.cs[data-id=ways] .th{background:var(--p2)}.cs[data-id=invest] .th{background:var(--p2)}
.cs[data-id=hub] .th{background:var(--p3)}.cs[data-id=site] .th{background:var(--p3)}
.cs[data-id=sys] .th{background:var(--p4)}.cs[data-id=tvs] .th{background:var(--p1)}.cs[data-id=agent] .th{background:var(--p4)}
.cs .ph{width:46px;height:88px;border-radius:10px;border:2px solid #2e2a36;background:#fff}
.cs .ph:nth-child(2){transform:translateY(10px)}
.cs .tx{padding:16px 18px 20px}
.cs small{color:var(--mute);display:block}
.pick{display:none;color:var(--acc);font-weight:600}
.cs.rec .pick{display:block}
.lock{display:inline-block;margin-right:6px}
footer{border-top:1px solid var(--line);padding:30px 0 50px;color:var(--mute);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
dialog{border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);padding:28px;max-width:380px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(10,12,16,.6)}
input{font:inherit;width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);margin:12px 0}
.err{color:#d6341f;min-height:1.4em;font-size:15px}
.fbs{padding:20px 0 80px;border-top:1px solid var(--line)}
.fbf{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 6px}
.fbl{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:18px}
.fb{margin:0;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px}
.fb blockquote{margin:0 0 14px;font-size:21px;line-height:1.35;letter-spacing:-.01em}
.fb figcaption{color:var(--mute);font-size:16px}
.fb figcaption b{color:var(--ink)}
.fb details{margin-top:12px;font-size:16px}
.fb summary{cursor:pointer;font-weight:600;color:var(--acc)}
.fb mark{background:var(--hl);color:#2e2a36;border-radius:3px;padding:0 3px}
.fbc{color:var(--mute);margin:8px 0 0;min-height:1.5em}
.navr{display:flex;gap:8px;flex-wrap:wrap}
nav{flex-wrap:wrap;gap:10px}
.try{padding:56px 0;border-top:1px solid var(--line);display:grid;gap:12px;justify-items:start}
#a11y{margin:0;position:fixed;inset:auto 14px 14px auto;width:min(400px,calc(100% - 28px));max-height:min(78vh,720px);overflow:auto;padding:22px}
#a11y::backdrop{background:transparent}
.ah{display:flex;justify-content:space-between;gap:12px;align-items:start}
.ah h2{font-size:24px}
.x{font:inherit;border:1.5px solid var(--line);background:none;color:var(--ink);border-radius:99px;width:40px;height:40px;flex:none;cursor:pointer}
.ag{border:0;padding:0;margin:16px 0 0}
.ag legend{font-weight:600;margin-bottom:8px;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts button{font:inherit;font-size:15px;padding:9px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.opts button[aria-pressed=true]{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}
.anote{color:var(--mute);font-size:16px}
#lensbar{display:none;position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:50;background:var(--ink);color:var(--bg);border-radius:99px;padding:8px 8px 8px 18px;gap:12px;align-items:center;white-space:nowrap}
html[data-lens] #lensbar{display:flex}
#lensbar button{font:inherit;font-weight:600;border:0;border-radius:99px;padding:8px 14px;background:var(--bg);color:var(--ink);cursor:pointer}
html[data-size="2"] .wrap{zoom:1.15}
html[data-size="3"] .wrap{zoom:1.3}
html[data-space="roomy"] body{line-height:1.9;letter-spacing:.06em;word-spacing:.12em}
html[data-font="read"] body{font-family:"Lexend",system-ui,sans-serif}
html:root[data-contrast="high"]{--bg:#fff;--ink:#000;--mute:#1a1a1a;--line:#000;--acc:#0000d6;--onacc:#fff;--card:#fff;color-scheme:light}
html[data-motion="off"] *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
html[data-lens=blur] .wrap{filter:blur(2.5px) contrast(.8)}
html[data-lens=deut] .wrap{filter:url(#f-d)}
html[data-lens=prot] .wrap{filter:url(#f-p)}
html[data-lens=trit] .wrap{filter:url(#f-t)}
html[data-lens=kbd] *{cursor:none!important}
html[data-lens=kbd] :focus-visible{outline:4px solid #ff8a00;outline-offset:4px}
/* case study */
#case{display:none}
body.in-case #home{display:none}
body.in-case #case{display:block}
.back{background:none;border:0;font:inherit;font-weight:600;color:var(--ink);cursor:pointer;padding:22px 0}
.sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:26px 0 10px}
.sum div{border-left:3px solid var(--acc);padding-left:14px}
.sum b{display:block;font-size:30px;letter-spacing:-.02em}
.story{display:grid;grid-template-columns:1fr 300px;gap:60px;margin-top:40px}
.step{min-height:80vh;padding-top:10vh;max-width:30em}
.step p{color:var(--mute)}
.device{position:sticky;top:calc(24px + env(safe-area-inset-top,0px));align-self:start;height:min(600px,80vh);width:290px;border:10px solid var(--ink);border-radius:42px;background:var(--card);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;transition:background .4s}
.device span{font-weight:600;color:#5e5560}
.wide{aspect-ratio:16/9;border-radius:18px;background:var(--card);border:1px dashed var(--mute);display:grid;place-items:center;color:var(--mute);margin:40px 0}
@media(max-width:760px){.about{grid-template-columns:1fr}.story{grid-template-columns:1fr}.device{position:sticky;top:8px;width:100%;height:220px;border-radius:24px;z-index:2;order:-1}.step{min-height:60vh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.me{overflow:hidden;background:var(--p2)}.me img{width:100%;height:100%;object-fit:cover;display:block}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.tags span{padding:6px 14px;border-radius:99px;background:var(--card);border:1px solid var(--line);font-size:15px}
.stp{position:sticky;top:0;z-index:20;margin:0 -22px;padding:10px 22px 0;background:var(--bg);border-bottom:1px solid var(--line)}
.stp ol{list-style:none;display:flex;gap:6px;margin:0;padding:0 0 10px;overflow-x:auto;scrollbar-width:none}
.stp a{display:block;white-space:nowrap;text-decoration:none;font-size:14px;font-weight:600;padding:6px 12px;border-radius:99px;color:var(--mute)}
.stp a.on{background:var(--acc);color:var(--onacc)}.stp a b{margin-right:6px;opacity:.7}
.stp i{position:absolute;left:0;bottom:-1px;height:3px;background:var(--acc);width:0}
.cs-hero{text-align:center;padding:28px 0 8px}.cs-hero h1{max-width:none;margin:12px auto 16px}.cs-hero .lede{margin:0 auto;min-height:0}.cs-hero img{width:min(560px,100%);margin:24px auto 0;display:block}
.sec{padding:64px 0;border-top:1px solid var(--line);scroll-margin-top:70px}.sec>h2{text-align:center;margin-bottom:28px}
.ctr{max-width:680px;margin:0 auto}.ctr p{color:var(--mute)}
.meta4{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.meta4>div{padding:22px 20px;border-left:1px solid var(--line)}.meta4>div:first-child{border-left:0}
.meta4 h3{margin:0 0 8px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.meta4 ul{margin:0;padding-left:1.1em;font-size:16px;line-height:1.5}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.seg{border-radius:24px;padding:30px;color:#2e2a36}.seg.p2{background:var(--p2)}.seg.p4{background:var(--p4)}
.seg h3{font-size:26px;margin:0 0 12px}.seg ul{margin:0;padding-left:1.1em}.seg li{margin-bottom:10px}
.proc{display:flex;justify-content:center;list-style:none;padding:0;margin:0}
.proc li{flex:1;text-align:center;position:relative;max-width:210px;font-size:17px;color:var(--mute)}
.proc li b{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 12px;border:2px solid var(--ink);border-radius:50%;color:var(--ink);font-size:22px;background:var(--bg);position:relative;z-index:1}
.proc li:not(:last-child)::after{content:"";position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:var(--ink)}
.feat{max-width:680px;margin:0 auto 20px;text-align:center}.feat h3{font-size:clamp(22px,3vw,30px);margin:0 0 10px;letter-spacing:-.01em;line-height:1.15}.feat p{color:var(--mute);margin:0 0 12px}
.phones{display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin:36px 0 64px}.phones figure{margin:0;text-align:center}.phones figcaption{margin-top:12px;font-weight:600}
.pf{width:min(250px,70vw);border:9px solid #1a1820;border-radius:40px;display:block;background:#fff;margin:0 auto}
.row2{display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center}.row2 .feat{text-align:left;margin:0 0 24px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.stat{border-radius:24px;padding:30px 24px;text-align:center;color:#2e2a36;background:var(--p1)}
.stat b{display:block;font-size:clamp(40px,6vw,60px);line-height:1.05;letter-spacing:-.03em}.stat span{display:block;margin-top:10px;font-style:italic}
.stats .stat:nth-child(2){background:var(--p2)}.stats .stat:nth-child(3){background:var(--p3)}.stats .stat:nth-child(4){background:var(--p4)}
.shot{width:100%;border-radius:18px;border:1px solid var(--line);display:block}.cap{text-align:center;color:var(--mute);font-size:16px;margin:10px 0 40px}
.proto{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:18px;background:#fff}
@media(max-width:760px){.two,.row2{grid-template-columns:1fr}.meta4>div{border-left:0;border-top:1px solid var(--line)}.meta4>div:first-child{border-top:0}.proc{flex-wrap:wrap;gap:24px 0}.proc li{flex:0 0 50%}.proc li:not(:last-child)::after{display:none}}
.hero2{display:grid;grid-template-columns:1.2fr 1fr;grid-template-areas:"intro photo" "chips photo";column-gap:44px;row-gap:0;align-items:center}
.hero2 .h-intro{grid-area:intro;align-self:end}.hero2 .h-chips{grid-area:chips;align-self:start}.hero2 .me{grid-area:photo}
.hero2 .me{width:100%;height:auto;aspect-ratio:1;border-radius:28px;font-size:0;box-shadow:0 18px 40px rgba(46,42,54,.12)}
@media(max-width:760px){.hero2{grid-template-columns:1fr;grid-template-areas:"intro" "photo" "chips";row-gap:24px}.hero2 .h-intro,.hero2 .h-chips{align-self:auto}.hero2 .me{max-width:420px}}

.aud{margin:20px 0 0;max-width:34em;font-size:20px;line-height:1.5;border-left:4px solid var(--acc);padding-left:16px}.aud a{color:var(--ink)}
.rate{display:flex;gap:14px;align-items:center;margin:14px 0 6px;padding:14px;border-radius:16px;background:var(--bg);border:1px solid var(--line)}
.rate b{display:block;font-size:19px}.rd{display:block;color:var(--mute);font-size:15px;line-height:1.4;margin-top:2px}
.rb{flex:none;min-width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-weight:700;font-size:22px;color:#2e2a36;background:var(--p3)}
.rb[data-l=AAA]{background:var(--p4)}.rb[data-l=Fail]{background:#ffb3b3}
.rd2{font-size:15px;margin:0 0 6px}.rd2 summary{cursor:pointer;font-weight:600;color:var(--acc)}.rd2 ul{list-style:none;padding:0;margin:10px 0}.rd2 li{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}.rd2 p{color:var(--mute);margin:0}
.geo-only{display:none}
html[data-fun="geo"] .geo-only{display:block}html[data-fun="geo"] span.geo-only{display:inline}
.geo-marq{overflow:hidden;white-space:nowrap;background:#000;border:2px dashed #ff0;color:#39ff14;font-weight:700;letter-spacing:.06em;padding:6px 0;margin:8px 0}
.geo-marq span{display:inline-block;padding-left:100%;animation:mq 22s linear infinite}
.geo-uc{text-align:center;margin:36px auto;padding:10px 18px;width:fit-content;color:#000;font-weight:700;background:repeating-linear-gradient(45deg,#ffe600,#ffe600 14px,#222 14px,#222 28px);border:3px ridge #ffe600}
.geo-uc b{background:#ffe600;padding:4px 12px;animation:bl 1s steps(2,start) infinite}
.geo-fl{position:fixed;font-size:34px;z-index:5;pointer-events:none}
.geo-fl.a{left:2%;top:30%;animation:bn 1.4s ease-in-out infinite alternate}.geo-fl.b{right:3%;top:45%;animation:sp2 3s linear infinite}.geo-fl.c{left:4%;bottom:12%;animation:sp2 5s linear infinite reverse}.geo-fl.d{right:5%;bottom:8%;animation:bn 1.1s ease-in-out infinite alternate}
.geo-badges{gap:8px;flex-wrap:wrap}html[data-fun="geo"] span.geo-badges{display:flex}.geo-badges i{font-style:normal;border:2px outset #aaa;background:#333;color:#fff;font-size:12px;padding:2px 6px}
#geoback{position:fixed;left:14px;bottom:14px;z-index:99999}
.spark{position:fixed;pointer-events:none;z-index:99999;font-size:18px;animation:sk .8s ease-out forwards}
@keyframes mq{to{transform:translateX(-100%)}}@keyframes bl{to{visibility:hidden}}@keyframes bn{to{transform:translateY(-22px)}}@keyframes sp2{to{transform:rotate(360deg)}}
@keyframes sk{to{transform:translateY(26px) rotate(90deg);opacity:0}}@keyframes drift{to{background-position:0 420px}}@keyframes tw{from{opacity:.25}to{opacity:1}}@keyframes rb{to{background-position:200% 0}}
html:root[data-fun="geo"]{--bg:#06001f;--ink:#ffff66;--mute:#7df9ff;--line:#ff00ff;--card:#14003a;--acc:#ff33cc;--onacc:#000;--hl:#ff66ff;color-scheme:dark}
html[data-fun="geo"] *{font-family:"Comic Sans MS","Comic Sans","Chalkboard SE","Comic Neue",cursive!important}
html[data-fun="geo"] body{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#ffe,transparent),radial-gradient(2px 2px at 70px 150px,#fff,transparent),radial-gradient(1px 1px at 190px 20px,#7df9ff,transparent),radial-gradient(1.5px 1.5px at 100px 190px,#ff9cf0,transparent);background-size:210px 210px;animation:drift 60s linear infinite}
html[data-fun="geo"] body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 40px 60px,#fff,transparent),radial-gradient(2px 2px at 160px 140px,#ffe14d,transparent),radial-gradient(1.5px 1.5px at 250px 40px,#fff,transparent);background-size:310px 220px;animation:tw 2s ease-in-out infinite alternate}
html[data-fun="geo"] .wrap{position:relative;z-index:1}
html[data-fun="geo"] h1,html[data-fun="geo"] h2{background:linear-gradient(90deg,#ff3b3b,#ffb000,#ffff00,#38ff7a,#2de2ff,#b64dff,#ff3b3b);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rb 4s linear infinite}
html[data-fun="geo"] .btn,html[data-fun="geo"] nav button,html[data-fun="geo"] .chip,html[data-fun="geo"] .opts button{border-radius:0;border:3px outset #c0c0c0;background:#c0c0c0;color:#000;box-shadow:none}
html[data-fun="geo"] .btn.pri{background:#ff33cc;border-color:#ff99e6}html[data-fun="geo"] .chip[aria-pressed=true],html[data-fun="geo"] .opts button[aria-pressed=true]{border-style:inset;background:#ffe600;box-shadow:none}
html[data-fun="geo"] .cs,html[data-fun="geo"] .seg,html[data-fun="geo"] .stat,html[data-fun="geo"] .fb,html[data-fun="geo"] .rate,html[data-fun="geo"] dialog{border:4px ridge #ff00ff;border-radius:0}
html[data-fun="geo"] .me{border:6px ridge #00ffff;border-radius:0}
html[data-fun="geo"] a{color:#4da6ff;text-decoration:underline}html[data-fun="geo"] a:visited{color:#cc66ff}html[data-fun="geo"] a.btn{color:#000}
html[data-motion="off"] .geo-marq span{animation:none;padding-left:0;display:block;text-align:center;white-space:normal}html[data-motion="off"] body::after,html[data-motion="off"] *::after{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-fun="geo"] *,html[data-fun="geo"] *::after{animation:none!important}html[data-fun="geo"] .geo-marq span{padding-left:0;display:block;text-align:center;white-space:normal}}

.seg.p1{background:var(--p1)}.seg.p3{background:var(--p3)}.seg p{margin:0 0 12px}
.bul{color:var(--mute);padding-left:1.1em;margin:14px 0 0}.bul li{margin-bottom:12px}
.row2 .feat .bul li{font-size:17px}
video.pf{background:#000;aspect-ratio:9/19.5;object-fit:cover}.cs-hero .pf{margin:28px auto 0}
.ph-note{border:2px dashed var(--line);border-radius:18px;padding:28px;text-align:center;color:var(--mute)}
.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:28px 0}.pills span{background:var(--p1);color:#2e2a36;font-weight:600;padding:12px 20px;border-radius:16px}
.tl{list-style:none;padding:0 0 0 18px;border-left:2px solid var(--line)}.tl li{position:relative;padding:7px 0}.tl li::before{content:"";position:absolute;left:-25px;top:17px;width:12px;height:12px;border-radius:50%;background:var(--acc)}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:28px}.gal img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;border:1px solid var(--line)}.gal img.c{object-fit:contain;background:#fff}

body{font-size:17px}
h1{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.06;margin:28px 0 14px}#home h1{max-width:18ch}
h2{font-size:clamp(22px,3vw,32px)}
.lede{font-size:clamp(17px,1.9vw,20px);min-height:0}.aud{font-size:18px}
.seg h3{font-size:22px}.feat h3{font-size:clamp(20px,2.4vw,26px)}.stat b{font-size:clamp(32px,4.6vw,46px)}
.cs-hero img{width:auto;max-width:min(520px,100%);max-height:300px;object-fit:contain;margin:18px auto 0;border-radius:20px;display:block}
.cs-hero img.pf{width:170px;height:210px;max-height:none;object-fit:cover;object-position:top;border-width:6px;border-bottom:0;border-radius:30px 30px 0 0}
.cs-hero img.pyb{max-width:420px;max-height:260px}
.cs .th img.t{width:100%;height:100%;min-height:0;object-fit:contain;padding:12px}.cs[data-fit=cover] .th img.t{object-fit:cover;padding:0}
.shot.c2{border:0;border-radius:0}
.pf-ph{aspect-ratio:9/19.5;display:grid;place-items:center;background:var(--card);border-style:dashed;color:var(--mute);font-size:15px;text-align:center;padding:16px}
.sub{margin:14px 0 0;padding-left:1.1em}

.sw{display:flex;gap:10px;justify-content:center;margin:22px 0 4px}.sw i{width:34px;height:34px;border-radius:50%;border:2px solid #2e2a36}
.cs .th .sw{margin:0}.cs .th .sw i{width:30px;height:30px}
.pal{display:flex;gap:6px;margin:4px 0 8px}.pal i{width:26px;height:26px;border-radius:50%;border:1.5px solid rgba(46,42,54,.5)}
.bb,.ba{display:block;margin:4px 0 8px}.bb i{display:block;height:44px;border-radius:10px;background:rgba(46,42,54,.25)}.ba i{display:block;height:6px;width:60%;border-radius:3px;background:#2e2a36}
.evo .seg p{margin:0 0 10px}

.pwrap{position:relative;margin:12px 0}.pwrap input{margin:0!important;padding-right:52px!important}
.eye{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;background:none;color:var(--mute);cursor:pointer;border-radius:50%;display:grid;place-items:center;padding:0}
.eye:hover{color:var(--ink);background:var(--line)}.eye .e2{display:none}.eye[aria-pressed=true] .e1{display:none}.eye[aria-pressed=true] .e2{display:block}