:root{--bl-bosque:#0E3B2E;--bl-bosque-escuro:#082019;--bl-folla:#4FAE7E;--bl-folla-claro:#7FC9A3;--bl-terracota:#B5651D;--bl-dourado:#E2A94E;--bl-crema:#FAF1DE;--bl-papel:#FFFDF7;--bl-tinta:#23332D;--bl-mar:#3E7C8C;--bl-salvia:#9FB89A;--bl-coral:#D98C6A;--bl-casca:#7A431A;--bl-linha:#E4DCC6;--bl-texto-suave:#5A635C;--bl-texto-tenue:#9A9486;--bl-fondo:#F6F3EA;--bl-superficie:var(--bl-papel);--bl-superficie-alt:var(--bl-crema);--bl-borde:var(--bl-linha);--bl-primario:var(--bl-bosque);--bl-primario-texto:var(--bl-crema);--bl-accion:var(--bl-folla);--bl-foco:#2F8F62;--bl-exito:#2F8F62;--bl-aviso:var(--bl-dourado);--bl-erro:#C0563E;--bl-info:var(--bl-mar);--bl-fonte-titulo:"Fredoka", system-ui, sans-serif;--bl-fonte-texto:"Nunito", system-ui, sans-serif;--bl-txt-xs:12px;--bl-lh-xs:1.4;--bl-txt-sm:13.5px;--bl-lh-sm:1.5;--bl-txt-base:15px;--bl-lh-base:1.6;--bl-txt-lg:17px;--bl-lh-lg:1.5;--bl-txt-xl:22px;--bl-lh-xl:1.25;--bl-txt-2xl:26px;--bl-lh-2xl:1.15;--bl-txt-3xl:38px;--bl-lh-3xl:1.05;--bl-peso-normal:400;--bl-peso-medio:500;--bl-peso-semi:600;--bl-peso-forte:700;--bl-tracking-etiqueta:.18em;--bl-tracking-titular:-.5px;--bl-e1:4px;--bl-e2:8px;--bl-e3:12px;--bl-e4:16px;--bl-e5:20px;--bl-e6:24px;--bl-e8:32px;--bl-e10:40px;--bl-e12:48px;--bl-r-sm:8px;--bl-r-md:12px;--bl-r-lg:16px;--bl-r-xl:20px;--bl-r-full:999px;--bl-sombra-sm:0 1px 2px rgba(35,51,45,.06);--bl-sombra-md:0 4px 12px rgba(35,51,45,.08);--bl-sombra-lg:0 12px 30px rgba(40,35,20,.14);--bl-anel-foco:0 0 0 3px rgba(79,174,126,.35);--bl-lateral:264px;--bl-lateral-min:72px;--bl-cabeceira:64px;--bl-contido-max:1280px;--bl-tap-min:44px;--bl-dur-rapida:.12s;--bl-dur-media:.2s;--bl-easing:cubic-bezier(.4,0,.2,1)}:root{--rb-fondo: var(--bl-crema);--rb-superficie: var(--bl-papel);--rb-borde: var(--bl-linha);--rb-tinta: var(--bl-tinta);--rb-suave: var(--bl-texto-suave);--rb-tenue: var(--bl-texto-tenue);--rb-primario: var(--bl-bosque);--rb-primario-escuro: var(--bl-bosque-escuro);--rb-primario-texto: var(--bl-crema);--rb-accion: var(--bl-folla);--rb-foco: var(--bl-foco);--rb-destaque: var(--bl-dourado);--rb-kicker: var(--bl-terracota);--rb-alerta: var(--bl-erro);--radio: var(--bl-r-lg)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--rb-fondo);color:var(--rb-tinta);font-family:var(--bl-fonte-texto);font-size:var(--bl-txt-base);line-height:var(--bl-lh-base);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none}button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-sm);font-weight:var(--bl-peso-semi);cursor:pointer;border:none;border-radius:var(--bl-r-md);transition:background var(--bl-dur-rapida) var(--bl-easing),border-color var(--bl-dur-rapida) var(--bl-easing)}input,select,textarea{accent-color:var(--bl-folla)}:focus-visible{outline:2px solid var(--rb-foco);outline-offset:2px;border-radius:var(--bl-r-sm)}body{background-color:var(--rb-fondo);background-image:linear-gradient(#faf1de8c,#faf1de8c),url(/fondo.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--rb-fondo);z-index:50}.login-card{display:flex;flex-direction:column;gap:var(--bl-e3);width:min(90vw,340px);padding:var(--bl-e8);background:var(--rb-superficie);border:1px solid var(--rb-borde);border-radius:var(--bl-r-lg);box-shadow:var(--bl-sombra-lg);text-align:center}.login-card h1{margin:0;font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-2xl);line-height:var(--bl-lh-2xl);color:var(--rb-primario)}.login-card .tagline{margin:0 0 var(--bl-e2);font-size:var(--bl-txt-sm);color:var(--rb-suave)}.login-card input,.bb-vol input{font-family:var(--bl-fonte-texto);font-size:var(--bl-txt-base)}.login-card input{min-height:var(--bl-tap-min);padding:var(--bl-e2) var(--bl-e3);color:var(--rb-tinta);background:#fff;border:1px solid var(--rb-borde);border-radius:var(--bl-r-sm)}.login-card input:focus{outline:none;border-color:var(--rb-accion);box-shadow:var(--bl-anel-foco)}.login-card button{min-height:var(--bl-tap-min);padding:0 var(--bl-e5);background:var(--rb-primario);color:var(--rb-primario-texto)}.login-card button:hover{background:#12503d}.error{margin:0;font-size:var(--bl-txt-xs);font-weight:var(--bl-peso-semi);color:var(--rb-alerta)}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--bl-e2);padding:var(--bl-e2) var(--bl-e4);background:var(--rb-primario);color:var(--rb-primario-texto)}.brand{display:flex;align-items:center;gap:var(--bl-e2)}.brand-logo{width:40px;height:40px;border-radius:50%;background:var(--bl-crema);flex:0 0 auto}.brand strong{font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-xl);letter-spacing:var(--bl-tracking-titular)}.brand span{opacity:.85;margin-left:var(--bl-e1);font-size:var(--bl-txt-sm)}.topbar-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--bl-e2)}.topbar-actions .ghost{min-height:var(--bl-tap-min);padding:0 var(--bl-e4);background:#faf1de24;color:var(--bl-crema);border:1px solid rgba(250,241,222,.28)}.topbar-actions .ghost:hover{background:#faf1de3d}.panic{min-height:var(--bl-tap-min);padding:0 var(--bl-e5);background:var(--rb-alerta);color:#fff;font-weight:var(--bl-peso-forte)}.panic:hover{background:#a94733}.panic.fading{animation:panic-pulse .4s ease-in-out infinite alternate}@keyframes panic-pulse{0%{filter:brightness(1)}to{filter:brightness(1.4)}}.school-link{align-self:center;color:var(--bl-crema);text-decoration:none;font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-xs);opacity:.95;max-width:30ch}.school-link:hover{text-decoration:underline}.social{display:inline-flex;align-items:center;gap:var(--bl-e1)}.social a{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:var(--bl-r-sm);overflow:hidden}.social a:hover{filter:brightness(1.08)}.social svg,.social img{width:30px;height:30px;display:block}.banks{display:flex;align-items:center;flex-wrap:wrap;gap:var(--bl-e1);padding:var(--bl-e2) var(--bl-e4) 0}.banks-label{font-family:var(--bl-fonte-titulo);font-weight:var(--bl-peso-semi);font-size:var(--bl-txt-xs);text-transform:uppercase;letter-spacing:var(--bl-tracking-etiqueta);color:var(--rb-primario);margin-right:var(--bl-e1)}.bank-btn{min-width:var(--bl-tap-min);height:38px;border-radius:var(--bl-r-md);background:var(--rb-superficie);border:1px solid var(--rb-borde);font-weight:var(--bl-peso-forte);color:var(--rb-primario)}.bank-btn:hover{background:var(--bl-crema)}.bank-btn.active{background:var(--rb-primario);border-color:var(--rb-primario);color:var(--rb-primario-texto)}.banks-hint{margin-left:var(--bl-e2);font-size:var(--bl-txt-xs);color:var(--rb-suave)}.grid{display:flex;flex-direction:column;gap:clamp(3px,.8vw,10px);padding:clamp(4px,1.2vw,16px)}.grid-row{display:flex;gap:clamp(3px,.8vw,10px);justify-content:center}.pad{position:relative;flex:1 1 0;min-width:0;aspect-ratio:1.6 / 1;padding:clamp(3px,.6vw,8px);display:block;text-align:left;background:var(--rb-superficie);border:clamp(2px,.3vw,3px) solid transparent;border-radius:clamp(6px,1vw,14px);box-shadow:var(--bl-sombra-sm);color:var(--rb-tinta);transition:transform .05s,box-shadow .1s;overflow:hidden}.pad-space{flex:1 1 100%;aspect-ratio:auto;height:clamp(26px,6vh,64px);min-height:0}.pad:active{transform:scale(.97)}.pad.empty{background:var(--rb-superficie);border-style:dashed;border-color:var(--rb-borde);color:var(--rb-tenue)}.pad-key{display:inline-block;vertical-align:middle;margin-right:var(--bl-e1);font-family:var(--bl-fonte-titulo);font-size:clamp(.4rem,1.2vw,.7rem);font-weight:var(--bl-peso-semi);text-transform:uppercase;border:1px solid currentColor;border-radius:4px;padding:0 clamp(1px,.4vw,4px);line-height:1.25;opacity:.6}.pad-name{display:inline;vertical-align:middle;font-family:var(--bl-fonte-titulo);font-size:clamp(.46rem,1.25vw,.85rem);font-weight:var(--bl-peso-medio);line-height:1.15;word-break:break-word}.pad-add{display:inline;font-family:var(--bl-fonte-titulo);font-size:clamp(.5rem,1.3vw,.85rem)}.pad-icons{position:absolute;bottom:7px;right:3px;display:flex;gap:3px;font-size:clamp(.55rem,1.2vw,.95rem)}.pad-icons .ic{color:var(--rb-foco)}.pad-progress{position:absolute;left:0;right:0;bottom:0;height:4px;pointer-events:none}.pad-bar{height:100%;width:0%;background:var(--rb-accion);opacity:.95}.pad-remaining{position:absolute;bottom:6px;left:4px;padding:0 4px;border-radius:4px;font-family:var(--bl-fonte-titulo);font-size:clamp(.5rem,1.1vw,.78rem);font-weight:var(--bl-peso-semi);font-variant-numeric:tabular-nums;color:var(--rb-primario);background:#fffdf7d9;pointer-events:none}.pad.ending{border-color:var(--rb-alerta)}.pad.ending .pad-remaining{color:#fff;background:var(--rb-alerta);animation:ending-pulse .6s ease-in-out infinite alternate}.pad.ending .pad-bar{background:var(--rb-alerta)}@keyframes ending-pulse{0%{opacity:1}to{opacity:.55}}.pad.selected{border-color:var(--rb-destaque)}.pad.dragover{border-style:solid;border-color:var(--rb-accion);background:#4fae7e29;transform:scale(1.03)}.pad.playing{box-shadow:0 0 0 3px var(--rb-kicker),0 0 18px #b5651d8c}.pad.loading:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;border:2px solid var(--rb-borde);border-top-color:var(--rb-accion);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.bottombar{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--bl-e2);padding:var(--bl-e3) var(--bl-e4) var(--bl-e4);background:var(--rb-primario);color:var(--rb-primario-texto);border-top:1px solid var(--rb-primario-escuro);box-shadow:0 -6px 20px #23332d29}.bb-info{display:flex;align-items:center;gap:var(--bl-e3);font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-sm);font-weight:var(--bl-peso-semi)}.bb-name-input{flex:1;min-width:0;max-width:320px;font-family:var(--bl-fonte-texto);font-size:var(--bl-txt-base);font-weight:var(--bl-peso-semi);color:var(--rb-tinta);min-height:38px;padding:var(--bl-e1) var(--bl-e3);border:1px solid var(--rb-borde);border-radius:var(--bl-r-sm);background:#fff}.bb-name-input:focus{outline:none;border-color:var(--bl-folla-claro);box-shadow:var(--bl-anel-foco)}.bb-colors{display:flex;align-items:center;gap:var(--bl-e2)}.bb-hues,.bb-ints{display:flex;gap:var(--bl-e1)}.bb-ints{padding-left:var(--bl-e2);border-left:1px solid rgba(250,241,222,.3)}.bb-int{background:var(--bl-salvia)}.bb-color{width:24px;height:24px;padding:0;border-radius:50%;border:2px solid transparent;box-shadow:var(--bl-sombra-sm)}.bb-color.active{border-color:var(--bl-crema);transform:scale(1.12)}.bb-time{margin-left:auto;font-family:var(--bl-fonte-titulo);font-variant-numeric:tabular-nums;color:var(--bl-folla-claro);font-weight:var(--bl-peso-semi)}.bb-wave{position:relative;height:96px}.bb-canvas{width:100%;height:100%;background:var(--rb-superficie);border-radius:var(--bl-r-md);touch-action:none}.bb-handle{position:absolute;top:0;width:12px;height:100%;margin-left:-6px;cursor:ew-resize;background:var(--rb-destaque);opacity:.9;border-radius:var(--bl-r-sm);touch-action:none}.bb-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bl-e2)}.bb-controls button,.bb-controls select{min-height:38px;padding:0 var(--bl-e3);font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-sm);font-weight:var(--bl-peso-semi);color:var(--rb-primario);background:var(--rb-superficie);border:1px solid var(--rb-borde);border-radius:var(--bl-r-sm)}.bb-controls button:hover,.bb-controls select:hover{background:var(--bl-crema)}.bb-play{background:var(--bl-folla)!important;color:var(--bl-bosque);border-color:var(--bl-folla)!important;min-width:var(--bl-tap-min);min-height:var(--bl-tap-min)}.bb-check,.bb-vol,.bb-mode{display:inline-flex;align-items:center;gap:var(--bl-e1);font-size:var(--bl-txt-sm)}.bb-spacer{flex:1}.bottombar .danger,.danger{color:var(--bl-coral);font-weight:var(--bl-peso-semi)}.bb-controls button.danger{color:var(--rb-alerta)}.body{display:flex;align-items:stretch}.body>.grid{flex:1;min-width:0}.active-col{flex:0 0 clamp(110px,24vw,230px);display:flex;flex-direction:column;border-left:1px solid var(--rb-borde);background:#fffdf773}.active-title{margin:0;padding:var(--bl-e3) var(--bl-e4) var(--bl-e2);font-family:var(--bl-fonte-titulo);font-size:var(--bl-txt-xs);font-weight:var(--bl-peso-semi);text-transform:uppercase;letter-spacing:var(--bl-tracking-etiqueta);color:var(--rb-primario)}.active-list{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--bl-e2) var(--bl-e3) var(--bl-e4);overflow-y:auto}.active-item{position:relative;padding:var(--bl-e2) 28px var(--bl-e3) var(--bl-e2);margin-bottom:var(--bl-e2);background:var(--rb-superficie);border-radius:var(--bl-r-md);box-shadow:var(--bl-sombra-sm);border-left:4px solid var(--rb-accion);overflow:hidden;transition:height .22s ease,opacity .18s ease,margin .22s ease,padding .22s ease}.active-item.enter{animation:active-in .18s ease-out}@keyframes active-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.active-name{display:block;font-family:var(--bl-fonte-titulo);font-size:clamp(.72rem,1.5vw,.9rem);font-weight:var(--bl-peso-medio);line-height:1.15;word-break:break-word;margin-bottom:var(--bl-e2)}.active-progress{height:6px;background:var(--rb-borde);border-radius:var(--bl-r-full);overflow:hidden}.active-bar{height:100%;width:0%;background:var(--rb-accion);transition:width .08s linear}.active-item.loop .active-progress{box-shadow:inset 0 0 0 1px var(--rb-tenue)}.active-x{position:absolute;top:6px;right:6px;width:22px;height:22px;line-height:1;padding:0;font-size:.8rem;color:var(--rb-alerta);background:var(--bl-crema);border-radius:var(--bl-r-sm);display:grid;place-items:center}.active-x:hover{background:var(--rb-alerta);color:#fff}.edit-only{display:none}body.edit-mode .edit-only{display:inline-flex}.ghost-dark{background:var(--bl-crema)!important;color:var(--rb-primario)!important;border:1px solid var(--rb-borde)!important}.ghost-dark:hover{background:var(--bl-linha)!important}body:not(.edit-mode) .pad-add{display:none}body:not(.edit-mode) .pad.empty{border-style:solid;border-color:transparent;background:#fffdf76b;cursor:default}.quote{position:fixed;left:50%;bottom:var(--bl-e4);transform:translate(-50%);margin:0;max-width:min(92vw,1100px);text-align:center;font-family:var(--bl-fonte-texto);font-style:italic;font-weight:var(--bl-peso-normal);font-size:clamp(2.85rem,4vw,3.6rem);line-height:1.12;text-wrap:pretty;color:var(--rb-primario);text-shadow:0 1px 2px rgba(250,241,222,.95),0 0 14px rgba(250,241,222,.8);pointer-events:none;opacity:.92}@media (max-width: 1000px),(max-height: 720px){.quote{display:none}}body.edit-mode .quote{display:none}@media (max-width: 760px){.brand-tag,.school-link{display:none}.brand strong{font-size:var(--bl-txt-lg)}.topbar{padding:var(--bl-e2) var(--bl-e2)}.topbar-actions .ghost,.panic{padding:0 var(--bl-e3)}}.bb-hue[data-hue=vermello]{background:#c6372a}.pad[data-color=vermello-int]{background:#eab3ae}.active-item[data-color=vermello-int]{border-left-color:#a02c22}.active-item[data-color=vermello-int] .active-bar{background:#a02c22}.pad[data-color=vermello]{background:#f0d4d1}.active-item[data-color=vermello]{border-left-color:#c6372a}.active-item[data-color=vermello] .active-bar{background:#c6372a}.pad[data-color=vermello-cla]{background:#f6eae9}.active-item[data-color=vermello-cla]{border-left-color:#d6665c}.active-item[data-color=vermello-cla] .active-bar{background:#d6665c}.bb-hue[data-hue=laranxa]{background:#c66b2a}.pad[data-color=laranxa-int]{background:#eac7ae}.active-item[data-color=laranxa-int]{border-left-color:#a05622}.active-item[data-color=laranxa-int] .active-bar{background:#a05622}.pad[data-color=laranxa]{background:#f0ded1}.active-item[data-color=laranxa]{border-left-color:#c66b2a}.active-item[data-color=laranxa] .active-bar{background:#c66b2a}.pad[data-color=laranxa-cla]{background:#f6efe9}.active-item[data-color=laranxa-cla]{border-left-color:#d68f5c}.active-item[data-color=laranxa-cla] .active-bar{background:#d68f5c}.bb-hue[data-hue=mostaza]{background:#c6972a}.pad[data-color=mostaza-int]{background:#ead8ae}.active-item[data-color=mostaza-int]{border-left-color:#a07a22}.active-item[data-color=mostaza-int] .active-bar{background:#a07a22}.pad[data-color=mostaza]{background:#f0e7d1}.active-item[data-color=mostaza]{border-left-color:#c6972a}.active-item[data-color=mostaza] .active-bar{background:#c6972a}.pad[data-color=mostaza-cla]{background:#f6f2e9}.active-item[data-color=mostaza-cla]{border-left-color:#d6b15c}.active-item[data-color=mostaza-cla] .active-bar{background:#d6b15c}.bb-hue[data-hue=amarelo]{background:#c6b12a}.pad[data-color=amarelo-int]{background:#eae2ae}.active-item[data-color=amarelo-int]{border-left-color:#a08f22}.active-item[data-color=amarelo-int] .active-bar{background:#a08f22}.pad[data-color=amarelo]{background:#f0ecd1}.active-item[data-color=amarelo]{border-left-color:#c6b12a}.active-item[data-color=amarelo] .active-bar{background:#c6b12a}.pad[data-color=amarelo-cla]{background:#f6f4e9}.active-item[data-color=amarelo-cla]{border-left-color:#d6c65c}.active-item[data-color=amarelo-cla] .active-bar{background:#d6c65c}.bb-hue[data-hue=verdeclaro]{background:#6bc62a}.pad[data-color=verdeclaro-int]{background:#c7eaae}.active-item[data-color=verdeclaro-int]{border-left-color:#56a022}.active-item[data-color=verdeclaro-int] .active-bar{background:#56a022}.pad[data-color=verdeclaro]{background:#def0d1}.active-item[data-color=verdeclaro]{border-left-color:#6bc62a}.active-item[data-color=verdeclaro] .active-bar{background:#6bc62a}.pad[data-color=verdeclaro-cla]{background:#eff6e9}.active-item[data-color=verdeclaro-cla]{border-left-color:#8fd65c}.active-item[data-color=verdeclaro-cla] .active-bar{background:#8fd65c}.bb-hue[data-hue=verde]{background:#2ac6ac}.pad[data-color=verde-int]{background:#aeeae0}.active-item[data-color=verde-int]{border-left-color:#22a08b}.active-item[data-color=verde-int] .active-bar{background:#22a08b}.pad[data-color=verde]{background:#d1f0eb}.active-item[data-color=verde]{border-left-color:#2ac6ac}.active-item[data-color=verde] .active-bar{background:#2ac6ac}.pad[data-color=verde-cla]{background:#e9f6f4}.active-item[data-color=verde-cla]{border-left-color:#5cd6c2}.active-item[data-color=verde-cla] .active-bar{background:#5cd6c2}.bb-hue[data-hue=turquesa]{background:#2aacc6}.pad[data-color=turquesa-int]{background:#aee0ea}.active-item[data-color=turquesa-int]{border-left-color:#228ba0}.active-item[data-color=turquesa-int] .active-bar{background:#228ba0}.pad[data-color=turquesa]{background:#d1ebf0}.active-item[data-color=turquesa]{border-left-color:#2aacc6}.active-item[data-color=turquesa] .active-bar{background:#2aacc6}.pad[data-color=turquesa-cla]{background:#e9f4f6}.active-item[data-color=turquesa-cla]{border-left-color:#5cc2d6}.active-item[data-color=turquesa-cla] .active-bar{background:#5cc2d6}.bb-hue[data-hue=azul]{background:#2a6bc6}.pad[data-color=azul-int]{background:#aec7ea}.active-item[data-color=azul-int]{border-left-color:#2256a0}.active-item[data-color=azul-int] .active-bar{background:#2256a0}.pad[data-color=azul]{background:#d1def0}.active-item[data-color=azul]{border-left-color:#2a6bc6}.active-item[data-color=azul] .active-bar{background:#2a6bc6}.pad[data-color=azul-cla]{background:#e9eff6}.active-item[data-color=azul-cla]{border-left-color:#5c8fd6}.active-item[data-color=azul-cla] .active-bar{background:#5c8fd6}.bb-hue[data-hue=violeta]{background:#782ac6}.pad[data-color=violeta-int]{background:#ccaeea}.active-item[data-color=violeta-int]{border-left-color:#6122a0}.active-item[data-color=violeta-int] .active-bar{background:#6122a0}.pad[data-color=violeta]{background:#e0d1f0}.active-item[data-color=violeta]{border-left-color:#782ac6}.active-item[data-color=violeta] .active-bar{background:#782ac6}.pad[data-color=violeta-cla]{background:#f0e9f6}.active-item[data-color=violeta-cla]{border-left-color:#995cd6}.active-item[data-color=violeta-cla] .active-bar{background:#995cd6}.bb-hue[data-hue=rosa]{background:#c62a78}.pad[data-color=rosa-int]{background:#eaaecc}.active-item[data-color=rosa-int]{border-left-color:#a02261}.active-item[data-color=rosa-int] .active-bar{background:#a02261}.pad[data-color=rosa]{background:#f0d1e0}.active-item[data-color=rosa]{border-left-color:#c62a78}.active-item[data-color=rosa] .active-bar{background:#c62a78}.pad[data-color=rosa-cla]{background:#f6e9f0}.active-item[data-color=rosa-cla]{border-left-color:#d65c99}.active-item[data-color=rosa-cla] .active-bar{background:#d65c99}@media (orientation: portrait) and (max-width: 820px){#app{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{padding:6px var(--bl-e2);gap:6px}.brand strong{font-size:var(--bl-txt-lg)}.topbar-actions{gap:6px}.social a,.social svg,.social img{width:26px;height:26px}.topbar-actions .ghost,.panic{padding:0 var(--bl-e3);font-size:var(--bl-txt-xs)}.body{flex:1 1 auto;flex-direction:column;min-height:0}.grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:5px;padding:5px;flex:1 1 auto;min-height:0;overflow:hidden}.grid-row{display:contents}.pad{aspect-ratio:auto;min-height:0}.pad-key{font-size:.54rem}.pad-name{font-size:.7rem;line-height:1.08}.pad-space{grid-column:1 / -1;aspect-ratio:auto}.active-col{flex:0 0 auto;max-height:22vh;border-left:none;border-top:1px solid var(--rb-borde)}.active-title{padding:6px var(--bl-e3) var(--bl-e1)}.banks{padding:6px var(--bl-e2) 0}.banks-hint{display:none}.bank-btn{min-width:40px;height:34px}}