/* LYMOS — página de links da bio (lymos.com.br/links). Depende dos tokens de site.css.
   Proporção áurea: espaços e tipos seguem φ (1,618). Vidro (glassmorphism) sobre uma aurora verde,
   com toques de neo-brutalismo: bordas grossas, sombras duras deslocadas e selos em ângulo. */

:root{
  --phi:1.618;
  /* espaços: 6 · 10 · 16 · 26 · 42 · 68 · 110 (cada um ≈ o anterior × φ) */
  --g1:6px;--g2:10px;--g3:16px;--g4:26px;--g5:42px;--g6:68px;--g7:110px;
  /* tipos: 12,4 · 16 · 20,4 · 25,9 · 41,9 (passos de √φ e φ) */
  --f0:12.4px;--f1:16px;--f2:20.4px;--f3:25.9px;--f5:41.9px;
  --glass:rgba(17,24,19,.52);--glass-hi:rgba(233,240,235,.07);--edge:rgba(233,240,235,.16);
  --hard:rgba(0,232,107,.9);
}

body.bare{min-height:100vh;min-height:100dvh;background:var(--void);overflow-x:clip}

.lk-stage{position:relative;width:100%;overflow:hidden;overflow:clip;min-height:100vh;min-height:100dvh}

/* Aurora: três luzes verdes que passeiam devagar atrás do vidro */
.lk-aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.lk-aurora i{position:absolute;border-radius:50%;opacity:.55;will-change:transform}
.lk-aurora i:nth-child(1){width:110vmax;height:68vmax;left:-30vmax;top:-34vmax;background:radial-gradient(closest-side,rgba(0,232,107,.26),transparent 70%)}
.lk-aurora i:nth-child(2){width:68vmax;height:68vmax;right:-26vmax;top:30vh;background:radial-gradient(closest-side,rgba(59,255,143,.16),transparent 70%)}
.lk-aurora i:nth-child(3){width:68vmax;height:42vmax;left:-10vmax;bottom:-22vmax;background:radial-gradient(closest-side,rgba(0,184,107,.2),transparent 70%)}

.lk{position:relative;width:min(452px,100% - 2 * var(--g3));margin:0 auto;padding:var(--g6) 0 var(--g5);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g4)}

/* Topo: marca, nome, convite e ícones */
.lk-head{position:relative;display:grid;justify-items:center;text-align:center;gap:var(--g2);padding-top:var(--g3)}
.lk-mark{position:relative;display:grid;place-items:center;width:var(--g6);height:var(--g6);border-radius:var(--g3);background:var(--glass);border:2px solid var(--edge);box-shadow:5px 5px 0 var(--hard);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}
.lk-mark img{width:40px;height:auto}
.lk-mark::after{content:"";position:absolute;left:50%;top:50%;width:var(--g7);height:var(--g7);margin:calc(var(--g7) / -2) 0 0 calc(var(--g7) / -2);border-radius:50%;border:1px solid rgba(0,232,107,.4);pointer-events:none}
.lk-head h1{margin-top:var(--g2);font:750 var(--f5)/1 var(--display);letter-spacing:.14em;max-width:none;padding-left:.14em}
.lk-word span span{display:inline-block}
.lk-bio{font-size:var(--f1);color:var(--muted);max-width:30ch}
.lk-invite{display:inline-flex;align-items:center;gap:var(--g2);margin-top:var(--g1);padding:var(--g1) var(--g3) var(--g1) var(--g2);border-radius:999px;border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:var(--f0);color:var(--text)}
.lk-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(0,232,107,.6)}

.lk-social{display:flex;justify-content:center;gap:var(--g3);margin-top:var(--g2)}
.lk-social a{position:relative;overflow:hidden;display:grid;place-items:center;width:var(--g5);height:var(--g5);border-radius:var(--g2);color:var(--text);background:var(--glass);border:2px solid var(--edge);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s var(--ease),box-shadow .18s var(--ease),color .2s,border-color .2s}
.lk-social svg{width:20px;height:20px}
@media (hover:hover){.lk-social a:hover{color:var(--signal);border-color:rgba(0,232,107,.55);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--hard)}}
.lk-social a:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--hard)}

