:root{--bg:#000;--panel:#08080b;--panel2:#0d0d12;--line:#1b1b22;--fg:#f2f2f5;--muted:#7d7d8a;--discord:#5865f2}
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;color-scheme:dark}
body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::selection{background:#fff;color:#000}
canvas{position:fixed;inset:0;width:100%;height:100%}
#stars{z-index:0}
#fx{z-index:60;pointer-events:none}
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% -10%,#ffffff12,transparent 70%),radial-gradient(ellipse at center,transparent 45%,#000 100%)}
svg{display:block}

/* ---------- intro ---------- */
#intro{position:fixed;inset:0;z-index:100;background:#000;display:grid;place-items:center;transition:clip-path .9s cubic-bezier(.77,0,.18,1);clip-path:inset(0 0 0 0)}
#intro.done{clip-path:inset(0 0 100% 0)}
.intro-inner{display:flex;flex-direction:column;align-items:center;gap:26px}
.intro-ship{width:46px;fill:#000;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 0 12px #fff8);animation:shipIn 1.2s cubic-bezier(.2,.8,.2,1) both}
@keyframes shipIn{from{transform:translateY(120px) scale(.4);opacity:0}to{transform:none;opacity:1}}
.intro-logo{display:flex;font-family:Orbitron;font-weight:900;font-size:clamp(1.6rem,6vw,3.2rem);letter-spacing:.12em}
.intro-logo span{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(20px);animation:letter .6s cubic-bezier(.2,.8,.2,1) forwards}
.intro-logo .gap{width:.5em}
.intro-logo span:nth-child(1){animation-delay:.25s}.intro-logo span:nth-child(2){animation-delay:.3s}.intro-logo span:nth-child(3){animation-delay:.35s}.intro-logo span:nth-child(4){animation-delay:.4s}
.intro-logo span:nth-child(6){animation-delay:.5s}.intro-logo span:nth-child(7){animation-delay:.55s}.intro-logo span:nth-child(8){animation-delay:.6s}.intro-logo span:nth-child(9){animation-delay:.65s}.intro-logo span:nth-child(10){animation-delay:.7s}.intro-logo span:nth-child(11){animation-delay:.75s}.intro-logo span:nth-child(12){animation-delay:.8s}
@keyframes letter{to{opacity:1;filter:blur(0);transform:none;text-shadow:0 0 24px #fff6}}
.intro-bar{width:min(260px,60vw);height:2px;background:#ffffff14;border-radius:2px;overflow:hidden}
.intro-bar i{display:block;height:100%;width:100%;background:#fff;box-shadow:0 0 12px #fff;transform-origin:left;animation:bar 1.7s .2s cubic-bezier(.6,0,.2,1) both}
@keyframes bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
#intro.fast *{animation-duration:.01s!important;animation-delay:0s!important}

/* hero elements wait for the intro */
.h-in{opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity 1s,transform 1s cubic-bezier(.2,.8,.2,1),filter 1s}
body.loaded .h-in{opacity:1;transform:none;filter:none}
body.loaded .h-in:nth-child(2){transition-delay:.1s}
body.loaded .h-in:nth-child(3){transition-delay:.2s}
body.loaded .h-in:nth-child(4){transition-delay:.3s}
body.loaded .h-in:nth-child(5){transition-delay:.4s}
body.loaded .h-in:nth-child(6){transition-delay:.6s}

/* ---------- glowing panels ---------- */
.glow-panel{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;isolation:isolate}
.glow-panel::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--a),transparent 0 62%,var(--c,#fff) 78%,transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.35;animation:spin 6s linear infinite;transition:opacity .4s}
.glow-panel:hover::after{opacity:1;animation-duration:2.5s}
.glow-panel:hover{box-shadow:0 0 50px -14px var(--c,#ffffff70),inset 0 0 30px -20px var(--c,#fff)}
@keyframes spin{to{--a:360deg}}

/* ---------- nav ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;transition:background .3s,border-color .3s,padding .3s;border-bottom:1px solid transparent}
body.scrolled nav{background:#000c;backdrop-filter:blur(14px);border-color:#ffffff0f;padding:11px 5vw}
.links{display:flex;align-items:center;gap:26px}
.links>a:not(.discord-btn){color:var(--muted);text-decoration:none;font-size:14px;transition:.2s}
.links>a:not(.discord-btn):hover{color:var(--fg)}
.logo{display:flex;align-items:center;gap:10px;font-family:Orbitron;font-weight:900;letter-spacing:3px;color:var(--fg);text-decoration:none;font-size:15px}
.logo svg{width:20px;fill:#000;stroke:#fff;stroke-width:1.8;transform:rotate(45deg)}

/* ---------- layout ---------- */
section,header{position:relative;z-index:5;padding:110px 6vw;max-width:1140px;margin:0 auto;text-align:center}
header{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:130px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#b9b9c4;letter-spacing:3px;text-transform:uppercase;font-size:11px;margin-bottom:26px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff06}
.dot{width:7px;height:7px;border-radius:50%;background:#3aff8a;box-shadow:0 0 10px #3aff8a;animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
h1,h2{font-family:Orbitron,sans-serif;font-weight:900}
h1{font-size:clamp(2.1rem,7vw,5.4rem);line-height:1.04;letter-spacing:.01em}
h2{font-size:clamp(1.7rem,4.2vw,2.8rem);margin-bottom:12px}
.kicker{color:var(--muted);font-size:12px;letter-spacing:4px;text-transform:uppercase;margin-bottom:12px}
.glow{background:linear-gradient(90deg,#4a4a55,#fff 50%,#4a4a55);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 5s linear infinite;filter:drop-shadow(0 0 22px #ffffff30)}
@keyframes shine{to{background-position:-200% center}}
.sub{color:var(--muted);max-width:560px;margin:22px auto 0;line-height:1.65;font-size:1.05rem}
.section-sub{color:var(--muted);margin-bottom:40px}
kbd,code{background:#ffffff10;border:1px solid #ffffff1c;padding:2px 7px;border-radius:6px;font-size:.88em;color:var(--fg);font-family:ui-monospace,Consolas,monospace}
kbd{border-bottom-width:2px;white-space:nowrap}

/* buttons */
.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:36px}
.btn,.discord-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:15px;transition:transform .25s,box-shadow .25s,background .25s;position:relative;overflow:hidden}
.btn{color:#000;background:#fff}
.btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #ffffff55}
.discord-btn{color:#fff;background:var(--discord);box-shadow:0 0 0 1px #ffffff1a inset}
.discord-btn svg{width:20px;fill:currentColor}
.discord-btn:hover{transform:translateY(-2px);box-shadow:0 0 40px #5865f2aa}
.discord-btn.small{padding:8px 14px;font-size:13px;border-radius:10px}
.discord-btn.small svg{width:16px}
.discord-btn.big{padding:16px 34px;font-size:16px;margin-top:30px}
.btn::before,.discord-btn::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover::before,.discord-btn:hover::before{left:130%}

.stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:56px}
.stats>div{padding:16px 26px;min-width:130px;display:flex;flex-direction:column;gap:4px}
.stats b{font-family:Orbitron;font-size:1.6rem}
.stats>div>span{color:var(--muted);font-size:12px;letter-spacing:1px;text-transform:uppercase}
.scroll-hint{position:absolute;bottom:28px;width:22px;height:36px;border:2px solid #fff3;border-radius:12px}
.scroll-hint::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:wheel 1.6s infinite}
@keyframes wheel{to{transform:translateY(12px);opacity:0}}

/* marquee */
.marquee{position:relative;z-index:5;overflow:hidden;padding:20px 0;border-block:1px solid #ffffff0d;background:#ffffff03;-webkit-mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.track{display:flex;gap:56px;width:max-content;animation:scroll 32s linear infinite}
.track span{display:flex;align-items:center;gap:10px;font-family:Orbitron;font-size:14px;letter-spacing:2px;color:#5d5d68;white-space:nowrap;text-transform:uppercase}
.track img{width:20px;height:20px}
@keyframes scroll{to{transform:translateX(-50%)}}

/* search */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:inherit;font-size:14px;color:var(--muted);background:#ffffff06;border:1px solid var(--line);padding:9px 18px;border-radius:999px;cursor:pointer;transition:.2s}
.chip:hover{color:var(--fg);border-color:#ffffff30}
.chip.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 24px -6px #ffffff90}
.search{position:relative;width:min(340px,100%)}
.search svg{position:absolute;left:16px;top:50%;width:18px;transform:translateY(-50%);color:var(--muted)}
.search input{width:100%;padding:14px 16px 14px 46px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--fg);font:inherit;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s}
.search input:focus{border-color:#ffffff40;box-shadow:0 0 30px -10px #ffffff60}

/* ---------- client cards ---------- */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{display:flex;flex-direction:column;text-align:left;overflow:hidden;transition:transform .15s,box-shadow .4s;opacity:0;translate:0 30px}
.card.in{opacity:1;translate:0 0;transition:opacity .7s,translate .7s,transform .15s,box-shadow .4s}
.card[hidden]{display:none}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:radial-gradient(260px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 18%,transparent),transparent 60%);opacity:0;transition:opacity .3s}
.card:hover::before{opacity:1}
/* screenshot area */
.shot{position:relative;height:180px;overflow:hidden;border-radius:17px 17px 0 0;border-bottom:1px solid var(--line);background:#050507}
.shot[data-img]{cursor:zoom-in}
.shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s;filter:brightness(.85) saturate(1.05)}
.card:hover .shot img{transform:scale(1.07);filter:brightness(1)}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#08080bcc);pointer-events:none}
.shot.empty{display:grid;place-items:center;background:radial-gradient(ellipse at 30% 0%,color-mix(in srgb,var(--c) 40%,transparent),transparent 70%),radial-gradient(ellipse at 80% 120%,color-mix(in srgb,var(--c) 20%,transparent),transparent 60%),#07070a}
.shot.empty b{font-family:Orbitron;font-weight:900;font-size:3.4rem;letter-spacing:.04em;color:#fff;text-shadow:0 0 30px color-mix(in srgb,var(--c) 70%,transparent);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.card:hover .shot.empty b{transform:scale(1.1)}
.status{position:absolute;top:14px;right:14px;z-index:2;font-family:ui-monospace,Consolas,monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#4dffa6;background:#06180fcc;border:1px solid #4dffa655;padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px);box-shadow:0 0 16px -4px #4dffa680}
.status.soon{color:#ffc44d;background:#1a1306cc;border-color:#ffc44d55;box-shadow:0 0 16px -4px #ffc44d80}
.zoom{position:absolute;left:14px;bottom:12px;z-index:2;font-size:12px;color:#fff;background:#000a;border:1px solid #ffffff22;padding:4px 10px;border-radius:8px;opacity:0;transform:translateY(6px);transition:.3s}
.card:hover .zoom{opacity:1;transform:none}

/* text area */
.body{display:flex;flex-direction:column;flex:1;padding:22px}
.title-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.card h3{font-size:1.25rem;font-weight:700;letter-spacing:-.2px}
.ver{font-family:ui-monospace,Consolas,monospace;font-size:12px;font-weight:700;color:#c9c9d4}
.card p{color:var(--muted);font-size:14px;line-height:1.6;margin:10px 0 24px;flex:1}
.dl{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;border-radius:11px;font-family:ui-monospace,Consolas,monospace;font-size:13.5px;font-weight:600;color:#0a0a0f;text-decoration:none;
  background:linear-gradient(100deg,color-mix(in srgb,var(--c) 75%,#fff),color-mix(in srgb,var(--c) 45%,#fff));background-size:150% 100%;transition:box-shadow .25s,transform .25s,background-position .4s}
.dl:hover{box-shadow:0 0 34px -6px var(--c);transform:translateY(-1px);background-position:100% 0}
.dl .arr{transition:transform .3s}
.dl:hover .arr{transform:translateX(4px)}
.dl.disabled{justify-content:center;background:#ffffff0a;color:var(--muted);border:1px solid var(--line);cursor:default}

/* ---- glow + extra flair on cards ---- */
#clients::before{content:"";position:absolute;inset:180px -10vw 0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 40% 35% at 20% 30%,#3a8dff1f,transparent 70%),radial-gradient(ellipse 40% 35% at 80% 55%,#c13cff1c,transparent 70%),radial-gradient(ellipse 40% 30% at 40% 85%,#ff4fa314,transparent 70%);filter:blur(20px)}
.card{box-shadow:0 18px 50px -28px var(--c),0 0 40px -26px var(--c)}
.card:hover{box-shadow:0 26px 80px -26px var(--c),0 0 60px -18px var(--c)}
.card.glow-panel::after{opacity:.6}
.card.glow-panel:hover::after{opacity:1}
.shot::after{background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--c) 14%,#08080be6))}
.shine{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffffff2e 50%,transparent 65%);transform:translateX(-120%)}
.card:hover .shine{transform:translateX(120%);transition:transform .9s ease}
.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:1px;box-shadow:0 0 8px currentColor;animation:pulse 1.6s infinite}
.badge-icon{position:relative;z-index:3;width:54px;height:54px;margin:-27px 0 0 22px;display:grid;place-items:center;font-size:25px;border-radius:15px;
  background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--c) 40%,transparent),#0b0b10 70%);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);
  box-shadow:0 0 26px -6px var(--c),0 8px 20px #000a;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.badge-icon img{width:32px;height:32px;object-fit:contain}
.card:hover .badge-icon{transform:translateY(-4px) rotate(-6deg) scale(1.06)}
.card .body{padding:14px 22px 22px}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tags span{font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;color:color-mix(in srgb,var(--c) 75%,#fff);background:color-mix(in srgb,var(--c) 10%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}
.card p{margin:12px 0 22px}
.dl{position:relative;overflow:hidden}
.dl::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:skewX(-20deg);transition:left .6s}
.dl:hover::before{left:130%}

/* lightbox */
#lightbox{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;background:#000d;backdrop-filter:blur(8px);cursor:zoom-out;opacity:0;transition:opacity .3s}
#lightbox[hidden]{display:none}
#lightbox.open{opacity:1}
#lightbox img{max-width:min(1200px,100%);max-height:80vh;border-radius:14px;border:1px solid #ffffff22;box-shadow:0 0 80px -20px #ffffff40;transform:scale(.94);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#lightbox.open img{transform:none}
#lightbox p{font-family:Orbitron;letter-spacing:2px;color:var(--muted);font-size:13px}

/* features */
.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;text-align:left}
.feature{padding:26px}
.f-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ffffff08;border:1px solid var(--line);margin-bottom:18px}
.f-icon svg{width:22px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.feature h3{font-size:1rem;margin-bottom:6px}
.feature p{color:var(--muted);font-size:14px;line-height:1.55}

/* guide */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;text-align:left;counter-reset:s}
.step{padding:26px}
.step::before{counter-increment:s;content:"0" counter(s);font-family:Orbitron;font-weight:900;font-size:28px;color:transparent;-webkit-text-stroke:1px #ffffff40;display:block;margin-bottom:14px}
.step h3{font-size:1rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:14px;line-height:1.7}

/* faq */
.faq{max-width:760px;margin:0 auto;text-align:left;display:flex;flex-direction:column;gap:12px}
details{border-radius:14px}
summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#ffffff0a;font-size:18px;color:var(--muted);transition:transform .3s,background .3s}
details[open] summary::after{transform:rotate(45deg);background:#fff;color:#000}
details p{color:var(--muted);padding:0 22px 22px;line-height:1.7;animation:open .35s ease}
@keyframes open{from{opacity:0;transform:translateY(-6px)}}

/* join */
.join{padding:64px 30px;overflow:hidden;--c:#5865f2}
.join::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(ellipse at 50% 120%,#5865f233,transparent 65%)}

footer{position:relative;z-index:5;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:1140px;margin:0 auto;padding:36px 6vw;color:#4a4a55;font-size:13px;border-top:1px solid #ffffff0a}
footer .logo{font-size:12px;color:#6a6a75}

.reveal{opacity:0;translate:0 30px;transition:opacity .9s,translate .9s}
.reveal.in{opacity:1;translate:0 0}

@media (max-width:640px){
  .links>a:not(.discord-btn){display:none}
  .discord-btn.small span{display:none}
  section,header{padding:80px 16px}
  .stats>div{min-width:0;flex:1;padding:14px}
  .stats b{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.card,.h-in{opacity:1;translate:0 0;transform:none;filter:none}}

/* ---------- download page ---------- */
.dl-page{min-height:100vh;display:grid;place-items:center;padding:100px 16px 40px;position:relative;z-index:5;text-align:center}
.dl-box{width:min(520px,100%);padding:46px 30px;--c:var(--client,#fff);animation:boxIn .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes boxIn{from{opacity:0;transform:scale(.9) translateY(30px);filter:blur(10px)}}
.ring{position:relative;width:150px;height:150px;margin:0 auto 32px}
.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:3}
.ring .bg{stroke:#ffffff10}
.ring .fg{stroke:var(--client,#fff);stroke-linecap:round;stroke-dasharray:440;stroke-dashoffset:440;filter:drop-shadow(0 0 6px var(--client,#fff))}
.ring .ic{position:absolute;inset:22px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--client,#fff) 35%,transparent),#08080b 70%);border:1px solid #ffffff14;animation:bob 2.4s ease-in-out infinite}
.ring .ic img{width:56px;height:56px;object-fit:contain}
@keyframes bob{50%{transform:translateY(-6px)}}
.orbit{position:absolute;inset:-10px;animation:orbit 3s linear infinite}
.orbit svg{position:absolute;top:-2px;left:50%;width:18px;margin-left:-9px;transform:rotate(90deg);fill:#000;stroke:#fff;stroke-width:1.6;filter:drop-shadow(0 0 6px #fff)}
@keyframes orbit{to{transform:rotate(360deg)}}
.dl-title{font-family:Orbitron;font-weight:900;font-size:clamp(1.3rem,5vw,2rem);letter-spacing:.06em;line-height:1.25}
.dl-title span{display:inline-block;opacity:0;transform:translateY(16px);filter:blur(6px);animation:letter .5s cubic-bezier(.2,.8,.2,1) forwards}
.dl-name{margin-top:12px;color:var(--muted)}
.dl-name b{color:var(--fg)}
.dl-status{margin-top:26px;font-size:14px;color:var(--muted);min-height:1.4em}
.dl-status a{color:var(--fg)}
.dl-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}
.btn.ghost:hover{border-color:#ffffff50;box-shadow:none}
.dl-note{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}