/* =====================================================================
   EDITOR DE VÍDEO ONLINE · DESIGN SYSTEM
   Tokens e componentes da marca. Usado na landing, nas telas de conta e
   na documentação (design-system.html). O app (app.html) tem o próprio
   css/app.css, com as mesmas cores.
   ===================================================================== */

/* ---------- tokens ---------- */
:root{
  /* papel (fundos) */
  --ak-paper-0:#FFFFFF;
  --ak-paper-50:#FBF8F3;
  --ak-paper-100:#F6F1E9;   /* papel da marca */
  --ak-paper-200:#ECE5D9;
  --ak-paper-300:#DDD3C3;   /* linhas */
  --ak-paper-400:#C9BCA6;
  /* tinta (texto) */
  --ak-ink-900:#1D1D1F;     /* tinta da marca */
  --ak-ink-700:#3B3935;
  --ak-ink-500:#6E6A63;
  --ak-ink-300:#A8A29A;
  /* índigo (ação principal) */
  --ak-indigo-700:#3532A8;
  --ak-indigo-600:#4A48D0;
  --ak-indigo-400:#6D73E4;
  --ak-indigo-100:#E4E4FB;
  /* coral (destaque) */
  --ak-coral-700:#C23A20;
  --ak-coral-600:#F05A3E;
  --ak-coral-100:#FDE3DC;
  /* apoio */
  --ak-sun-500:#F2B632;
  --ak-leaf-600:#2E9D62;
  --ak-leaf-100:#DDF2E6;
  --ak-sky-500:#7AA7C7;
  --ak-danger-600:#D63A22;

  /* papéis semânticos */
  --ak-bg:var(--ak-paper-100);
  --ak-surface:var(--ak-paper-0);
  --ak-surface-2:var(--ak-paper-50);
  --ak-line:var(--ak-paper-300);
  --ak-text:var(--ak-ink-900);
  --ak-text-2:var(--ak-ink-700);
  --ak-muted:var(--ak-ink-500);
  --ak-primary:var(--ak-indigo-600);
  --ak-primary-hover:var(--ak-indigo-700);
  --ak-primary-soft:var(--ak-indigo-100);
  --ak-on-primary:#FFFFFF;
  --ak-accent:var(--ak-coral-600);
  --ak-accent-soft:var(--ak-coral-100);
  --ak-success:var(--ak-leaf-600);
  --ak-success-soft:var(--ak-leaf-100);
  --ak-danger:var(--ak-danger-600);
  --ak-focus:0 0 0 3px color-mix(in srgb,var(--ak-primary) 32%,transparent);

  /* tipografia */
  --ak-font:"Avenir Next","Nunito Sans","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
  --ak-font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ak-fs-xs:12px;--ak-fs-sm:13.5px;--ak-fs-md:15.5px;--ak-fs-lg:18px;--ak-fs-xl:22px;
  --ak-fs-2xl:28px;--ak-fs-3xl:36px;--ak-fs-4xl:48px;--ak-fs-5xl:64px;
  --ak-lh-tight:1.1;--ak-lh-snug:1.3;--ak-lh-body:1.6;

  /* espaço (base 4) */
  --ak-s1:4px;--ak-s2:8px;--ak-s3:12px;--ak-s4:16px;--ak-s5:20px;--ak-s6:24px;--ak-s8:32px;--ak-s10:40px;--ak-s12:48px;--ak-s16:64px;--ak-s24:96px;

  /* forma */
  --ak-r-sm:6px;--ak-r-md:10px;--ak-r-lg:14px;--ak-r-xl:20px;--ak-r-pill:999px;
  --ak-shadow-sm:0 1px 2px rgba(40,30,10,.08),0 2px 6px -2px rgba(40,30,10,.10);
  --ak-shadow-md:0 8px 24px -10px rgba(40,30,10,.25);
  --ak-shadow-lg:0 24px 60px -24px rgba(20,15,5,.45);
  --ak-shadow-sticker:0 0 0 5px #fff,0 10px 22px -8px rgba(40,30,10,.35); /* recorte com borda de papel */
  --ak-ease:cubic-bezier(.22,1,.36,1);
  --ak-max:1160px;
  --ak-page:var(--ak-bg);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ak-bg:#111111;--ak-surface:#19191A;--ak-surface-2:#222224;--ak-line:#2E2E31;
  --ak-text:#F0EAE0;--ak-text-2:#D8D1C6;--ak-muted:#A8A29A;
  --ak-primary:#8C8FF6;--ak-primary-hover:#A3A6FA;--ak-primary-soft:#2A2A4C;--ak-on-primary:#12123A;
  --ak-accent:#F26A4F;--ak-accent-soft:#3A2420;--ak-success-soft:#1E3328;}}
:root[data-theme="dark"]{
  --ak-bg:#111111;--ak-surface:#19191A;--ak-surface-2:#222224;--ak-line:#2E2E31;
  --ak-text:#F0EAE0;--ak-text-2:#D8D1C6;--ak-muted:#A8A29A;
  --ak-primary:#8C8FF6;--ak-primary-hover:#A3A6FA;--ak-primary-soft:#2A2A4C;--ak-on-primary:#12123A;
  --ak-accent:#F26A4F;--ak-accent-soft:#3A2420;--ak-success-soft:#1E3328;}

/* tema escuro: fundo de grade (prancheta), em todas as páginas */
:root[data-theme="dark"]{
  --ak-grid-line:rgba(255,255,255,.05);--ak-grid-size:24px;
  --ak-grid:linear-gradient(var(--ak-grid-line) 1px,transparent 1px) 0 0/var(--ak-grid-size) var(--ak-grid-size),linear-gradient(90deg,var(--ak-grid-line) 1px,transparent 1px) 0 0/var(--ak-grid-size) var(--ak-grid-size);
  --ak-page:radial-gradient(130% 90% at 50% 0%,transparent 45%,rgba(0,0,0,.6) 100%) fixed,var(--ak-grid),#111;
  --ak-shadow-sm:0 1px 2px rgba(0,0,0,.4),0 2px 6px -2px rgba(0,0,0,.5);--ak-shadow-md:0 10px 28px -10px rgba(0,0,0,.7);--ak-shadow-lg:0 24px 60px -20px rgba(0,0,0,.85);
  --ak-shadow-sticker:0 0 0 5px #fff,0 14px 30px -8px rgba(0,0,0,.7);
  color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* ---------- base ---------- */
[hidden]{display:none!important}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.ak{margin:0;background:var(--ak-page);color:var(--ak-text);font:400 var(--ak-fs-md)/var(--ak-lh-body) var(--ak-font);-webkit-font-smoothing:antialiased}
.ak a{color:var(--ak-primary);text-underline-offset:3px}
.ak a:hover{color:var(--ak-primary-hover)}
.ak img{max-width:100%;height:auto}
.ak h1,.ak h2,.ak h3,.ak h4{margin:0 0 var(--ak-s3);line-height:var(--ak-lh-snug);letter-spacing:-.015em;font-weight:800}
.ak h1{font-size:var(--ak-fs-4xl);line-height:var(--ak-lh-tight);letter-spacing:-.03em}
.ak h2{font-size:var(--ak-fs-3xl)}
.ak h3{font-size:var(--ak-fs-xl)}
.ak p{margin:0 0 var(--ak-s4)}
.ak :focus-visible{outline:none;box-shadow:var(--ak-focus);border-radius:var(--ak-r-sm)}
.ak-container{max-width:var(--ak-max);margin:0 auto;padding:0 var(--ak-s5)}
.ak-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ak-muted{color:var(--ak-muted)}
.ak-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--ak-fs-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ak-accent)}
.ak-stack{display:flex;flex-direction:column;gap:var(--ak-s4)}
.ak-row{display:flex;align-items:center;gap:var(--ak-s3);flex-wrap:wrap}
.ak-grid{display:grid;gap:var(--ak-s5)}
.ak-divider{border:0;border-top:1px solid var(--ak-line);margin:var(--ak-s6) 0}
.ak-paper-tex{background-image:radial-gradient(rgba(120,90,40,.05) 1px,transparent 1px);background-size:6px 6px}

/* ---------- botões ---------- */
.ak-btn{--h:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 18px;border-radius:var(--ak-r-pill);
  border:1.5px solid transparent;font:700 var(--ak-fs-sm)/1 var(--ak-font);cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s,transform .15s var(--ak-ease),box-shadow .15s}
.ak-btn:active{transform:translateY(1px)}
.ak-btn svg{width:17px;height:17px;flex:none}
.ak-btn--primary{background:var(--ak-primary);color:var(--ak-on-primary)!important}
.ak-btn--primary:hover{background:var(--ak-primary-hover)}
.ak-btn--accent{background:var(--ak-accent);color:#fff!important}
.ak-btn--accent:hover{background:var(--ak-coral-700)}
.ak-btn--dark{background:var(--ak-ink-900);color:#fff!important}
.ak-btn--dark:hover{background:var(--ak-ink-700)}
.ak-btn--secondary{background:var(--ak-surface);border-color:var(--ak-line);color:var(--ak-text)!important}
.ak-btn--secondary:hover{border-color:var(--ak-primary);color:var(--ak-primary)!important}
.ak-btn--ghost{background:transparent;color:var(--ak-text)!important}
.ak-btn--ghost:hover{background:color-mix(in srgb,var(--ak-text) 7%,transparent)}
.ak-btn--danger{background:transparent;border-color:color-mix(in srgb,var(--ak-danger) 45%,transparent);color:var(--ak-danger)!important}
.ak-btn--danger:hover{background:var(--ak-danger);color:#fff!important}
.ak-btn--sm{--h:34px;padding:0 13px;font-size:var(--ak-fs-xs)}
.ak-btn--lg{--h:52px;padding:0 26px;font-size:var(--ak-fs-md)}
.ak-btn--block{width:100%}
.ak-btn[disabled],.ak-btn.is-loading{opacity:.55;pointer-events:none}
.ak-btn.is-loading::after{content:"";width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ak-spin .7s linear infinite}
@keyframes ak-spin{to{transform:rotate(360deg)}}

/* ---------- formulários ---------- */
.ak-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--ak-s4)}
.ak-label{font-size:var(--ak-fs-sm);font-weight:700;color:var(--ak-text-2);display:flex;justify-content:space-between;gap:8px}
.ak-label a{font-weight:600}
.ak-input,.ak-select,.ak-textarea{width:100%;height:46px;padding:0 14px;border-radius:var(--ak-r-md);border:1.5px solid var(--ak-line);background:var(--ak-surface);
  color:var(--ak-text);font:500 var(--ak-fs-md)/1.3 var(--ak-font);transition:border-color .15s,box-shadow .15s}
.ak-textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical}
.ak-input::placeholder,.ak-textarea::placeholder{color:var(--ak-ink-300)}
.ak-input:hover,.ak-select:hover,.ak-textarea:hover{border-color:var(--ak-paper-400)}
.ak-input:focus,.ak-select:focus,.ak-textarea:focus{outline:none;border-color:var(--ak-primary);box-shadow:var(--ak-focus)}
.ak-field.has-error .ak-input,.ak-field.has-error .ak-select{border-color:var(--ak-danger)}
.ak-hint{font-size:var(--ak-fs-xs);color:var(--ak-muted)}
.ak-error{font-size:var(--ak-fs-xs);color:var(--ak-danger);font-weight:600;display:none}
.ak-field.has-error .ak-error{display:block}
.ak-input-wrap{position:relative}
.ak-input-wrap .ak-input{padding-right:46px}
.ak-input-wrap .ak-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:var(--ak-muted);cursor:pointer;border-radius:8px;display:grid;place-items:center}
.ak-input-wrap .ak-eye:hover{color:var(--ak-text)}
.ak-check{display:flex;align-items:flex-start;gap:10px;font-size:var(--ak-fs-sm);color:var(--ak-text-2);cursor:pointer;line-height:1.45}
.ak-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ak-primary);flex:none}
.ak-switch{position:relative;width:42px;height:24px;flex:none}
.ak-switch input{opacity:0;width:0;height:0;position:absolute}
.ak-switch span{position:absolute;inset:0;border-radius:999px;background:var(--ak-paper-300);transition:background .2s;cursor:pointer}
.ak-switch span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--ak-shadow-sm);transition:transform .2s var(--ak-ease)}
.ak-switch input:checked+span{background:var(--ak-primary)}
.ak-switch input:checked+span::after{transform:translateX(18px)}
.ak-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.ak-strength i{height:4px;border-radius:4px;background:var(--ak-line)}
.ak-strength[data-v="1"] i:nth-child(-n+1){background:var(--ak-danger)}
.ak-strength[data-v="2"] i:nth-child(-n+2){background:var(--ak-sun-500)}
.ak-strength[data-v="3"] i:nth-child(-n+3){background:var(--ak-sky-500)}
.ak-strength[data-v="4"] i{background:var(--ak-success)}