/* Vidro com borda grossa e sombra dura */
.lk-glass{position:relative;background:linear-gradient(160deg,var(--glass-hi),transparent 38%),var(--glass);border:2px solid var(--edge);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 0 0 rgba(0,0,0,0);transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s var(--ease),translate .18s var(--ease),box-shadow .18s var(--ease),border-color .2s}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.lk-glass,.lk-mark,.lk-invite{background:var(--panel)}}
@media (hover:hover){
  .lk-glass:hover{translate:-3px -3px;box-shadow:5px 5px 0 var(--hard);border-color:rgba(0,232,107,.55)}
}
.lk-glass:active{translate:2px 2px;box-shadow:0 0 0 var(--hard)}

.lk-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g3)}
.lk-btn{overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--g3);min-height:var(--g6);padding:var(--g2) var(--g4) var(--g2) var(--g2);border-radius:var(--g3)}
.lk-ic{display:grid;place-items:center;width:var(--g5);height:var(--g5);border-radius:var(--g2);background:rgba(5,7,6,.6);border:1px solid var(--edge);color:var(--signal);flex:none}
.lk-ic svg{width:21px;height:21px}
.lk-txt{display:grid;gap:2px;min-width:0}
.lk-txt b,.lk-row b{font-weight:600;font-size:var(--f1)}
.lk-txt small,.lk-row small{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-go{width:18px;height:18px;color:var(--faint);transition:transform .2s var(--ease),color .2s}
.lk-btn:hover .lk-go,.lk-row:hover .lk-go{transform:translateX(3px);color:var(--text)}

/* WhatsApp: bloco verde sólido, o gesto principal da página */
.lk-main{overflow:hidden;background:var(--signal);border-color:var(--void);color:var(--on-signal);box-shadow:6px 6px 0 var(--text);min-height:calc(var(--g6) + var(--g2))}
.lk-main .lk-txt small{color:rgba(2,21,10,.72)}
.lk-main .lk-txt b{font-size:var(--f2);letter-spacing:-.01em}
.lk-main .lk-ic{background:var(--on-signal);border-color:var(--on-signal);color:var(--signal)}
.lk-main .lk-go{color:var(--on-signal)}
@media (hover:hover){.lk-main:hover{background:var(--signal-hi);border-color:var(--void);box-shadow:9px 9px 0 var(--text)}}
.lk-main:active{box-shadow:0 0 0 var(--text)}
.lk-main::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}


/* Produtos: retângulos áureos (largura = altura × φ) */
.lk-sec{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--g3)}
.lk-label{display:flex;align-items:center;gap:var(--g2);margin:var(--g2) 0 0;font:500 var(--f0)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);max-width:none}
.lk-prod{display:flex;flex-direction:column;gap:var(--g2);aspect-ratio:1.618/1;padding:var(--g4);border-radius:var(--g4)}
.lk-prod-top{display:flex;justify-content:space-between;align-items:center;gap:var(--g3)}
.lk-prod-name{display:inline-flex;align-items:center;gap:var(--g1);padding:var(--g1) var(--g2);border:2px solid var(--signal);border-radius:6px;font:500 var(--f0)/1 var(--mono);letter-spacing:.1em;color:var(--signal)}
.lk-prod-price{flex:none;padding:var(--g1) var(--g2);border-radius:6px;background:var(--text);color:var(--void);font:600 var(--f0)/1.2 var(--mono);rotate:-3deg;box-shadow:3px 3px 0 var(--signal)}
.lk-prod h3{margin-top:var(--g1);font:700 var(--f2)/1.2 var(--display);letter-spacing:-.015em;text-wrap:balance}
.lk-prod p{color:var(--muted);font-size:14.5px}
.lk-prod-actions{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--g2);margin-top:auto;padding-top:var(--g2)}
.lk-prod-actions .btn{position:relative;overflow:hidden;width:100%;height:42px;padding:0 var(--g3);border-width:2px;font-size:14px}
.lk-prod-actions .btn-go{border-color:var(--void);box-shadow:3px 3px 0 var(--text)}
.lk-prod-actions .btn-go:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--text)}
.lk-prod-actions .btn-line{background:rgba(5,7,6,.4)}

