:root{--fundo: #0a1310;--fundo-2: #0f1d18;--cartao: rgba(255, 255, 255, .045);--cartao-ligado: rgba(94, 214, 158, .1);--borda: rgba(255, 255, 255, .09);--borda-ligada: rgba(94, 214, 158, .42);--texto: #e8f3ee;--texto-fraco: #8ea79c;--verde: #5ed69e;--verde-escuro: #2c8a63}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1100px 640px at 78% -12%,#16342a 0%,transparent 62%),radial-gradient(900px 520px at 8% 108%,#122a3a 0%,transparent 58%),linear-gradient(175deg,var(--fundo-2),var(--fundo));background-attachment:fixed;color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.pagina{max-width:1080px;margin:0 auto;padding:28px 20px 56px}.topo{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.marca{display:flex;flex-direction:column;gap:4px;min-width:0}.marca-nome{font-size:30px;font-weight:300;letter-spacing:.06em}.marca-sub{font-size:13px;color:var(--texto-fraco)}.botao-tocar{flex:none;width:62px;height:62px;border-radius:50%;border:1px solid var(--borda);background:#ffffff0d;color:var(--texto);font-size:22px;cursor:pointer;transition:transform .18s,background .25s,box-shadow .35s,border-color .25s}.botao-tocar:hover{transform:scale(1.05)}.botao-tocar.tocando{background:linear-gradient(160deg,var(--verde),var(--verde-escuro));border-color:transparent;color:#06231a;box-shadow:0 0 32px #5ed69e59}.mestre{display:flex;align-items:center;gap:14px;margin-bottom:22px}.mestre-rotulo{font-size:12px;color:var(--texto-fraco);white-space:nowrap}.cenas{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}.cena{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;border:1px solid var(--borda);background:#ffffff09;color:var(--texto);font-size:13px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}.cena:hover{background:#5ed69e1f;border-color:var(--borda-ligada);transform:translateY(-1px)}.cena-emoji{font-size:15px}.cena-limpar{color:var(--texto-fraco)}.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:15px}.cartao{border:1px solid var(--borda);border-radius:18px;background:var(--cartao);padding:6px 18px 18px;transition:border-color .3s,background .3s,box-shadow .4s}.cartao.ligado{border-color:var(--borda-ligada);background:var(--cartao-ligado);box-shadow:0 8px 34px #00000047}.cartao-cabeca{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;border:none;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.cartao-emoji{font-size:24px;filter:grayscale(.65);transition:filter .35s}.cartao.ligado .cartao-emoji{filter:none}.cartao-nome{flex:1;font-size:16px}.chave{flex:none;width:40px;height:23px;border-radius:999px;background:#ffffff1c;position:relative;transition:background .25s}.chave.on{background:var(--verde)}.chave-bola{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#dfeee7;transition:transform .25s cubic-bezier(.4,1.4,.5,1)}.chave.on .chave-bola{transform:translate(17px);background:#06231a}.controle{margin-top:12px}.controle-rotulo,.extremos{font-size:11px;color:var(--texto-fraco);letter-spacing:.04em}.extremos{display:flex;justify-content:space-between}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;background:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:#ffffff21}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;width:16px;height:16px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 5px #5ed69e24;transition:box-shadow .2s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 8px #5ed69e33}input[type=range]:disabled::-webkit-slider-thumb{background:#ffffff38;box-shadow:none}input[type=range]:disabled{cursor:default;opacity:.5}.rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:34px;padding-top:18px;border-top:1px solid var(--borda);font-size:12px;color:var(--texto-fraco)}.link{border:none;background:none;color:var(--verde);font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#040a08b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:min(640px,100%);max-height:82vh;overflow:auto;border:1px solid var(--borda);border-radius:18px;background:#0d1c17;padding:22px 24px 26px}.modal-topo{display:flex;align-items:center;justify-content:space-between}.modal-topo h2{margin:0;font-size:19px;font-weight:400}.fechar{border:none;background:none;color:var(--texto-fraco);font-size:17px;cursor:pointer}.modal-texto{font-size:13px;color:var(--texto-fraco);line-height:1.6}.lista-creditos{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.lista-creditos li{display:flex;flex-direction:column;gap:3px;font-size:13px}.lista-creditos a{color:var(--texto);text-decoration:none;border-bottom:1px solid rgba(94,214,158,.3);align-self:flex-start}.credito-meta{font-size:11px;color:var(--texto-fraco)}@media(max-width:560px){.pagina{padding:20px 14px 44px}.marca-nome{font-size:25px}.grade{grid-template-columns:1fr}}