/* ---------- superfícies ---------- */
.ak-card{background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:var(--ak-r-lg);padding:var(--ak-s6);box-shadow:var(--ak-shadow-sm)}
.ak-card--flat{box-shadow:none}
.ak .ak-card__title,.ak-card__title{font-size:var(--ak-fs-lg);font-weight:800;margin:0 0 4px;letter-spacing:-.01em}
.ak-card__sub{color:var(--ak-muted);font-size:var(--ak-fs-sm);margin:0 0 var(--ak-s5)}
.ak-sticker{border-radius:var(--ak-r-md);box-shadow:var(--ak-shadow-sticker);background:#fff}
.ak-badge{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--ak-r-pill);font-size:11.5px;font-weight:800;letter-spacing:.02em;
  background:var(--ak-primary-soft);color:var(--ak-primary)}
.ak-badge--accent{background:var(--ak-accent-soft);color:var(--ak-accent)}
.ak-badge--success{background:var(--ak-success-soft);color:var(--ak-success)}
.ak-badge--neutral{background:var(--ak-surface-2);color:var(--ak-text-2);border:1px solid var(--ak-line)}
.ak-badge--dark{background:var(--ak-ink-900);color:#fff}
.ak-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--ak-r-pill);border:1.5px solid var(--ak-line);background:var(--ak-surface);font-weight:700;font-size:var(--ak-fs-sm);color:var(--ak-text);cursor:pointer}
.ak-chip.is-on,.ak-chip:hover{border-color:var(--ak-primary);color:var(--ak-primary);background:var(--ak-primary-soft)}
.ak-alert{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:var(--ak-r-md);border:1px solid;font-size:var(--ak-fs-sm);line-height:1.5}
.ak-alert svg{width:18px;height:18px;flex:none;margin-top:1px}
.ak-alert--info{background:var(--ak-primary-soft);border-color:color-mix(in srgb,var(--ak-primary) 30%,transparent);color:var(--ak-text)}
.ak-alert--success{background:var(--ak-success-soft);border-color:color-mix(in srgb,var(--ak-success) 35%,transparent)}
.ak-alert--warn{background:#FFF4D6;border-color:#F2D17A;color:#5c4511}
.ak-alert--danger{background:var(--ak-accent-soft);border-color:color-mix(in srgb,var(--ak-danger) 35%,transparent)}
.ak-avatar{--sz:40px;width:var(--sz);height:var(--sz);border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(135deg,var(--ak-coral-600),var(--ak-indigo-600));color:#fff;font-weight:800;font-size:calc(var(--sz)*.38);box-shadow:0 0 0 2px var(--ak-surface)}
.ak-avatar img{width:100%;height:100%;object-fit:cover}
.ak-avatar--lg{--sz:96px}.ak-avatar--sm{--sz:30px}
.ak-tabs{display:flex;gap:4px;padding:4px;border-radius:var(--ak-r-pill);background:var(--ak-surface-2);border:1px solid var(--ak-line);width:max-content;max-width:100%;overflow:auto}
.ak-tabs button{height:34px;padding:0 16px;border:0;border-radius:var(--ak-r-pill);background:transparent;color:var(--ak-muted);font:700 var(--ak-fs-sm)/1 var(--ak-font);cursor:pointer}
.ak-tabs button.is-on{background:var(--ak-surface);color:var(--ak-text);box-shadow:var(--ak-shadow-sm)}
.ak-kbd{font:600 11px/1 var(--ak-font-mono);border:1px solid var(--ak-line);border-bottom-width:2px;border-radius:5px;padding:3px 6px;background:var(--ak-surface-2)}
.ak-table{width:100%;border-collapse:collapse;font-size:var(--ak-fs-sm)}
.ak-table th{text-align:left;color:var(--ak-muted);font-weight:700;font-size:var(--ak-fs-xs);text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--ak-line)}
.ak-table td{padding:12px;border-bottom:1px solid var(--ak-line)}
.ak-table tr:last-child td{border-bottom:0}

/* ---------- menu suspenso ---------- */
.ak-menu{position:absolute;min-width:240px;background:var(--ak-surface);border:1px solid var(--ak-line);border-radius:var(--ak-r-lg);box-shadow:var(--ak-shadow-lg);padding:6px;z-index:50}
.ak-menu a,.ak-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:var(--ak-r-md);color:var(--ak-text);font:600 var(--ak-fs-sm)/1.2 var(--ak-font);text-decoration:none;cursor:pointer;text-align:left}
.ak-menu a:hover,.ak-menu button:hover{background:var(--ak-surface-2);color:var(--ak-text)}
.ak-menu svg{width:17px;height:17px;color:var(--ak-muted)}
/* escolha de tema no menu do usuário */
.ak-menu__theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font-size:var(--ak-fs-sm);color:var(--ak-muted);font-weight:700}
.ak-menu__theme .ak-seg{display:inline-flex;gap:2px;padding:2px;border-radius:999px;background:var(--ak-surface-2)}
.ak-menu .ak-menu__theme .ak-seg button{width:auto;border:0;border-radius:999px;padding:5px 9px;font:700 12px/1 var(--ak-font);background:none;color:var(--ak-muted);cursor:pointer;display:inline-block}
.ak-menu .ak-menu__theme .ak-seg button[aria-pressed="true"]{background:var(--ak-surface);color:var(--ak-text);box-shadow:var(--ak-shadow-sm)}
.ak-menu hr{border:0;border-top:1px solid var(--ak-line);margin:6px 0}