.lk-row{overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:var(--g3);padding:var(--g3) var(--g4) var(--g3) var(--g3);border-radius:var(--g3);border-style:dashed}
.lk-row span{display:grid;gap:2px;min-width:0}

.lk-foot{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--g1) var(--g2);padding-top:var(--g2);font-size:13.5px;color:var(--faint)}
.lk-foot a,.lk-foot .link-btn{display:inline-flex;align-items:center;min-height:32px;padding:0 4px}
.lk-foot a:hover,.lk-foot .link-btn:hover{color:var(--text)}

/* Faixa correndo (neo-brutal): larga como a tela, levemente inclinada */
.lk-marquee{width:112vw;margin:var(--g2) calc(50% - 56vw);rotate:-2deg;overflow:hidden;background:var(--signal);color:var(--on-signal);border-block:2px solid var(--void);box-shadow:0 5px 0 var(--text)}
.lk-track{display:flex;align-items:center;gap:var(--g3);width:max-content;padding:var(--g2) 0;white-space:nowrap;font:600 var(--f0)/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.lk-track i{width:7px;height:7px;background:var(--on-signal);flex:none}

/* Luz que segue o toque ou o mouse */
.lk-glow{position:absolute;left:0;top:0;width:68vmax;height:68vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(0,232,107,.2),transparent 70%);transform:translate3d(calc(var(--px,50vw) - 34vmax),calc(var(--py,30vh) - 34vmax),0);will-change:transform}

/* Onda do toque */
.lk-wave{position:absolute;border-radius:50%;background:rgba(0,232,107,.32);pointer-events:none;scale:0;animation:lk-wave .7s cubic-bezier(.2,.7,.2,1) forwards}
.lk-main .lk-wave,.lk-prod .btn-go .lk-wave{background:rgba(255,255,255,.5)}
@keyframes lk-wave{to{scale:1;opacity:0}}

/* Página do formulário (/briefing) */
.bf{width:min(620px,100% - 2 * var(--g3));padding-top:var(--g4);gap:var(--g4)}
.bf-head{display:flex;justify-content:space-between;align-items:center;gap:var(--g3)}
.bf-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 var(--g3) 0 var(--g2);border-radius:var(--g2);border:2px solid var(--edge);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:14px;font-weight:500;color:var(--text)}
.bf-back svg{width:16px;height:16px;rotate:180deg}
.bf-back:hover{border-color:rgba(0,232,107,.55)}
.bf-brand{display:inline-flex;align-items:center;gap:10px;font:700 15px/1 var(--display);letter-spacing:.16em}
.bf-intro{display:grid;gap:var(--g2)}
.bf-intro h1{font:720 clamp(32px,8vw,var(--f5))/1.05 var(--display);letter-spacing:-.025em;max-width:16ch}
.bf-intro .lk-bio{max-width:44ch}
.bare .form{background:linear-gradient(160deg,var(--glass-hi),transparent 30%),var(--glass);border:2px solid var(--edge);box-shadow:6px 6px 0 var(--hard);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-radius:var(--g4)}
.bare .form-bar,.bare .form-foot{background:rgba(5,7,6,.45)}
.bare .field input,.bare .field textarea,.bare .opt-box{background:rgba(5,7,6,.55)}
.bare .form-foot .btn-go{border:2px solid var(--void);box-shadow:4px 4px 0 var(--text)}
.bare .form-foot .btn-go:active{translate:2px 2px;box-shadow:0 0 0 var(--text)}
.bf-alt{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;font-size:14.5px;color:var(--muted)}
.bf-alt a{display:inline-flex;align-items:center;gap:6px;min-height:32px;color:var(--signal);font-weight:600}
.bf-alt svg{width:16px;height:16px}

