:root{--bg:#060c09;--sf:#0b1510;--tx:#f3f7f2;--mu:#a8b5aa;--ac:#aeff32}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,"Segoe UI",Roboto,sans-serif;padding-bottom:90px}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15}h2{font-size:28px}h1{font-size:clamp(30px,7vw,52px)}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}
header{padding:12px 18px;padding-top:calc(12px + env(safe-area-inset-top));position:sticky;top:0;z-index:20;background:#060c09ee;backdrop-filter:blur(10px)}
.lg{display:flex;align-items:center;gap:10px;font:700 19px Georgia,serif}.lg img{height:38px;border-radius:10px}
.lg i{width:38px;height:38px;border-radius:12px;background:var(--ac);color:#060c09;display:grid;place-items:center;font-style:normal}
nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#101a13;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;z-index:30}
nav a{flex:1;text-align:center;font-size:12px;padding:8px 2px;border-radius:14px;color:var(--mu)}nav a b{display:block;font-size:20px}nav a.on{background:var(--ac);color:#060c09}
main{max-width:1000px;margin:auto;padding:14px 18px}.pg{display:none}.pg.on{display:block}
.hb{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:14px;background:var(--ac);color:#060c09;font-weight:700;border:0;cursor:pointer}.btn.g{background:#ffffff14;color:var(--tx)}
.card{background:var(--sf);border-radius:22px;padding:18px;margin-top:18px}
.kp{display:flex;gap:28px;margin:10px 0}.kp b{display:block;font:700 28px Georgia,serif}.kp small{color:var(--mu)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;margin-top:16px}
.mem{background:var(--sf);border-radius:30px 30px 20px 20px;overflow:hidden}
.pw{position:relative}.ph{aspect-ratio:1;width:100%;object-fit:cover;display:block}
.ini{aspect-ratio:1;display:grid;place-items:center;font:700 90px Georgia,serif;background:#1c2b20;color:var(--ac)}
.st{position:absolute;top:12px;right:12px;padding:3px 11px;border-radius:99px;background:#060c09d9;font-size:12px}.st:before{content:"●";color:var(--c);margin-right:5px}
.mi{padding:14px}.mi small{color:var(--mu)}.mi p{margin-top:6px;font-size:14px;color:#c4d6c6}.mi p.nt{color:var(--ac)}
.acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.acts a,.acts button{flex:1;text-align:center;padding:9px 6px;border-radius:12px;background:#ffffff14;border:0;cursor:pointer;font-size:13px;white-space:nowrap}
.acts a:first-child{background:#25d366;color:#04230f}.acts button{background:var(--ac);color:#060c09;font-weight:700}.acts input{flex:3;margin:0}
label{display:block;font-size:14px;color:var(--mu)}
input,textarea,select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid #ffffff22;background:#0c150f;margin:4px 0 10px}
.pick{display:flex;gap:8px;overflow-x:auto;margin:12px 0}.pk{flex:none;padding:8px 16px;border-radius:99px;border:0;background:#ffffff14;cursor:pointer}.pk.on{background:var(--ac);color:#060c09;font-weight:700}
.msgs{height:300px;overflow:auto;display:flex;flex-direction:column;gap:8px;margin:12px 0}
.m{background:#ffffff0f;border-radius:14px;padding:8px 12px;max-width:85%;align-self:flex-start}.m.me{align-self:flex-end;background:var(--ac);color:#060c09}.m b{margin-right:6px}
details{background:#ffffff0a;border-radius:14px;padding:10px 14px;margin-top:8px}summary{cursor:pointer}
.bar{animation:gr 1s cubic-bezier(.2,.8,.2,1) backwards;transform-box:fill-box;transform-origin:bottom}@keyframes gr{from{transform:scaleY(0)}}
.ln{stroke-dasharray:1;animation:dr 1.6s .4s ease-out backwards}@keyframes dr{from{stroke-dashoffset:1}}
.sc img,.sc .ini{aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:20px;display:block;font-size:48px}.sc b{display:block;margin-top:6px}
footer{text-align:center;padding:24px;color:var(--mu);font-size:14px}
.abar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#101a13;position:sticky;top:0;z-index:5}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 18px}.tabs .btn{flex:none}.af{max-width:680px;margin:auto;padding:0 18px 40px}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
@media(min-width:800px){nav{top:calc(8px + env(safe-area-inset-top));bottom:auto;left:auto;right:18px;background:none;border:0;padding:0}nav a{padding:9px 16px;font-size:15px}nav a b{display:none}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}
.pg.on{animation:pin .45s ease}@keyframes pin{from{opacity:0;transform:translateY(10px)}}
.site{position:relative;background:var(--sf);border:1px solid #ffffff14;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,border-color .2s}
.site:hover{transform:translateY(-4px);border-color:var(--ac)}
.site .ic{width:54px;height:54px;border-radius:16px;background:#ffffff0f;display:grid;place-items:center;font-size:28px;overflow:hidden;margin-bottom:8px}.site .ic img{width:100%;height:100%;object-fit:cover}
.site b{font:700 19px Georgia,serif}.site small{color:var(--mu);word-break:break-all}
.site .go{margin-top:10px;color:var(--ac);font-weight:700;font-size:14px}
.mem{border:1px solid #ffffff10}.card{border:1px solid #ffffff10}
footer{border-top:1px solid #ffffff10;margin-top:30px}

#ib{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--ac);color:#060c09;padding:10px 18px;position:relative;z-index:15}
#ib[hidden],#vw[hidden]{display:none}#ib small{opacity:.75}#ib .btn{background:#060c09;color:var(--ac);padding:8px 14px}#ib .btn.g{background:#0000001f;color:#060c09}
#vw{position:fixed;inset:0;z-index:70;background:#060c09;display:flex;flex-direction:column}
.vb{display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:#101a13}
.vb b{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vb .btn{padding:8px 14px}
#vf{flex:1;border:0;width:100%;background:#fff}
dialog#ih{margin:auto;width:min(420px,92vw);background:var(--sf);color:var(--tx);border:1px solid #ffffff22;border-radius:22px;padding:22px}dialog#ih::backdrop{background:#000b}

.hero{--c1:#1f7a34;--c2:#d9ff7a;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;min-height:min(80vh,640px);padding:56px 22px 160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:22px;color:#fff;background:var(--c1) center/cover}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(#ffffff55 1px,transparent 1.3px) 0 0/7px 7px;-webkit-mask-image:linear-gradient(#000 20%,transparent 90%);mask-image:linear-gradient(#000 20%,transparent 90%);opacity:.45;animation:dr2 14s linear infinite}
@keyframes dr2{to{background-position:0 28px}}
.hero:after{content:"";position:absolute;left:50%;bottom:-130px;width:76%;height:320px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 100%,var(--c2) 0%,var(--c2) 14%,#fff0 70%);filter:blur(22px);z-index:-1;animation:gl 5s ease-in-out infinite alternate}
@keyframes gl{to{opacity:.65;transform:translateX(-50%) scale(1.12)}}
.pill{display:inline-flex;align-items:center;gap:10px;padding:7px 8px 7px 16px;border-radius:99px;border:1px solid #ffffff80;font-size:14px;font-weight:600;max-width:100%}
.pill .ar{width:28px;height:28px;border-radius:50%;background:#fff;color:var(--c1);display:grid;place-items:center;flex:none}
.hero h1{font:600 clamp(32px,7vw,62px)/1.04 system-ui,"Segoe UI",Roboto,sans-serif;letter-spacing:-.035em;max-width:22ch}
.hero p{max-width:46ch;font-size:clamp(15px,2.4vw,18px);color:#ffffffe0}
.hero .hb{justify-content:center}
.cta{display:inline-flex;align-items:center;gap:6px;padding:14px 26px;border-radius:99px;background:#fff;color:#111;font-weight:700;border:0;cursor:pointer;font-size:15px;transition:transform .2s}.cta:hover{transform:translateY(-2px)}
.cta.g{background:#ffffff2e;color:#fff;border:1px solid #ffffff55}
.hero.login{min-height:auto;padding:44px 22px 130px}
.lf{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}
.lf input{border-radius:99px;background:#ffffff1f;border:1px solid #ffffff55;color:#fff;padding:14px 18px;margin:0;text-align:center}.lf input::placeholder{color:#ffffffb3}
.m{white-space:pre-line}.m img{display:block;max-width:100%;border-radius:10px;margin-top:6px}

header{display:flex;align-items:center;justify-content:space-between}
.m.sys{align-self:center;background:#ffffff0d;color:var(--mu);font-size:13px;text-align:center}
@media(min-width:800px){nav{right:150px}}
html[data-th=light]{--bg:#eef3ee;--sf:#fff;--tx:#0b1510;--mu:#4d6554}
html[data-th=light] header{background:#eef3eeee}html[data-th=light] nav{background:#fff;border-color:#0000001a}
html[data-th=light] .card,html[data-th=light] .mem,html[data-th=light] .site{border-color:#0000001a}
html[data-th=light] input,html[data-th=light] textarea,html[data-th=light] select{background:#f4f8f4;border-color:#0000002e}
html[data-th=light] .m{background:#0000000a}html[data-th=light] .m.me{background:var(--ac)}
html[data-th=light] .pk,html[data-th=light] .acts a,html[data-th=light] .btn.g{background:#0000000f;color:var(--tx)}
html[data-th=light] .acts a:first-child{background:#25d366}html[data-th=light] .vb{background:#fff}html[data-th=light] .ini{background:#dfeadf}html[data-th=light] details{background:#0000000a}
html[data-th=light] #ib .btn.g{background:#0000001f;color:#060c09}

.row2{display:flex;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid #ffffff10;cursor:pointer}.row2:hover{background:#ffffff08}
.av2{width:48px;height:48px;border-radius:50%;background:#1c2b20;color:var(--ac);display:grid;place-items:center;font:700 19px Georgia,serif;flex:none}
.rw{flex:1;min-width:0}.rw b{display:block}.rw small{display:block;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rt{text-align:right;font-size:12px;color:var(--mu);flex:none}.dt{color:var(--ac);font-size:16px}
.chip{display:inline-block;font:600 11px system-ui;border:1px solid #ffffff30;color:var(--mu);border-radius:99px;padding:1px 8px;margin-left:4px}
.bdg{display:inline-block;min-width:18px;padding:0 6px;border-radius:99px;background:var(--ac);color:#060c09;font:700 11px/18px system-ui;margin-left:4px}.bdg[hidden]{display:none}
.cv{position:fixed;inset:0;z-index:60;background:var(--bg);display:flex;flex-direction:column}.cv[hidden]{display:none}
.cvh{display:flex;align-items:center;gap:6px;padding:8px 8px;padding-top:calc(8px + env(safe-area-inset-top));background:#101a13}
.cvh button{background:none;border:0;font-size:22px;color:var(--tx);padding:6px 12px;cursor:pointer}.cvt{flex:1;min-width:0}.cvt small{display:block;color:var(--mu)}
.cv .msgs{flex:1;height:auto;margin:0;padding:12px}
.qr{display:flex;gap:6px;overflow-x:auto;padding:6px 10px;background:#101a13}.qr .btn{flex:none;padding:6px 12px;font-size:13px}
.cvf{display:flex;gap:8px;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#101a13}.cvf input{margin:0;border-radius:99px}
.sheet{position:absolute;right:10px;top:58px;background:#101a13;border:1px solid #ffffff22;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:220px;z-index:5}.sheet[hidden]{display:none}
.bn{position:fixed;bottom:0;left:0;right:0;display:flex;background:#101a13;border-top:1px solid #ffffff14;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:40}
.bn button{flex:1;background:none;border:0;color:var(--mu);font-size:11px;padding:6px 2px;border-radius:12px;cursor:pointer}.bn button b{display:block;font-size:20px;font-weight:400}.bn button.on{color:var(--ac)}
.af.wide{max-width:1000px}
@media(max-width:899px){.tabs{display:none}.abar{padding-top:calc(12px + env(safe-area-inset-top))}}
@media(min-width:900px){.bn{display:none}.ibx{display:grid;grid-template-columns:340px 1fr;gap:16px;height:calc(100vh - 150px)}.tl{overflow:auto}.cv{position:static;border-radius:18px;overflow:hidden;border:1px solid #ffffff14}.cvh [data-a=bk2]{display:none}.sheet{top:58px}}
html[data-th=light] .cvh,html[data-th=light] .qr,html[data-th=light] .cvf,html[data-th=light] .bn,html[data-th=light] .sheet{background:#fff}
.abar b{font-size:16px}.abar span{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.abar .btn{padding:7px 11px;font-size:13px;white-space:nowrap}

.desk .abar{background:#0b1510;border-bottom:1px solid #ffffff10;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top))}
.dkl{display:flex;align-items:center;gap:12px}.dkl b{display:block;font-size:16px}.dkl small{display:block;color:var(--mu);font-size:12px}
.lgm{width:38px;height:38px;border-radius:12px;background:var(--ac);color:#060c09;display:grid;place-items:center;font:800 18px system-ui}
.ib{background:#ffffff10;border:0;color:var(--tx);width:40px;height:40px;border-radius:12px;font-size:20px;cursor:pointer}
.desk .af{padding-top:16px}.btn.sm{padding:6px 14px;font-size:13px}.mu{color:var(--mu)}
.pt{display:flex;align-items:center;justify-content:space-between;font:700 24px system-ui,sans-serif;margin:4px 0 14px}
.kpg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:700px){.kpg{grid-template-columns:repeat(4,1fr)}}
.kc{background:var(--sf);border:1px solid #ffffff10;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:2px}.kc span{font-size:22px}.kc b{font:800 30px system-ui,sans-serif}.kc small{color:var(--mu)}
.g2{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:800px){.g2{grid-template-columns:1fr 1fr}}
.desk .card h3{font:700 16px system-ui,sans-serif;margin-bottom:10px}
.brow{display:grid;grid-template-columns:1fr 90px 28px;gap:10px;align-items:center;padding:6px 0;font-size:14px}.brow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brow i{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--ac) var(--w),#ffffff14 var(--w))}.brow b{text-align:right}
.mr{display:flex;align-items:center;gap:12px;padding:8px 0}
.sd{font-size:12px;color:var(--c);border:1px solid var(--c);border-radius:99px;padding:2px 10px;white-space:nowrap}
.av2.sm{width:42px;height:42px;font-size:17px;overflow:hidden}.av2 img{width:100%;height:100%;object-fit:cover}
details.mc,details.sec{background:var(--sf);border:1px solid #ffffff10;border-radius:18px;margin-bottom:10px;overflow:hidden}
details.mc>summary,details.sec>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;font-weight:700}
details>summary::-webkit-details-marker{display:none}
details.mc>summary:after,details.sec>summary:after{content:"›";margin-left:auto;transition:transform .2s;color:var(--mu);font-size:22px}
details[open]>summary:after{transform:rotate(90deg)}
.mb{padding:0 14px 14px}.sub{margin-top:14px;border-top:1px solid #ffffff10;padding-top:12px}
.sbar{position:sticky;bottom:86px;padding:10px 0;display:flex;justify-content:flex-end}.sbar .btn{box-shadow:0 8px 24px #000a}
@media(min-width:900px){.sbar{bottom:14px}}
.tlh{padding:0 0 10px}.tlh input{margin:0 0 8px;border-radius:99px;padding:11px 16px}
.chips{display:flex;gap:6px;overflow-x:auto}.ch{flex:none;border:0;background:#ffffff10;color:var(--tx);padding:7px 14px;border-radius:99px;cursor:pointer;font-size:13px}.ch.on{background:var(--ac);color:#060c09;font-weight:700}
.empty{text-align:center;color:var(--mu);padding:50px 16px;line-height:1.8;font-size:15px}
.cv .m{position:relative;padding:8px 12px 20px;min-width:90px}.cv .m .tmx{position:absolute;right:10px;bottom:4px;font-size:10px;opacity:.6}.cv .m .by{display:block;font:600 11px system-ui;opacity:.7;margin-bottom:2px}.cv .m.sys{padding:6px 12px}
.dsep{align-self:center;font-size:12px;color:var(--mu);background:#ffffff0d;padding:3px 12px;border-radius:99px;margin:6px 0}
.stc{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:12px 0}.stc button{border:1px solid #ffffff22;background:#ffffff0a;color:var(--tx);border-radius:14px;padding:12px;cursor:pointer;font-weight:600}.stc button.on{border-color:var(--c);color:var(--c);background:#ffffff14}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#eaf5e6;color:#060c09;padding:10px 18px;border-radius:99px;font-weight:700;z-index:90;box-shadow:0 8px 30px #000a;animation:tin .25s}
@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}}

.abar span.lgm{display:grid}

nav a{white-space:nowrap}
@media(min-width:900px){#ib{display:none!important}}
.fh{position:fixed;right:16px;bottom:88px;z-index:25;background:var(--ac);color:#060c09;font-weight:700;padding:12px 18px;border-radius:99px;box-shadow:0 8px 24px #0006}.fh[hidden]{display:none}
@media(min-width:900px){.fh{bottom:24px}}
.hubw{max-width:560px;margin:0 auto}.hub{display:grid;gap:12px;margin-top:18px}
.hc{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;text-align:left;background:var(--sf);border:1px solid #ffffff14;border-radius:20px;padding:16px;color:var(--tx);cursor:pointer;transition:transform .15s,border-color .15s}
.hc span{grid-row:1/3;font-size:26px;width:48px;height:48px;border-radius:14px;background:#ffffff0f;display:grid;place-items:center}.hc b{font-size:17px}.hc small{color:var(--mu)}.hc:hover{transform:translateY(-2px);border-color:var(--ac)}
.chv{display:flex;flex-direction:column;height:calc(100dvh - 240px);min-height:440px;max-width:720px;margin:0 auto;background:var(--sf);border:1px solid #ffffff14;border-radius:22px;overflow:hidden}
.chh{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0a}.chn{flex:1;min-width:0}.chn b{display:block}.chn small{color:var(--mu)}
.chp .ph,.chp .ini{width:44px;height:44px;aspect-ratio:auto;border-radius:50%;object-fit:cover;font-size:20px;flex:none}
.od{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c);margin-right:6px}
.ib2{background:none;border:0;font-size:20px;width:42px;height:42px;border-radius:50%;cursor:pointer;color:var(--tx);flex:none}.ib2:hover{background:#ffffff14}
.chv .pick{padding:6px 12px;margin:0}.note{background:#ffc85722;color:var(--tx);padding:8px 14px;font-size:14px}
.chv .msgs{flex:1;height:auto;margin:0;padding:12px 14px}
.chv .m{position:relative;padding:8px 12px 20px;min-width:80px;max-width:82%}.chv .m .tmx{position:absolute;right:10px;bottom:4px;font-size:10px;opacity:.6}.chv .m.sys{padding:6px 12px}
.qk{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 8px}.qk:empty{display:none}.qk button{border:1px solid var(--ac);background:none;color:var(--ac);padding:8px 14px;border-radius:99px;cursor:pointer;font-size:14px}
.cmp{display:flex;align-items:center;gap:4px;padding:10px;border-top:1px solid #ffffff10}.cmp input{flex:1;margin:0;border-radius:99px;padding:12px 16px;font-size:16px;min-width:0}
.snd{width:46px;height:46px;border-radius:50%;border:0;background:var(--ac);color:#060c09;font-size:18px;cursor:pointer;flex:none}
.tkp{padding:10px 14px;border-top:1px solid #ffffff10;background:#ffffff08;max-height:46vh;overflow:auto}.nmr{padding:8px 12px 0}.nmr input{margin:0;border-radius:99px;padding:10px 16px}
html[data-th=light] .chh,html[data-th=light] .tkp{background:#0000000a}html[data-th=light] .hc span{background:#0000000a}html[data-th=light] .ib2:hover{background:#0000000f}html[data-th=light] .hc,html[data-th=light] .chv{border-color:#0000001a}
@media(max-width:899px){.chv{height:calc(100dvh - 190px)}}
[hidden]{display:none!important}