/* ---------- planos ---------- */
.ak-plan{position:relative;display:flex;flex-direction:column;gap:var(--ak-s3);background:var(--ak-surface);border:1.5px solid var(--ak-line);border-radius:var(--ak-r-xl);padding:var(--ak-s6)}
.ak-plan.is-featured{border-color:var(--ak-primary);box-shadow:0 0 0 4px var(--ak-primary-soft),var(--ak-shadow-md)}
.ak-plan.is-current{border-color:var(--ak-success)}
.ak-plan__tag{position:absolute;top:-12px;left:var(--ak-s6)}
.ak-plan__name{font-weight:800;font-size:var(--ak-fs-lg)}
.ak-plan__price{font-size:var(--ak-fs-3xl);font-weight:800;letter-spacing:-.03em;line-height:1}
.ak-plan__price small{font-size:var(--ak-fs-sm);font-weight:600;color:var(--ak-muted);letter-spacing:0}
.ak-plan ul{list-style:none;padding:0;margin:var(--ak-s2) 0 var(--ak-s4);display:flex;flex-direction:column;gap:9px;font-size:var(--ak-fs-sm)}
.ak-plan li{position:relative;padding-left:27px;line-height:1.45}
.ak-plan li::before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--ak-success-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E9D62' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/12px no-repeat}
.ak-plan li.is-soon{color:var(--ak-muted)}
.ak-plan .ak-btn{margin-top:auto}