/* Aviso de cookies no mesmo vidro */
.bare .cookies{background:linear-gradient(160deg,var(--glass-hi),transparent 40%),rgba(17,24,19,.78);border:2px solid var(--edge);box-shadow:6px 6px 0 var(--hard);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border-radius:var(--g3)}
.bare .cookies .btn{border-width:2px}
/* com o aviso aberto, o rodapé ganha espaço para não ficar escondido atrás dele */
.bare:has(.cookies) .lk{padding-bottom:230px}

/* Movimento */
@media (prefers-reduced-motion:no-preference){
  /* aurora mais viva e com profundidade (inclinação do celular e rolagem) */
  .lk-aurora i{opacity:.72;translate:calc(var(--tx,0) * 7vmax) calc(var(--ty,0) * -9vmax)}
  .lk-aurora i:nth-child(2){translate:calc(var(--tx,0) * -10vmax) calc(var(--ty,0) * 6vmax)}

  /* nome: letras sobem em cascata e depois ondulam de tempos em tempos */
  .lk-word span span{animation:lk-letter .9s cubic-bezier(.2,.8,.2,1) backwards,lk-letter-wave 7s ease-in-out infinite;animation-delay:calc(var(--l) * 70ms + 160ms),calc(var(--l) * 90ms + 2.2s)}
  @keyframes lk-letter{from{opacity:0;translate:0 .7em;rotate:10deg;filter:blur(6px)}}
  @keyframes lk-letter-wave{0%,82%,100%{translate:0 0}88%{translate:0 -.16em;color:var(--signal)}94%{translate:0 .04em}}

  /* marca flutua e a sombra dura acompanha */
  .lk-head .lk-mark{animation:lk-in .9s cubic-bezier(.2,.7,.2,1) backwards,lk-bob 5.5s ease-in-out 1.2s infinite;animation-delay:120ms,1.2s}
  @keyframes lk-bob{0%,100%{translate:0 0;box-shadow:5px 5px 0 var(--hard)}50%{translate:0 -7px;box-shadow:8px 12px 0 rgba(0,232,107,.75)}}

  /* ícones sociais flutuam fora de fase */
  .lk-social a{animation:lk-float-i 4.2s ease-in-out infinite}
  .lk-social a:nth-child(2){animation-delay:.5s}
  .lk-social a:nth-child(3){animation-delay:1s}
  @keyframes lk-float-i{0%,100%{translate:0 0}50%{translate:0 -4px}}

  /* faixa correndo */
  .lk-track{animation:lk-marq 24s linear infinite}
  @keyframes lk-marq{to{transform:translateX(-50%)}}

  /* seta do WhatsApp chama o toque; selo de preço balança */
  .lk-main .lk-go{animation:lk-nudge 2.2s ease-in-out infinite}
  @keyframes lk-nudge{0%,60%,100%{translate:0 0}75%{translate:5px 0}}
  .lk-prod-price{animation:lk-wobble 6s ease-in-out infinite}
  .lk-prod:nth-of-type(2) .lk-prod-price{animation-delay:1.4s}
  .lk-prod:nth-of-type(3) .lk-prod-price{animation-delay:2.8s}
  @keyframes lk-wobble{0%,84%,100%{rotate:-3deg}88%{rotate:4deg;scale:1.08}92%{rotate:-6deg}96%{rotate:-1deg}}

  .lk-aurora i:nth-child(1){animation:lk-float1 14s ease-in-out infinite alternate}
  .lk-aurora i:nth-child(2){animation:lk-float2 17s ease-in-out infinite alternate}
  .lk-aurora i:nth-child(3){animation:lk-float3 12s ease-in-out infinite alternate}
  @keyframes lk-float1{to{transform:translate3d(16vmax,10vmax,0) scale(1.1)}}
  @keyframes lk-float2{to{transform:translate3d(-18vmax,-12vmax,0) scale(.9)}}
  @keyframes lk-float3{to{transform:translate3d(12vmax,-16vmax,0) scale(1.15)}}


  .lk-in{animation:lk-in .9s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0) * 62ms + 120ms)}
  @keyframes lk-in{from{opacity:0;transform:translate3d(0,18px,0);filter:blur(8px)}}

  .lk-mark::after{animation:lk-ring 3.2s ease-in-out infinite}
  @keyframes lk-ring{0%,100%{scale:.62;opacity:.9}50%{scale:1;opacity:.15}}
  .lk-dot{animation:lk-ping 2s ease-out infinite}
  @keyframes lk-ping{70%,100%{box-shadow:0 0 0 9px rgba(0,232,107,0)}}
  .lk-main::before{animation:lk-shine 4.2s ease-in-out 1.6s infinite}
  @keyframes lk-shine{0%{transform:translateX(-120%)}38%,100%{transform:translateX(120%)}}
  .bare .cookies{animation:lk-in .9s cubic-bezier(.2,.7,.2,1) 1.4s backwards}
}

