@keyframes feature-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}[hidden]{display:none!important}
.library9-controls{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:24px}.library9-controls button{font:13px Inter,sans-serif;display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ffffff04;border:1px solid #ffffff12;border-radius:22px;color:#89868d;cursor:pointer}.library9-controls button b{font:10px Geist Mono,monospace;width:20px;height:20px;display:grid;place-items:center;border:1px solid #ffffff16;border-radius:50%}.library9-controls button[aria-pressed=true]{color:#e9e4e0;background:#ff5a2c10;border-color:#ff5a2c55}.library9-controls button[aria-pressed=true] b{background:#ff5a2c;border:0;color:#fff}.library9-caption{text-align:center;margin-top:15px;color:#85818b;font-size:12px}.library9-cur{position:absolute;z-index:20;width:23px;height:23px;pointer-events:none;transition:transform .42s ease;opacity:0}.library9-cur.on{opacity:1}#library9-frame{background:#171719}#library9-frame iframe{border:0}
.pl7.is-pro{border:1px solid #ff6d3b80!important;background:linear-gradient(150deg,#251b1a,#111113 48%,#161014)!important;box-shadow:0 0 0 1px #ff5a2c12,0 20px 65px -30px #ff5a2c75!important}.pl7.is-pro #pxa-pro{opacity:.7!important;mask-image:linear-gradient(160deg,#000 0%,transparent 58%);height:380px!important}.pl7.is-pro .pl7-tag{background:#ff5a2c!important;color:#fff!important;border:1px solid #ffb79240;padding:6px 10px}.pl7.is-pro #pro-cta{background:#ff5a2c!important;color:#fff!important;box-shadow:0 5px 25px #ff5a2c25!important;border:1px solid #ff997040!important}.pl7.is-pro #pro-cta:hover{background:#ff7047!important}.pl7.is-pro li small{color:#a29b9c}.pl7.is-pro .pl7-price{color:#fff}.pl7.is-pro .pl7-top h3{font-weight:700}.tools7{grid-template-columns:repeat(6,minmax(0,1fr))}.tool7 small{line-height:1.5}
#shortcut9-screen{height:420px}.kb7 .kb7-hud{pointer-events:none}.kb7 .shortcut9-ask{left:50%;top:82px;width:500px;transform:translateX(-50%) scale(.78);transform-origin:top center}.kb7 .kb7-src{font-size:16px;line-height:1.6;max-width:610px;margin:15px auto}.kb7 .kb7-label{font-size:12px}
body:not(.dark) .library9-controls button{color:#6d635b;border-color:#c7bfb4}body:not(.dark) .library9-controls button[aria-pressed=true]{color:#b4411d}
@media(max-width:900px){.tools7{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.tools7{grid-template-columns:repeat(2,minmax(0,1fr))}.library9-controls button{font-size:11px;padding:7px 9px}.kb7 .shortcut9-ask{transform:translateX(-50%) scale(.61)}#shortcut9-screen{height:355px}}
@media(prefers-reduced-motion:reduce){.library9-cur{transition:none}}
.library9-controls button:focus-visible{outline:2px solid #ff754c;outline-offset:5px;border-radius:22px}

/* ── Seção IA (refeita 02/10) ───────────────────────────────────────────────
   Esquerda: as funções, à moda da Raycast. Direita: o palco aprovado (aurora fogo-a, luz no alto à esquerda,
   dissolvendo embaixo/direita) com UMA peça real do app por vez, em 1:1: o HUD (ask.js) sobre o texto de onde
   veio a seleção, ou um painel da biblioteca em uma janela. A máscara fica só no fundo: a interface não esmaece. */
#ia .ai9{display:grid;grid-template-columns:minmax(0,392px) minmax(0,1fr);gap:56px;align-items:center}
#ia .ai9-eyebrow{font:500 11px 'Geist Mono',ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#ff6a3d;margin:0 0 12px}
#ia .ai9-copy h2{font-size:26px;letter-spacing:-.7px;margin:0 0 18px}
#ia .ai9-functions{font-size:25px;line-height:1.5;font-weight:600;letter-spacing:-.6px}
#ia .ai9-functions button{position:relative;font:inherit;letter-spacing:inherit;padding:0;border:0;background:none;color:#4d4c51;cursor:pointer;text-align:left;transition:color .3s}
#ia .ai9-functions button:hover{color:#9d9ba2}
#ia .ai9-functions button[aria-pressed=true]{color:#f4f1ee}
#ia .ai9-functions button:focus-visible{outline:2px solid #ff754c;outline-offset:4px;border-radius:4px}
#ia .ai9-progress{position:absolute;left:0;bottom:2px;height:2px;width:100%;border-radius:2px;background:linear-gradient(90deg,#ff5a2c,#ff8a5c);transform:scaleX(0);transform-origin:left;opacity:0}
#ia .ai9-functions button[aria-pressed=true] .ai9-progress{opacity:.85}
#ia .ai9-detail{margin-top:40px;max-width:392px;min-height:150px}
#ia .ai9-badge{display:inline-block;padding:6px 9px;background:#ffffff0b;border:1px solid #ffffff10;border-radius:6px;font:500 11.5px 'Geist Mono',ui-monospace,monospace;color:#ede9e5}
#ia .ai9-detail p{font-size:14.5px;line-height:1.65;color:#a7a5ac;margin:14px 0 0}
#ia .ai9-detail .ai9-review{color:#6c6b72;font-size:12.5px;margin-top:10px}
#ia #ai9-pause{margin-top:14px;border:0;padding:0;background:none;color:#8f8d95;font:12.5px Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
#ia #ai9-pause:hover{color:#d9d6d2}

#ia .ai9-stage{position:relative;padding:22px;min-height:0;border-radius:24px;background:none;box-shadow:none;-webkit-mask-image:none;mask-image:none;overflow:visible;image-rendering:auto}
#ia .ai9-stage::before{display:none}
#ia .ai9-stage::after{box-shadow:none}
#ia .ai9-bg{position:absolute;inset:0;z-index:0;border-radius:24px;background:var(--page) url(assets/aurora/aurora-fogo-a.png) center/cover no-repeat;image-rendering:pixelated;
 -webkit-mask-image:linear-gradient(90deg,#000 58%,#000d 78%,#0007 92%,transparent 100%),linear-gradient(180deg,#000 62%,#000d 80%,#0007 93%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,#000 58%,#000d 78%,#0007 92%,transparent 100%),linear-gradient(180deg,#000 62%,#000d 80%,#0007 93%,transparent 100%);mask-composite:intersect}
#ia .ai9-bg::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 0% 0%,transparent 6%,color-mix(in srgb,var(--page) 40%,transparent) 34%,var(--page) 70%)}
#ia .ai9-fit{position:relative;z-index:1;width:100%}
#ia .ai9-canvas{position:absolute;left:0;top:0;width:600px;height:580px;transform-origin:top left}
#ia .ai9-canvas>*{transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
#ia .ai9-canvas.is-out>*{opacity:0!important}
#ia .ai9-demo-note{position:relative;z-index:1;text-align:center;font-size:10.5px;color:#8e8892;margin:10px 0 0}

/* Contexto: de onde veio o texto (página, PDF). Mesma linguagem do cartão "Novo e-mail" da central rápida. */
#ia .ai9-ctx{position:absolute;left:0;top:30px;width:548px;padding:16px 20px 20px;border:1px solid #ffffff17;border-radius:16px;background:#141113e6;backdrop-filter:blur(14px);box-shadow:0 18px 50px #0006;color:#cfc9c4;opacity:0;transform:translateY(8px)}
#ia .ai9-ctx.on{opacity:1;transform:none}
#ia .ai9-ctx header{display:flex;align-items:center;gap:8px;font:11px 'Geist Mono',ui-monospace,monospace;color:#8b858d;margin-bottom:12px}
#ia .ai9-ctx header img{width:14px;height:14px}
#ia .ai9-ctx header .pdf{display:grid;place-items:center;width:16px;height:16px;border-radius:3px;background:#e5484d;color:#fff;font:700 6.5px Inter,sans-serif}
#ia .ai9-ctx header em{margin-left:auto;font-style:normal;color:#6f6a72}
#ia .ai9-ctx h4{margin:0 0 8px;font:600 17px/1.3 Inter,sans-serif;letter-spacing:-.3px;color:#ece7e3}
#ia .ai9-ctx p{margin:0;font-size:14px;line-height:1.65}
#ia .ai9-ctx.is-doc p{font-family:Georgia,'Times New Roman',serif;font-size:14.5px;color:#d6d0ca}
#ia .ai9-ctx mark{color:#fff;background:linear-gradient(#2f6ee080,#2f6ee080) left/0% 100% no-repeat;transition:background-size .9s cubic-bezier(.4,0,.2,1);padding:1px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
#ia .ai9-ctx mark.on{background-size:100% 100%}

/* HUD real: o iframe tem 28px de respiro para a sombra; a altura acompanha o #card. */
#ia .ai9-hud{position:absolute;left:24px;top:146px;width:556px;opacity:0;transform:translateY(14px) scale(.985);transform-origin:50% 0;pointer-events:none}
#ia .ai9-hud.on{opacity:1;transform:none}
#ia [data-layout=chat] .ai9-hud{left:22px;top:84px}
#ia #ai9-ask-frame{display:block;width:556px;height:300px;border:0;background:transparent;color-scheme:dark}

/* Biblioteca: o app copiado, com um painel por vez, em uma janela. */
#ia .ai9-win{position:absolute;left:0;top:24px;width:600px;height:530px;border-radius:16px;overflow:hidden;border:1px solid #ffffff1c;background:#191919;box-shadow:0 26px 70px #000a,0 0 0 1px #0006;opacity:0;transform:translateY(14px);pointer-events:none}
#ia .ai9-win.on{opacity:1;transform:none}
#ia #ai9-app-frame{display:block;width:600px;height:530px;border:0;background:#191919}

#ia .ai9-keys{position:absolute;left:50%;top:508px;display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:14px;background:#0d0b0ce6;border:1px solid #ffffff14;box-shadow:0 14px 40px #0008;color:#7d7882;font-size:13px;opacity:0;transform:translate(-50%,8px)}
#ia .ai9-keys.on{opacity:1;transform:translate(-50%,0)}
#ia .ai9-keys kbd{min-width:34px;padding:7px 10px;border-radius:8px;border:1px solid #ffffff1f;border-bottom-width:3px;background:#1d1a1c;color:#f1ece8;font:600 12px Inter,sans-serif;text-align:center;transition:transform .12s,border-bottom-width .12s,background .12s}
#ia .ai9-keys kbd.down{transform:translateY(2px);border-bottom-width:1px;background:#2a1a14;border-color:#ff5a2c80}

#ia .ai9-cur{position:absolute;left:0;top:0;z-index:5;width:22px;height:22px;fill:#fff;stroke:#111;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0009);opacity:0;transform:translate(560px,560px);transition:transform .75s cubic-bezier(.45,0,.2,1),opacity .3s;pointer-events:none}
#ia .ai9-cur.on{opacity:1}
#ia .ai9-cur.click{animation:ai9-click .28s ease}
@keyframes ai9-click{50%{scale:.82}}

body:not(.dark) #ia .ai9-functions button{color:#a8a39c}body:not(.dark) #ia .ai9-functions button[aria-pressed=true]{color:#2c241e}
body:not(.dark) #ia .ai9-copy h2{color:#2c241e}body:not(.dark) #ia .ai9-badge{background:#eae4dc;color:#3b3028;border-color:#ddd5ca}
body:not(.dark) #ia .ai9-detail p{color:#5f574f}

@media(max-width:1000px){#ia .ai9{grid-template-columns:minmax(0,1fr);gap:36px}#ia .ai9-detail{min-height:0;max-width:560px}#ia .ai9-stage{max-width:660px;margin:0 auto;width:100%}}
@media(max-width:600px){#ia .ai9-functions{font-size:21px;line-height:1.5}#ia .ai9-stage{padding:14px}#ia .ai9-detail{margin-top:24px}}
@media(prefers-reduced-motion:reduce){#ia .ai9-canvas>*,#ia .ai9-cur,#ia .ai9-ctx mark,#ia .ai9-functions button{transition:none}#ia .ai9-cur{display:none}}

/* ── Teclado final (refeito 02/10): app em cima, HUD atual por cima dele, teclas embaixo ── */
.kb7 .kb7-modes{flex-wrap:nowrap;gap:6px}.kb7 .kb7-modes button{white-space:nowrap;flex:none;padding:0 12px;gap:8px}
#shortcut9-screen{height:440px}
.kb9-app{position:absolute;left:50%;top:6px;width:520px;max-width:calc(100% - 24px);padding:14px 18px 16px;border:1px solid #ffffff17;border-radius:16px;background:#141113e6;box-shadow:0 18px 50px #0006;color:#cfc9c4;text-align:left;opacity:0;transform:translate(-50%,8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.kb9-app.on{opacity:1;transform:translate(-50%,0)}
.kb9-app header{display:flex;align-items:center;gap:8px;font:11px 'Geist Mono',ui-monospace,monospace;color:#8b858d;margin-bottom:10px}
.kb9-app header img{width:14px;height:14px}
.kb9-app header em{margin-left:auto;font-style:normal;color:#6f6a72}
.kb9-ico{display:grid;place-items:center;width:16px;height:16px;border-radius:4px;background:#1a73e8}.kb9-ico svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linejoin:round}
.kb9-app p{margin:0;font-size:14.5px;line-height:1.6;color:#d9d3ce}
.kb9-app mark{color:#fff;background:linear-gradient(#2f6ee080,#2f6ee080) left/0% 100% no-repeat;transition:background-size .8s cubic-bezier(.4,0,.2,1);padding:1px 0;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.kb9-app mark.on{background-size:100% 100%}
.kb9-app mark.in{background:#10b98138;animation:pasted7b 1.2s ease-out;border-radius:3px}
.kb9-app .kb9-msg{display:inline-block;margin-bottom:10px;padding:7px 11px;border-radius:10px 10px 10px 3px;background:#ffffff0d;font-size:13.5px}
.kb9-app .kb9-field{min-height:40px;padding:9px 12px;border:1px solid #ffffff1a;border-radius:10px;background:#0b0a0b;font-size:14px}
.kb9-app .car{display:inline-block;width:2px;height:16px;vertical-align:-3px;background:#fff;animation:caret6 1s steps(1) infinite}
.kb9-hud{position:absolute;left:50%;pointer-events:none;transform-origin:top center;animation:kb9-in .32s cubic-bezier(.2,.8,.2,1)}
@keyframes kb9-in{from{opacity:0;translate:0 8px}}
.kb9-wheel{width:760px;height:620px;top:52px;transform:translateX(-50%) scale(.66)}
.kb9-paste{width:500px;top:96px;transform:translateX(-50%) scale(.78)}
.kb9-voice{width:410px;top:118px;transform:translateX(-50%)}
.kb9-ask{width:500px;top:96px;transform:translateX(-50%) scale(.84)}
.kb7 #kb7-label{bottom:0;white-space:nowrap}
body:not(.dark) .kb9-app{background:#fffdfb;border-color:#00000014;color:#3b3028;box-shadow:0 18px 40px #0000001f}
body:not(.dark) .kb9-app p{color:#2c241e}body:not(.dark) .kb9-app .kb9-field{background:#f6f3ef;border-color:#0000001a}body:not(.dark) .kb9-app .car{background:#2c241e}body:not(.dark) .kb9-app .kb9-msg{background:#0000000a}body:not(.dark) .kb9-app mark{color:#111}
@media(max-width:700px){.kb7 .kb7-modes{flex-wrap:wrap}#shortcut9-screen{height:400px}.kb9-wheel{transform:translateX(-50%) scale(.5)}.kb9-paste{transform:translateX(-50%) scale(.62)}.kb9-ask{transform:translateX(-50%) scale(.66)}.kb9-voice{transform:translateX(-50%) scale(.82)}.kb9-app p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.kb9-app,.kb9-app mark{transition:none}.kb9-hud{animation:none}}
.kb9-app header img[src*=notion]{background:#fff;border-radius:3px;padding:1px}

/* ── Espaços (proposta 02/10, ?espacos=novo): a cópia do app numa janela, com as telas reais de Compartilhadas ── */
.sp9-stage{max-width:1040px;margin:0 auto;padding:12px;border-radius:22px}
.sp9-fit{position:relative;overflow:hidden;border-radius:14px;background:#191919;box-shadow:0 0 0 1px #ffffff12}
.sp9-win{position:absolute;left:0;top:0;width:1200px;height:720px;transform-origin:top left;transition:opacity .3s}
.sp9-win.is-loading{opacity:0}
#sp9-frame{display:block;width:1200px;height:720px;border:0;background:#191919;pointer-events:none}
.sp9-cur{position:absolute;left:0;top:0;z-index:5;width:26px;height:26px;fill:#fff;stroke:#111;stroke-width:1.3;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0009);opacity:0;transform:translate(1100px,650px);transition:transform .8s cubic-bezier(.45,0,.2,1),opacity .3s;pointer-events:none}
.sp9-cur.on{opacity:1}.sp9-cur.click{animation:ai9-click .28s ease}
.sp9-controls button:focus-visible{outline:2px solid #ff754c;outline-offset:4px}
@media(max-width:600px){.sp9-stage{padding:6px}}
@media(prefers-reduced-motion:reduce){.sp9-cur{display:none}.sp9-win{transition:none}}

/* ── Espaços, versão visual (proposta 02/10, ?espacos=novo): capas de aurora, pessoas em órbita, capturas voando ── */
.sv-stage{position:relative;max-width:1040px;margin:0 auto;padding:0}
.sv-fit{position:relative}
.sv-canvas{position:absolute;left:0;top:0;width:1000px;height:440px;transform-origin:top left}
.sv-list{position:absolute;left:6px;top:24px;width:260px;display:flex;flex-direction:column;gap:8px;z-index:3}
.sv-tile{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid #ffffff10;background:#ffffff05;color:#bdb8bc;font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:background .3s,border-color .3s,color .3s}
.sv-tile img{width:46px;height:46px;border-radius:12px;image-rendering:pixelated;object-fit:cover;flex:none;filter:saturate(.7) brightness(.8);transition:filter .3s}
.sv-tile b{display:block;font-size:14.5px;color:inherit}.sv-tile small{display:block;margin-top:2px;font-size:12px;color:#7b767d}
.sv-tile:hover{background:#ffffff09}
.sv-tile[aria-pressed=true]{background:#ffffff0d;border-color:#ff6a3d55;color:#f3efeb}.sv-tile[aria-pressed=true] img{filter:none}
.sv-tile:focus-visible{outline:2px solid #ff754c;outline-offset:3px}
.sv-bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#ff5a2c,#ff8a5c);transform:scaleX(0);transform-origin:left}
.sv-new{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;border:1px dashed #ffffff1c;color:#77727a;font-size:13.5px}
.sv-new svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sv-orbit{position:absolute;inset:0;transition:opacity .35s}
.sv-orbit.is-out>:not(svg){opacity:0;transition:opacity .3s}
.sv-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sv-lines line{stroke:#ffffff14;stroke-width:1.5;stroke-dasharray:3 6;animation:sv-draw .8s ease both}
.sv-lines line.is-reader{stroke:#ffffff0c}
.sv-lines line.is-live{stroke:#ff6a3d99;stroke-dasharray:6 6;animation:sv-flow .6s linear infinite}
@keyframes sv-draw{from{opacity:0}}@keyframes sv-flow{to{stroke-dashoffset:-24}}
.sv-core{position:absolute;left:670px;top:198px;width:150px;transform:translate(-50%,-50%);text-align:center;z-index:2;animation:sv-pop .5s cubic-bezier(.2,.8,.2,1) both}
.sv-core img{display:block;width:150px;height:150px;margin:0 auto;border-radius:34px;image-rendering:pixelated;object-fit:cover;box-shadow:0 0 0 1px #ffffff1c,0 22px 60px -12px #ff5a2c66}
.sv-core b{display:block;margin-top:12px;font-size:16px;color:#f3efeb;white-space:nowrap}.sv-core small{display:block;margin-top:2px;font:11px 'Geist Mono',ui-monospace,monospace;color:#8a8590;text-transform:uppercase;letter-spacing:.06em}
.sv-core.pulse img{animation:sv-pulse .9s ease}
@keyframes sv-pulse{30%{transform:scale(1.06);box-shadow:0 0 0 6px #ff6a3d2e,0 22px 70px -8px #ff5a2caa}}
.sv-person{position:absolute;width:120px;transform:translate(-50%,-28px);text-align:center;z-index:2;animation:sv-pop .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0ms)}
.sv-person img{display:block;width:56px;height:56px;margin:0 auto;border-radius:50%;image-rendering:pixelated;box-shadow:0 0 0 2px #0d0c0d,0 0 0 3px #ffffff1f;transition:box-shadow .3s,transform .3s}
.sv-person b{display:block;margin-top:7px;font-size:13.5px;color:#ece7e3}
.sv-person small{display:inline-flex;align-items:center;gap:4px;margin-top:3px;padding:2px 8px;border-radius:999px;background:#ffffff0c;font-size:11px;color:#a29da5}
.sv-person small svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.sv-person.is-reader small{color:#8fb4ff;background:#4f8cff18}
.sv-person.is-sending img{transform:scale(1.08);box-shadow:0 0 0 2px #0d0c0d,0 0 0 4px #ff6a3d}
.sv-person.spot img{box-shadow:0 0 0 2px #0d0c0d,0 0 0 4px #4f8cff;transform:scale(1.06)}
.sv-new-dot{position:absolute;left:50%;top:-12px;translate:6px 0;padding:2px 7px;border-radius:999px;background:#22c55e;color:#04140a;font:700 10px Inter,sans-serif;font-style:normal;opacity:0;transform:translateY(4px) scale(.8);transition:opacity .25s,transform .3s}
.sv-person.got .sv-new-dot{opacity:1;transform:none}
.sv-slot{position:absolute;width:56px;height:56px;transform:translate(-50%,-28px);border-radius:50%;border:1.5px dashed #ffffff2a;display:grid;place-items:center;color:#77727a;z-index:2;transition:border-color .3s,color .3s}
.sv-slot svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sv-slot.is-on{border-color:#ff6a3d;color:#ff8a5c;animation:sv-breathe 1.2s ease-in-out infinite}
@keyframes sv-breathe{50%{box-shadow:0 0 0 6px #ff6a3d22}}
.sv-pill{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:#1a1718;border:1px solid #ffffff1c;color:#e6e1dd;font-size:12.5px;white-space:nowrap;z-index:4;box-shadow:0 10px 30px #0008;animation:sv-pop .4s cubic-bezier(.2,.8,.2,1) both}
.sv-pill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round}
.sv-pill.ok{border-color:#22c55e66;background:#0f2417;color:#bff5d2}
.sv-chip{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:#1d1a1b;border:1px solid #ffffff1f;color:#efeae6;font-size:12.5px;white-space:nowrap;z-index:5;box-shadow:0 12px 34px #000a;pointer-events:none}
.sv-chip img{width:22px;height:22px;border-radius:50%;image-rendering:pixelated}
.sv-chip em{font:500 10.5px 'Geist Mono',ui-monospace,monospace;font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--k);padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--k) 16%,transparent)}
@keyframes sv-pop{from{opacity:0;scale:.85}}
.sv-caption{position:relative;min-height:22px;margin:8px 0 0;text-align:center;font-size:14px;color:#c9c4c7;opacity:0;transform:translateY(4px);transition:opacity .35s,transform .35s}
.sv-caption.on{opacity:1;transform:none}
@media(max-width:700px){.sv-stage{padding:10px}.sv-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.sv-lines line,.sv-core,.sv-person,.sv-pill{animation:none}}
.sv-canvas.is-narrow .sv-list{display:none}
/* Sem container (02/10): a órbita fica direto sobre o fundo da página. */
.sv-core img{box-shadow:0 0 0 1px #ffffff1c,0 26px 80px -10px #ff5a2c80}
.sv-person img{box-shadow:0 0 0 2px var(--page),0 0 0 3px #ffffff1f}
.sv-person.is-sending img{box-shadow:0 0 0 2px var(--page),0 0 0 4px #ff6a3d}.sv-person.spot img{box-shadow:0 0 0 2px var(--page),0 0 0 4px #4f8cff}
.sv-caption{margin-top:14px}

/* Etapas da biblioteca (e da versão de telas dos Espaços) com a mesma estética dos passos da demo principal (.steps6). */
.library9-controls{gap:12px;margin-top:22px}
.library9-controls button{gap:7px;padding:4px 11px;border:0;border-radius:999px;background:none;color:var(--muted);font:500 13.5px Inter,sans-serif;transition:color .2s,background .2s}
.library9-controls button:hover{color:var(--ink)}
.library9-controls button b{width:19px;height:19px;border:1px solid var(--border);font:500 10.5px Inter,sans-serif;background:none;color:inherit}
.library9-controls button[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent);border:0}
.library9-controls button[aria-pressed=true] b{background:var(--accent);border-color:var(--accent);color:#fff}
.library9-controls button.done b{color:var(--accent)}
.library9-controls #library9-pause,.library9-controls #sp9-pause{margin-left:6px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:12.5px}
body:not(.dark) .library9-controls button{color:#6d635b}body:not(.dark) .library9-controls button[aria-pressed=true]{color:#2c241e}

/* Padrão único de controle das demos (02/10): o mesmo botão de "Pausar / Repetir cena" da demo principal
   (.demo-controls button) em todas as seções: biblioteca, TwocyAI e Espaços. */
.library9-controls #library9-pause,.library9-controls #sp9-pause,#ia #ai9-pause{flex:none;margin-left:10px;padding:7px 12px;border:1px solid #ffffff17;border-radius:7px;background:#ffffff05;color:#b4b4bd;font:12px Inter,sans-serif;text-decoration:none;cursor:pointer;transition:color .2s,background .2s}
.library9-controls #library9-pause:hover,.library9-controls #sp9-pause:hover,#ia #ai9-pause:hover{color:#fff;background:#ffffff0b}
#ia #ai9-pause{margin:16px 0 0}
body:not(.dark) .library9-controls #library9-pause,body:not(.dark) .library9-controls #sp9-pause,body:not(.dark) #ia #ai9-pause{border-color:#00000017;background:#00000005;color:#5f574f}

/* Padrões (02/10): abas de atalho do teclado final iguais às da demo principal (.concept .tab6); legenda dos Espaços
   no mesmo tom das outras legendas de demo; CTA do final com o mesmo raio dos CTAs de preço. */
.kb7 .kb7-modes{gap:4px}
.kb7 .kb7-modes button{height:44px;padding:0 16px;border:1px solid transparent;border-radius:9px;background:transparent;color:#92929c;font:600 12px Inter,sans-serif}
.kb7 .kb7-modes button:hover{color:#d9d8d4}
.kb7 .kb7-modes button kbd{border:none;background:#ffffff06;padding:4px 6px;font-size:10px;color:#777780}
.kb7 .kb7-modes button[aria-pressed=true]{background:#ffffff09;border-color:#ffffff13;color:#f3f2ef}
.kb7 .kb7-modes button[aria-pressed=true] kbd{color:#ff916d;background:#ff5a2c0d}
.kb7 .kb7-modes button:focus-visible{outline:2px solid #ff744c;outline-offset:3px}
.sv-caption{font-size:13px;color:#9999a2}
.kb7 .hero-cta .btn{border-radius:12px}
body:not(.dark) .kb7 .kb7-modes button{color:#7a7068}body:not(.dark) .kb7 .kb7-modes button[aria-pressed=true]{background:#0000000a;border-color:#00000014;color:#2c241e}
@media(max-width:700px){.kb7 .kb7-modes button{height:38px;padding:0 9px;font-size:11px}}

/* ── Preços (02/10): resumo na landing (.pt9) e página própria (precos.html, .pp9) ── */
.pt9-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:6px auto 0}
.pt9-plan{padding:22px 24px;border-radius:18px;border:1px solid var(--border);background:var(--white);text-align:left}
.pt9-plan>b{display:flex;align-items:center;gap:10px;font-size:17px}
.pt9-plan.is-pro{border-color:#ff6d3b80;background:linear-gradient(150deg,#251b1a,#111113 55%,#161014);box-shadow:0 20px 60px -32px #ff5a2c80}
.pt9-tag{padding:3px 8px;border-radius:999px;background:#ff5a2c;color:#fff;font:600 11px Inter,sans-serif}
.pt9-price{margin:10px 0 14px;font-size:30px;font-weight:700;letter-spacing:-.02em}
.pt9-price small{display:block;margin-top:4px;font-size:12.5px;font-weight:400;letter-spacing:0;color:var(--muted)}
.pt9-plan ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.pt9-plan li{display:flex;align-items:center;gap:9px}
.pt9-plan li svg{width:15px;height:15px;flex:none;color:var(--accent)}
.pt9-cta{display:flex;justify-content:center;gap:10px;margin-top:24px}
.pt9-cta .btn{border-radius:12px}
body:not(.dark) .pt9-plan.is-pro{background:linear-gradient(150deg,#fff1ea,#fff 60%)}
@media(max-width:700px){.pt9-row{grid-template-columns:1fr}.pt9-cta{flex-direction:column;align-items:stretch}}
.pp9-main{padding-top:110px}
.pp9 .cmp7[open]>summary{margin-bottom:6px}
.pp9-faq .faq-v3{max-width:760px;margin:0 auto}
.pp9-back{text-align:center;margin-top:28px;font-size:14px}.pp9-back a{color:var(--muted);text-decoration:none}.pp9-back a:hover{color:var(--ink)}
nav a[aria-current="page"]{color:var(--ink)}