/* ---------- barra de navegação ---------- */
.ak-nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--ak-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--ak-line) 70%,transparent)}
.ak-nav__in{display:flex;align-items:center;gap:var(--ak-s5);min-height:68px}
.ak-logo{display:inline-flex;align-items:center}
.ak-logo img{height:40px;width:auto;display:block}
.ak-logo .ak-logo--dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ak-logo .ak-logo--light{display:none}:root:not([data-theme="light"]) .ak-logo .ak-logo--dark{display:block}}
:root[data-theme="dark"] .ak-logo .ak-logo--light{display:none}:root[data-theme="dark"] .ak-logo .ak-logo--dark{display:block}
.ak-nav__links{display:flex;gap:var(--ak-s5);margin-left:auto;align-items:center}
.ak-nav__links a:not(.ak-btn){color:var(--ak-text-2);text-decoration:none;font-weight:700;font-size:var(--ak-fs-sm)}
.ak-nav__links a:not(.ak-btn):hover{color:var(--ak-primary)}
.ak-footer{border-top:1px solid var(--ak-line);padding:var(--ak-s10) 0;color:var(--ak-muted);font-size:var(--ak-fs-sm)}

/* ---------- botão de tema (claro / escuro) ---------- */
.ak-theme-btn{width:38px;height:38px;flex:none;display:inline-grid;place-items:center;border-radius:50%;border:1.5px solid var(--ak-line);background:var(--ak-surface);color:var(--ak-text);cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .15s}
.ak-theme-btn:hover{border-color:var(--ak-primary);color:var(--ak-primary)}
.ak-theme-btn:active{transform:scale(.92)}
.ak-theme-btn svg{width:18px;height:18px;grid-area:1/1;transition:transform .45s cubic-bezier(.2,1.4,.4,1),opacity .25s}
.ak-theme-btn__sun{opacity:0;transform:rotate(-90deg) scale(.4)}
:root[data-theme="dark"] .ak-theme-btn__sun{opacity:1;transform:none}
:root[data-theme="dark"] .ak-theme-btn__moon{opacity:0;transform:rotate(90deg) scale(.4)}
/* troca suave de cores ao mudar o tema */
.ak-theme-anim,.ak-theme-anim *,.ak-theme-anim *::before,.ak-theme-anim *::after{transition:background-color .35s ease,border-color .35s ease,color .35s ease,fill .35s ease!important}