/* Produtos sobem e crescem conforme entram na tela ao rolar (navegadores com timeline de rolagem) */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .lk-sec .lk-prod,.lk-sec .lk-label{animation:lk-rise linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
    @keyframes lk-rise{from{translate:0 46px;scale:.92;rotate:-2deg}}
  }
}

@media (max-width:380px){
  .lk-prod{aspect-ratio:auto}
}
@media (min-width:720px){
  .lk{padding-top:calc(var(--g6) + var(--g5))}
}

/* ===== v31: mais neo-brutalismo (bordas claras, sombra sólida), aurora colorida e mini telas vivas ===== */
:root{--edge:rgba(233,240,235,.8)}
.lk-aurora i.lk-a4{width:70vmax;height:70vmax;right:-30vmax;top:-20vmax;background:radial-gradient(closest-side,rgba(139,108,255,.32),transparent 70%);animation:lk-vaga 24s ease-in-out infinite alternate}
.lk-aurora i.lk-a5{width:60vmax;height:60vmax;left:-24vmax;bottom:-10vmax;background:radial-gradient(closest-side,rgba(43,217,254,.22),transparent 70%);animation:lk-vaga 30s ease-in-out -6s infinite alternate-reverse}
@keyframes lk-vaga{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(8vw,10vh,0) scale(1.15)}}
.lk-glass{box-shadow:5px 5px 0 #000}
.lk-main{box-shadow:7px 7px 0 #000;border:3px solid #000;animation:lk-chama 2.6s ease-in-out infinite}
@keyframes lk-chama{0%,100%{transform:rotate(0)}6%{transform:rotate(-1.4deg) scale(1.02)}12%{transform:rotate(1.2deg) scale(1.02)}18%{transform:none}}
.lk-social a{border:2px solid var(--edge);box-shadow:3px 3px 0 #000;background:rgba(17,24,19,.6);transition:translate .15s,box-shadow .15s,background .2s,color .2s}
.lk-social a:hover{translate:-2px -2px;box-shadow:5px 5px 0 var(--signal);background:var(--signal);color:var(--on-signal)}
.lk-social a:nth-child(2):hover{background:#FF6BB5;box-shadow:5px 5px 0 #000;color:#111}
.lk-social a:nth-child(3):hover{background:#2BD9FE;box-shadow:5px 5px 0 #000;color:#111}
.lk-social a:nth-child(4):hover{background:#F7DC6F;box-shadow:5px 5px 0 #000;color:#111}
.lk-sticker{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;background:#F7DC6F;color:#141410;border:2px solid #000;border-radius:8px;box-shadow:3px 3px 0 #000;rotate:-2deg}
.lk-sticker .sq{background:#141410}
.lk-gratis{justify-self:end;margin:-34px 0 0;padding:6px 11px;background:var(--signal);color:var(--on-signal);border:2px solid #000;border-radius:999px;font:700 12.5px/1 var(--sans);box-shadow:3px 3px 0 #000;rotate:2deg}
.lk-prod{aspect-ratio:auto}
.lk-prod-crm{border-color:var(--signal);box-shadow:7px 7px 0 var(--signal)}
.lk-novo{position:absolute;right:14px;top:-14px;z-index:2;padding:6px 11px;background:#FF6BB5;color:#160612;border:2px solid #000;border-radius:8px;font:800 12px/1 var(--sans);letter-spacing:.02em;box-shadow:3px 3px 0 #000}
.lk-mini{display:grid;gap:6px;padding:10px 12px;border:2px solid rgba(233,240,235,.25);border-radius:12px;background:rgba(5,7,6,.5);font-size:13px}
.lk-mini em{font-style:normal;font-size:11.5px;color:var(--faint)}
.lk-mini-bars{grid-template-columns:repeat(5,1fr);align-items:end;height:82px}
.lk-mini-bars span{display:flex;align-items:flex-end;height:52px}
.lk-mini-bars s{display:block;width:100%;height:var(--w);background:var(--signal);border:1.5px solid #000;border-radius:4px 4px 0 0;transition:height 1s var(--ease)}
.lk-mini-bars.neo-encolhido s{height:4%}
.lk-mini-bars em{grid-column:1/-1}
.lk-mini-chat{min-height:96px;align-content:start}
.lk-b{max-width:85%;padding:6px 10px;border-radius:10px;line-height:1.35}
.lk-b.cli{justify-self:start;background:#1a221d}
.lk-b.ia{justify-self:end;background:rgba(0,232,107,.16);border:1px solid rgba(0,232,107,.35)}
.lk-mini-chat .neo-digitando{justify-self:end;padding:7px 10px}
.lk-mini-ofertas{overflow:hidden}
.lk-mini-ofertas>div{display:grid;gap:6px;height:58px;overflow:hidden}
.lk-mini-ofertas>div span{display:block;padding:5px 9px;border-radius:8px;background:#1a221d;animation:lk-sobe-ofertas 8s linear infinite}
.lk-mini-ofertas b{color:var(--signal)}
@keyframes lk-sobe-ofertas{from{transform:translateY(0)}to{transform:translateY(-140px)}}
.lk-row{box-shadow:5px 5px 0 #000}
@media (prefers-reduced-motion:reduce){.lk-main,.lk-aurora i,.lk-mini-ofertas>div span{animation:none}}

/* briefing: assuntos em etiquetas compactas (mesmas do resto do site) e blocos mais justos */
.bare .form-body .fs{padding:18px 0 20px}
.bare .form-body .fs legend{margin-bottom:12px;font-size:15px}
.bare .form-body .fs-n{width:26px;height:26px;font-size:11px}
.bare .form-body .fs-grid{gap:12px}
.bare .form-body .field{gap:6px}
.bare .form-body .field input,.bare .form-body .field textarea{padding:10px 13px;font-size:15px}
.bare .form-body .field textarea{height:104px;min-height:88px;padding-bottom:26px}
.bare .form-body .opts{display:flex;flex-wrap:wrap;gap:8px}
.bare .form-body .opt-box{display:inline-flex;align-items:center;gap:7px;height:auto;padding:7px 12px;border:2px solid rgba(233,240,235,.22);border-radius:9px;background:rgba(5,7,6,.6);transition:transform .14s var(--ease),box-shadow .14s var(--ease),background .2s,border-color .2s}
.bare .form-body .opt-ic{width:16px;height:16px;padding:0;border:0;background:none;color:var(--muted)}
.bare .form-body .opt-t b{font-size:13.5px;font-weight:600;white-space:nowrap}
.bare .form-body .opt-t small,.bare .form-body .opt-ok{display:none}
.bare .form-body .opt input:checked+.opt-box{border-color:#000;background:var(--signal);box-shadow:3px 3px 0 #000;translate:-1px -1px}
.bare .form-body .opt input:checked+.opt-box .opt-ic{background:none;color:var(--on-signal)}
.bare .form-body .opt input:checked+.opt-box .opt-t b{color:var(--on-signal)}
@media (max-width:700px){.bare .form-body .opt-box{padding:7px 10px}.bare .form-body .opt-t b{font-size:13px}}