/* ---------- avisos flutuantes (toast) ---------- */
.ak-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:1000;display:flex;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}
.ak-toast{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;max-width:520px;padding:10px 10px 10px 12px;border-radius:14px;background:var(--ak-ink-900);color:#fff;font:700 14px/1.35 var(--ak-font,inherit);box-shadow:0 12px 32px rgba(20,18,30,.28),0 2px 6px rgba(20,18,30,.18);pointer-events:auto;animation:ak-toast-in .42s cubic-bezier(.2,1.3,.4,1) both}
.ak-toast.is-out{animation:ak-toast-out .28s ease-in both}
.ak-toast.is-bump{animation:ak-toast-bump .35s ease}
.ak-toast__ico{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--tc);animation:ak-pop .5s .08s cubic-bezier(.2,1.6,.4,1) both}
.ak-toast__ico svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ak-toast__ico svg>:first-child{stroke:none}
.ak-toast__ico .d{stroke-dasharray:24;stroke-dashoffset:24;animation:ak-draw .38s .28s ease-out forwards}
.ak-toast--success{--tc:#2f9e5b}.ak-toast--info{--tc:#5b59dc}.ak-toast--warn{--tc:#e08a00}.ak-toast--error{--tc:#e0452b}
.ak-toast--warn .ak-toast__ico{background:none}.ak-toast--warn .ak-toast__ico svg>:first-child{fill:var(--tc)}
.ak-toast__msg{flex:1;min-width:0;padding-right:2px}
.ak-toast__act{flex:none;border:0;border-radius:999px;padding:6px 12px;background:rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:13px;line-height:1;font-family:inherit;cursor:pointer}
.ak-toast__act:hover{background:rgba(255,255,255,.26)}
.ak-toast__x{flex:none;width:24px;height:24px;border:0;border-radius:50%;background:none;color:rgba(255,255,255,.55);font-size:18px;line-height:1;cursor:pointer;padding:0}
.ak-toast__x:hover{color:#fff;background:rgba(255,255,255,.12)}
.ak-toast__bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--tc);opacity:.9;transform-origin:left;animation:ak-bar linear forwards}
.ak-toast:hover .ak-toast__bar{animation-play-state:paused}
@keyframes ak-toast-in{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:none}}
@keyframes ak-toast-out{to{opacity:0;transform:translateY(10px) scale(.95)}}
@keyframes ak-toast-bump{40%{transform:scale(1.04)}}
@keyframes ak-pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes ak-draw{to{stroke-dashoffset:0}}
@keyframes ak-bar{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* ---------- perguntas (confirmar / pedir texto) ---------- */
.ak-dlg{position:fixed;inset:0;z-index:1001;display:grid;place-items:center;padding:16px;background:rgba(24,22,30,.42);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:ak-fade .2s ease both}
.ak-dlg.is-out{animation:ak-fade-out .2s ease both}
.ak-dlg__card{width:min(420px,100%);background:var(--ak-surface,#fff);color:var(--ak-text,#262628);border-radius:20px;padding:22px 22px 18px;box-shadow:0 24px 64px rgba(20,18,30,.32);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;animation:ak-dlg-in .36s cubic-bezier(.2,1.25,.4,1) both;font-family:var(--ak-font,inherit)}
.ak-dlg.is-out .ak-dlg__card{animation:ak-dlg-out .2s ease-in both}
.ak-dlg__card.is-shake{animation:ak-shake .4s ease}
.ak-dlg__ico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--ak-primary-soft,#e4e4fb);color:var(--ak-primary,#4a48d0);animation:ak-pop .45s .1s cubic-bezier(.2,1.6,.4,1) both}
.ak-dlg--danger .ak-dlg__ico{background:var(--ak-coral-100,#fde3dc);color:var(--ak-danger,#e0452b)}
.ak-dlg__ico svg{width:22px;height:22px}
.ak-dlg__body{min-width:0;padding-top:2px}
.ak-dlg__title,.ak .ak-dlg__title{margin:0 0 4px;font-size:17px;line-height:1.3;font-weight:800;letter-spacing:-.01em}
.ak-dlg__msg,.ak .ak-dlg__msg{margin:0;color:var(--ak-text-2,#6e6a63);font-size:14px;line-height:1.5}
.ak-dlg__field{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:12.5px;color:var(--ak-text-2,#6e6a63);font-weight:600}
.ak-dlg__field input{width:100%;box-sizing:border-box;border:1.5px solid var(--ak-line,#ddd3c3);border-radius:12px;padding:10px 12px;font-weight:600;font-size:15px;line-height:1.3;font-family:inherit;background:var(--ak-bg,#fff);color:var(--ak-text,#262628)}
.ak-dlg__field input:focus{outline:none;border-color:var(--ak-primary,#4a48d0);box-shadow:0 0 0 4px color-mix(in srgb,var(--ak-primary,#4a48d0) 18%,transparent)}
.ak-dlg__act{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.ak-dlg__btn{border:0;border-radius:999px;padding:10px 18px;font-weight:800;font-size:14px;line-height:1;font-family:inherit;cursor:pointer;transition:transform .12s,background .15s,box-shadow .15s}
.ak-dlg__btn:active{transform:scale(.96)}
.ak-dlg__btn--ghost{background:transparent;color:var(--ak-text-2,#6e6a63)}
.ak-dlg__btn--ghost:hover{background:var(--ak-surface-2,#f3ece1);color:var(--ak-text,#262628)}
.ak-dlg__btn--ok{background:var(--ak-primary,#4a48d0);color:var(--ak-on-primary,#fff);box-shadow:0 4px 14px color-mix(in srgb,var(--ak-primary,#4a48d0) 35%,transparent)}
.ak-dlg__btn--ok:hover{background:var(--ak-primary-hover,#3d3bbd)}
.ak-dlg--danger .ak-dlg__btn--ok{background:var(--ak-danger,#e0452b);box-shadow:0 4px 14px color-mix(in srgb,var(--ak-danger,#e0452b) 35%,transparent)}
.ak-dlg--danger .ak-dlg__btn--ok:hover{background:var(--ak-danger-600,#c93a22)}
.ak-dlg__btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.ak-dlg__btn:focus-visible{outline:3px solid var(--ak-focus,#8c8ff6);outline-offset:2px}
/* Marki, o mascote, no lugar do ícone da janela */
.ak-dlg__ico--marki{width:84px;height:auto;background:none!important;border-radius:0;align-self:start;margin:-14px -4px -6px -8px;animation:none}
.ak-mascot{display:block;width:84px;height:auto;animation:ak-marki-in .55s cubic-bezier(.2,1.5,.4,1) both,ak-marki-bob 3.2s ease-in-out .7s infinite;transform-origin:50% 90%}
.ak-dlg--danger .ak-mascot{animation:ak-marki-in .55s cubic-bezier(.2,1.5,.4,1) both,ak-marki-shake .5s ease-in-out .55s 1,ak-marki-bob 3.2s ease-in-out 1.1s infinite}
@keyframes ak-marki-in{from{opacity:0;transform:translateY(10px) scale(.6) rotate(-8deg)}}
@keyframes ak-marki-bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(1.5deg)}}
@keyframes ak-marki-shake{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}
/* no escuro, um contorno claro bem fino para os braços pretos aparecerem */
:root[data-theme="dark"] .ak-mascot,:root[data-theme="dark"] .marki{filter:drop-shadow(0 0 1px rgba(255,255,255,.75)) drop-shadow(0 0 .5px rgba(255,255,255,.6))}
@media (prefers-reduced-motion:reduce){.ak-mascot{animation:none!important}}
@keyframes ak-fade{from{opacity:0}}@keyframes ak-fade-out{to{opacity:0}}
@keyframes ak-dlg-in{from{opacity:0;transform:translateY(14px) scale(.94)}}
@keyframes ak-dlg-out{to{opacity:0;transform:translateY(8px) scale(.97)}}
@keyframes ak-shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
@media (max-width:480px){.ak-toasts{bottom:14px}.ak-dlg{align-items:end}.ak-dlg__card{border-radius:20px 20px 16px 16px}}
@media (prefers-reduced-motion:reduce){.ak-toast,.ak-toast__ico,.ak-dlg,.ak-dlg__card,.ak-dlg__ico{animation-duration:.01ms!important}.ak-toast__ico .d{animation-duration:.01ms!important}}

@media (max-width:720px){
  .ak h1{font-size:var(--ak-fs-3xl)}.ak h2{font-size:var(--ak-fs-2xl)}
  .ak-nav__links .ak-hide-sm{display:none}
}
@media (prefers-reduced-motion:reduce){body.ak *:not(.ak-toast__bar){animation-duration:.01ms!important;transition-duration:.01ms!important}}