@font-face{font-family:Manrope;src:url('./assets/fonts/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ink:#30234e;--muted:#6e627e;--purple:#7154cf;--line:#d9d0e8;--green:#23765c}
/* Rem dimensions follow the 90% root scale; viewport breakpoints stay fixed. */
*{box-sizing:border-box}html{font-size:90%;scroll-padding-block:1.375rem 4.375rem}body{margin:0;color:var(--ink);font-family:Manrope,'Segoe UI',Arial,sans-serif;background:#f6f2fd;min-height:100vh;padding-bottom:2.625rem}body::before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 8% 4%,#d8d9ffb3,transparent 58%),radial-gradient(ellipse at 96% 43%,#ffcfdba3,transparent 58%),radial-gradient(ellipse at 32% 95%,#e2d7ffcc,transparent 55%),linear-gradient(125deg,#f2f0ff,#fff2f0);pointer-events:none}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}a{color:inherit;text-decoration:none}button,a,input{outline:none}[hidden]{display:none!important}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.shell{width:calc(90% - 4rem);max-width:61.25rem;margin-inline:auto}
main{padding-bottom:1.5rem}
#home-view{padding-top:1.625rem}.eyebrow{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.5625rem;font-weight:800;letter-spacing:0.1125rem;color:#766692}
.library-tools{display:flex;align-items:center;justify-content:space-between;gap:1.0625rem;margin:0 0 1.5rem}.filters{display:flex;align-items:center;gap:0.25rem;background:#ffffff66;border:0.0625rem solid #fff;padding:0.3125rem;border-radius:1.875rem}.filter{display:inline-flex;align-items:center;justify-content:center;gap:0.4375rem;border-radius:1.5rem;padding:0.625rem 0.875rem;min-height:2.3125rem;font-size:0.6875rem;font-weight:700;color:#756586;white-space:nowrap}.filter>span{font-size:0.5625rem;opacity:.65}.filter.selected{background:var(--ink);color:#fff;box-shadow:0 0.1875rem 0.5rem #30234e14}.filter:hover:not(.selected){background:#fff}.search-field{display:flex;align-items:center;gap:0.5rem;width:16.875rem;min-height:2.8125rem;border-radius:1.5625rem;border:0.0625rem solid #fff;background:#ffffff65;padding:0 0.9375rem;color:#89799f}.search-field .icon{width:1rem;height:1rem}.search-field input{border:0;background:none;min-width:0;width:100%;padding:0.75rem 0;font-size:0.6875rem;color:var(--ink)}.search-field input::placeholder{color:#80698d}.search-field input::-webkit-search-cancel-button{display:none}.search-field:focus-within{border-color:#9e83df;box-shadow:0 0 0 0.1875rem #9571d510}.clear-search{display:grid;place-items:center;padding:0.1875rem;border-radius:0.3125rem}.list-heading{display:flex;justify-content:space-between;color:#7c688f;font-size:0.5rem;font-weight:700;letter-spacing:0.075rem;padding:0 1.375rem;margin-bottom:0.8125rem}.list-heading>span+span{letter-spacing:0.01875rem}.app-menu{display:grid;gap:0.8125rem}.app-row{position:relative;display:grid;grid-template-columns:3.75rem minmax(0,1fr) 2.625rem;align-items:center;gap:1.0625rem;min-height:5.125rem;padding:0.625rem 1.1875rem 0.625rem 0.75rem;border:0.0625rem solid #fff;border-radius:3rem;background:linear-gradient(100deg,#ffffff82,#ffffff5e);box-shadow:0 0.3125rem 1.25rem #7962a509;transition:background .15s,box-shadow .15s,transform .15s}.app-row:hover{background:#fff;box-shadow:0 0.4375rem 1.375rem #7962a512;transform:translateY(-0.0625rem)}.app-art{display:grid;place-items:center;width:3.75rem;height:3.75rem;border-radius:50%;background:#fff;overflow:hidden;border:0.0625rem solid #ede5f6;flex-shrink:0}.app-art img{display:block;height:100%;width:100%;object-fit:contain}.app-label{text-align:center;display:grid;gap:0.25rem}.app-label strong{font-size:1rem;font-weight:800;letter-spacing:-0.01875rem;line-height:1.4}.app-label small{font-size:0.5625rem;letter-spacing:0.03125rem;color:#79618e}.row-arrow{display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:50%;color:#8e71b2;background:#ffffff65;justify-self:end}.row-arrow .icon{width:1rem;height:1rem}.library-note{display:flex;align-items:center;justify-content:center;gap:0.4375rem;margin:1.6875rem 0 0.625rem;color:#79618e;font-size:0.625rem}.library-note .icon{width:0.875rem;height:0.875rem}.empty-state{text-align:center;background:#ffffff7a;border:0.0625rem solid #fff;padding:2.5rem 1.5rem;border-radius:1.5rem}.empty-state>.icon{width:2rem;height:2rem;color:var(--purple)}.empty-state h2{font-size:1.4375rem}.empty-state p{font-size:0.75rem;color:var(--muted)}.remote-hint{position:fixed;z-index:10;bottom:0;left:0;width:100%;height:2.625rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-size:0.5625rem;background:#faf6fdfa;backdrop-filter:blur(0.75rem);border-top:0.0625rem solid #e1d6ed;color:#806890}.remote-hint>.remote-arrows{color:#6b5586;letter-spacing:0.3125rem;font-size:0.75rem}.remote-hint kbd{font:inherit;font-size:0.5rem;color:#7b688e;background:#fff;border:0.0625rem solid #dacde8;border-radius:0.25rem;padding:0.1875rem 0.3125rem}.remote-target:focus-visible,.keyboard-mode .remote-target:focus{outline:0.1875rem solid #8b60d2;outline-offset:0.25rem;box-shadow:0 0 0 0.4375rem #9e75e017}.app-row:focus-visible,.keyboard-mode .app-row:focus{background:#fff;border-color:#a385db}.toast{position:fixed;z-index:50;bottom:3.75rem;left:50%;transform:translateX(-50%);max-width:calc(100% - 2.25rem);background:#fff;color:var(--ink);font-size:0.75rem;line-height:1.7;padding:0.8125rem 1.25rem;border:0.0625rem solid #dfd0f0;border-radius:0.8125rem;box-shadow:0 0.625rem 2.1875rem #41265c15}
.detail-nav{display:flex;align-items:center;gap:0.8125rem;padding:1.6875rem 0 1.375rem;font-size:0.625rem;color:#9685a7}.back-link{display:inline-flex;align-items:center;gap:0.5rem;min-height:2.1875rem;color:#6d508b;font-size:0.6875rem;font-weight:700;border-radius:0.4375rem;padding:0.3125rem 0}.back-link .icon{width:1rem;height:1rem}.breadcrumb-divider{color:#c9b9d5}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 18.75rem;align-items:start;gap:1.375rem}.download-panel,.contact-panel{border:0.0625rem solid #fff;background:#ffffffb0;border-radius:1.5625rem;box-shadow:0 0.75rem 2.1875rem #73559b08}.download-panel{padding:2rem}.detail-heading{display:flex;align-items:center;gap:1.1875rem}.detail-heading .app-art{width:4.9375rem;height:4.9375rem;border-radius:1.3125rem;box-shadow:0 0.375rem 1rem #7962a508}.detail-heading-text{min-width:0}.category-label{color:#816194;font-size:0.5rem;font-weight:800;letter-spacing:0.1rem;text-transform:uppercase}.detail-heading h1{font-size:1.9375rem;font-weight:800;letter-spacing:-0.06875rem;line-height:1.18;margin:0.5rem 0 0;overflow-wrap:anywhere}.detail-description{font-size:0.875rem;line-height:1.85;color:#746080;margin:1.5rem 0 0.9375rem}.detail-about{font-size:0.6875rem;color:#766282;line-height:1.9;margin:0 0 1.625rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:0.625rem;min-height:2.9375rem;padding:0.75rem 1.25rem;border-radius:0.8125rem;font-size:0.75rem;font-weight:800;border:0.0625rem solid transparent}.primary{background:var(--purple);color:#fff;box-shadow:0 0.375rem 0.9375rem #7154cf19}.primary:hover{background:#6045bc}.secondary{border-color:#dcd0eb;color:#7b5b99;background:#fff9}.secondary:hover{background:#fff}.download-primary{width:100%;min-height:3.1875rem;border-radius:0.8125rem;font-size:0.875rem}.download-primary.unavailable{color:#a68cac;background:#f0e8f4;border-color:#e5d9ed;cursor:default;box-shadow:none}.download-note{display:flex;align-items:flex-start;gap:0.375rem;font-size:0.5625rem;line-height:1.8;color:#786084;margin:0.6875rem 0 1.375rem}.download-note .icon{height:0.8125rem;width:0.8125rem;margin-top:0.125rem}.code-card{display:flex;align-items:center;justify-content:space-between;gap:0.9375rem;padding:1rem 1.1875rem;background:#f2ecfc;border:0.0625rem solid #e8ddf6;border-radius:0.875rem}.code-card .category-label{font-size:0.4375rem;letter-spacing:0.075rem;color:#806195}.code-number{font-family:Consolas,monospace;font-size:1.6875rem;letter-spacing:0.1875rem;color:#7853a7;margin-top:0.4375rem}.copy-code{display:flex;align-items:center;justify-content:center;gap:0.4375rem;color:#8d6dad;background:#fff;border:0.0625rem solid #e6d9f3;border-radius:0.625rem;min-height:2.375rem;padding:0.625rem 0.75rem;font-size:0.5625rem;font-weight:700}.copy-code .icon{width:0.875rem;height:0.875rem}.inline-guide{margin-top:1.625rem;padding-top:1.3125rem;border-top:0.0625rem solid #e8dff0}.inline-guide h2{font-size:0.75rem;font-weight:800;margin:0 0 0.9375rem}.install-steps{display:grid;gap:0.75rem;list-style:none;padding:0;margin:0}.install-steps li{display:flex;align-items:flex-start;gap:0.5625rem;font-size:0.6875rem;line-height:1.7;color:#766282}.step-number{width:1.25rem;height:1.25rem;display:grid;place-items:center;font-size:0.5rem;font-weight:800;color:#9777b7;background:#f4effa;border:0.0625rem solid #e7dcf0;border-radius:0.375rem;flex-shrink:0}.guide-link{display:inline-flex;align-items:center;gap:0.4375rem;color:#8a63ab;font-size:0.5625rem;font-weight:700;min-height:2.125rem;padding:0.3125rem 0;margin-top:0.625rem;border-radius:0.3125rem}.guide-link .icon{width:0.875rem;height:0.875rem}
.contact-panel{position:relative;text-align:center;padding:1.5625rem 1.4375rem;background:linear-gradient(150deg,#f1fbf3,#ffffffdb 70%)}.contact-label{display:inline-flex;align-items:center;gap:0.4375rem;color:#498060;font-size:0.5rem;font-weight:800;letter-spacing:0.1rem}.contact-label .icon{width:1.0625rem;height:1.0625rem}.contact-panel h2{font-size:1.75rem;font-weight:800;line-height:1.16;letter-spacing:-0.0625rem;margin:1.1875rem 0 0.75rem;color:#294f3b}.contact-panel h2 span{color:#438760}.contact-prompt{font-size:0.625rem;color:#527260;line-height:1.8;margin:1.0625rem 0 0.9375rem}.qr-button{display:block;background:#fff;border:0.0625rem solid #e1eee5;border-radius:0.9375rem;padding:0.75rem;max-width:13.25rem;width:100%;margin-inline:auto;box-shadow:0 0.4375rem 1.125rem #36554007}.qr-button:hover{border-color:#8ec39d}.qr-button img,.qr-large img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.detail-endnote{font-size:0.5rem;line-height:1.8;color:#806c8b;margin:1.375rem 0.1875rem 0}.not-found{text-align:center;padding:4.375rem 1.25rem}.not-found p{color:var(--muted);font-size:0.8125rem}
.modal-overlay{position:fixed;z-index:40;inset:0;background:#533c7945;backdrop-filter:blur(0.5625rem);padding:1.5rem;display:grid;place-items:center}.modal{position:relative;background:#fcfaff;border:0.0625rem solid #fff;box-shadow:0 1.5625rem 6.25rem #49316520;width:calc(90vw - 3rem);max-width:36.25rem;max-height:calc(100vh - 3rem);max-height:calc(100dvh - 3rem);overflow:auto;border-radius:1.5625rem;padding:2.125rem}.modal-close{position:absolute;right:1.1875rem;top:1.1875rem;display:grid;place-items:center;width:2.1875rem;height:2.1875rem;border:0.0625rem solid #e4d8ef;border-radius:50%;color:#9c83b1;background:#fff}.modal-close .icon{width:1.0625rem;height:1.0625rem}.modal .eyebrow{justify-content:flex-start;font-size:0.5rem;margin:0 2.5rem 0.9375rem 0}.modal h2{font-size:1.625rem;letter-spacing:-0.05rem;line-height:1.3;margin:0 1.875rem 0.875rem 0}.modal-intro{font-size:0.75rem;color:#776184;line-height:1.85;margin:0 0 1.375rem}.modal .install-steps{gap:1.125rem}.modal .install-steps li{font-size:0.6875rem}.modal .step-number{width:1.625rem;height:1.625rem;margin-top:0.125rem}.modal .install-steps strong{display:block;color:#80628f;font-size:0.75rem;margin-bottom:0.25rem}.modal-actions{display:flex;flex-wrap:wrap;gap:0.625rem;margin-top:1.5625rem}.modal .button{font-size:0.6875rem;min-height:2.6875rem}.modal-note{font-size:0.625rem;line-height:1.9;color:#796385;margin-top:1.25rem}.modal-url{background:#f0e9f9;border:0.0625rem solid #e1d3f0;border-radius:0.75rem;padding:1rem;font-family:Consolas,monospace;font-size:0.75rem;line-height:1.7;overflow-wrap:anywhere;color:#8764a5}.qr-modal{text-align:center}.qr-modal .contact-label{margin-bottom:1.0625rem}.qr-modal h2{margin-inline:auto;color:#305740}.qr-modal h2 span{color:#438760}.qr-modal .modal-intro{margin:1rem 0;color:#527260;font-size:0.6875rem}.qr-large{background:#fff;border:0.0625rem solid #e1eee5;border-radius:1.125rem;padding:1.125rem;width:100%;max-width:20rem;margin:1.375rem auto 0}.qr-modal .modal-actions{justify-content:center;margin-top:1.1875rem}.noscript-note{text-align:center;padding:1.25rem}
@media(min-width:1200px){.shell{max-width:65rem}.app-row{min-height:5.375rem}.app-menu{gap:0.9375rem}.app-label strong{font-size:1.125rem}.detail-layout{grid-template-columns:minmax(0,1fr) 21.25rem;gap:1.625rem}.download-panel{padding:2.3125rem}.contact-panel{padding:1.875rem}.contact-panel h2{font-size:2.0625rem}.qr-button{max-width:14.625rem}.detail-heading h1{font-size:2.25rem}}
@media(min-width:821px) and (max-height:800px){.library-tools{margin-bottom:0.875rem}.app-row{min-height:4.3125rem;padding-block:0.5rem;grid-template-columns:3.125rem minmax(0,1fr) 2.25rem}.app-art{width:3.125rem;height:3.125rem}.app-menu{gap:0.625rem}.app-label strong{font-size:1.125rem}.detail-nav{padding-block:1.125rem}.download-panel{padding:1.5625rem}.detail-heading .app-art{width:4.1875rem;height:4.1875rem}.detail-heading h1{font-size:1.8125rem}.detail-description{font-size:0.875rem;margin:1.1875rem 0 0.625rem}.detail-about{margin-bottom:1.125rem;font-size:0.75rem}.download-primary{min-height:2.8125rem}.download-note{margin-bottom:1.0625rem}.code-card{padding:0.8125rem 1.0625rem}.code-number{font-size:1.5625rem}.inline-guide{margin-top:1.1875rem;padding-top:1rem}.inline-guide h2{margin-bottom:0.6875rem}.install-steps{gap:0.5625rem}.contact-panel{padding:1.375rem}.contact-panel h2{font-size:1.75rem;margin-top:0.9375rem}.contact-prompt{margin-block:0.75rem}.qr-button{max-width:12.75rem}.detail-endnote{margin-top:1rem}}
@media(max-width:820px){.shell{width:calc(90% - 3rem)}.detail-layout{grid-template-columns:minmax(0,1fr) 16.25rem;gap:1.0625rem}.download-panel{padding:1.4375rem}.contact-panel{padding:1.375rem 1.125rem}.detail-heading{gap:0.875rem}.detail-heading .app-art{width:4.0625rem;height:4.0625rem;border-radius:1.0625rem}.detail-heading h1{font-size:1.5625rem}.detail-description{font-size:0.75rem}.contact-panel h2{font-size:1.5625rem}.qr-button{max-width:12.1875rem}.contact-label{font-size:0.4375rem}}
@media(max-width:640px){.shell{width:calc(90% - 2.5rem)}.eyebrow{font-size:0.4375rem;letter-spacing:0.09375rem}.library-tools{flex-direction:column;align-items:stretch;gap:0.8125rem;margin-bottom:1.3125rem}.filters{justify-content:center}.filter{flex:1;padding:0.5625rem 0.625rem;font-size:0.625rem;gap:0.375rem;min-height:2.1875rem}.filter>span{font-size:0.5rem}.search-field{width:100%;min-height:2.5625rem}.search-field input{font-size:0.625rem;padding-block:0.6875rem}.list-heading{padding-inline:0.9375rem;font-size:0.4375rem;margin-bottom:0.75rem}.app-menu{gap:0.75rem}.app-row{min-height:4.5rem;grid-template-columns:3.125rem minmax(0,1fr) 1.6875rem;padding:0.5625rem 0.9375rem 0.5625rem 0.625rem;gap:0.625rem}.app-art{width:3.125rem;height:3.125rem}.app-label strong{font-size:0.8125rem;letter-spacing:-0.015625rem}.app-label small{font-size:0.5rem;letter-spacing:0.01875rem}.row-arrow{width:1.6875rem;height:1.6875rem}.row-arrow .icon{width:0.875rem;height:0.875rem}.library-note{font-size:0.5rem;line-height:1.9;text-align:center;margin-top:1.4375rem}.remote-hint{font-size:0.5rem;gap:0.5625rem;height:2.4375rem}.remote-hint>.remote-arrows{font-size:0.6875rem;letter-spacing:0.1875rem}.remote-hint kbd{font-size:0.4375rem}.detail-nav{padding:1.1875rem 0 1rem;font-size:0.5rem;gap:0.625rem}.back-link{font-size:0.625rem;min-height:1.875rem}.detail-layout{grid-template-columns:1fr;gap:1.1875rem}.download-panel{padding:1.5rem 1.375rem;border-radius:1.3125rem}.detail-heading .app-art{width:4.3125rem;height:4.3125rem;border-radius:1.125rem}.detail-heading h1{font-size:1.6875rem}.category-label{font-size:0.4375rem;letter-spacing:0.08125rem}.detail-description{font-size:0.75rem;margin-top:1.25rem}.detail-about{font-size:0.625rem;margin-bottom:1.4375rem}.download-primary{font-size:0.75rem;min-height:3rem}.code-card{padding:1rem}.code-number{font-size:1.5625rem}.download-note{font-size:0.5rem}.contact-panel{padding:1.625rem 1.5rem 1.4375rem;border-radius:1.3125rem}.contact-label{font-size:0.5rem}.contact-panel h2{font-size:1.9375rem}.qr-button{max-width:14.375rem}.contact-prompt{font-size:0.6875rem}.detail-endnote{font-size:0.5rem;line-height:1.9}.modal-overlay{padding:1rem}.modal{width:calc(90vw - 2rem);padding:1.75rem 1.4375rem;max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);border-radius:1.375rem}.modal h2{font-size:1.5rem}.modal .eyebrow{font-size:0.4375rem}.modal-intro{font-size:0.6875rem}.modal-close{right:1rem;top:1rem;width:2rem;height:2rem}.modal .install-steps li{font-size:0.625rem}.modal .install-steps strong{font-size:0.6875rem}.qr-large{max-width:17.875rem;padding:0.9375rem}.qr-modal h2{font-size:1.625rem;margin-top:0.25rem}.qr-modal .modal-intro{font-size:0.625rem}.copy-code{font-size:0.5rem;padding:0.5625rem}}
@media(max-width:360px){.shell{width:calc(90% - 2rem)}.app-row{grid-template-columns:2.75rem minmax(0,1fr) 1.5rem;gap:0.4375rem;padding-right:0.75rem;min-height:4.0625rem}.app-art{width:2.75rem;height:2.75rem}.app-label strong{font-size:0.6875rem}.row-arrow{width:1.5rem;height:1.5rem}.detail-heading{gap:0.8125rem}.detail-heading .app-art{width:3.625rem;height:3.625rem}.detail-heading h1{font-size:1.4375rem}.download-panel{padding:1.375rem 1.125rem}.code-number{font-size:1.375rem;letter-spacing:0.125rem}.copy-code>span{display:none}.remote-hint{gap:0.4375rem}}
@media(max-width:360px){.filters{gap:0.125rem}.filter{padding:0.5625rem 0.3125rem;font-size:0.5625rem;gap:0.25rem}.filter>span{font-size:0.4375rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.whatsapp-contact{margin:1.125rem auto 0;max-width:15.625rem;text-align:center}
.whatsapp-contact-label{margin:0;color:#527260;font-size:0.625rem;line-height:1.7;font-weight:600}
.whatsapp-number{display:flex;align-items:center;justify-content:center;gap:0.5625rem;min-height:2.6875rem;margin-top:0.5625rem;padding:0.625rem 0.75rem;background:#eff9f1;border:0.0625rem solid #d6e9db;border-radius:0.75rem;color:#347650}
.whatsapp-number:hover{background:#e4f4e8;border-color:#a5cdb1}
.whatsapp-number span{min-width:0;overflow-wrap:anywhere;font-size:0.875rem;font-weight:800;line-height:1.4;letter-spacing:0.015625rem;font-variant-numeric:tabular-nums}
.whatsapp-number .icon{width:1.0625rem;height:1.0625rem}
.whatsapp-number .icon:last-child{width:0.875rem;height:0.875rem}
/* Keep the code and contact text still; only the outer halo breathes. */
.qr-button,.qr-large,.whatsapp-number{position:relative}
.qr-button::before,.qr-large::before,.whatsapp-number::before{content:'';position:absolute;top:-.1875rem;right:-.1875rem;bottom:-.1875rem;left:-.1875rem;border:.125rem solid rgba(67,172,112,.6);border-radius:inherit;box-shadow:0 0 .625rem rgba(67,172,112,.2),0 0 1.25rem .125rem rgba(67,172,112,.13);opacity:.3;pointer-events:none;animation:contact-breathe 3.2s ease-in-out infinite}
.qr-button::before,.qr-large::before{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-radius:1.4375rem;box-shadow:0 0 .875rem rgba(67,172,112,.2),0 0 1.625rem .1875rem rgba(67,172,112,.13)}
.qr-large::before{border-radius:1.625rem}
.whatsapp-number::before{animation-delay:-.6s}
.qr-button:hover::before,.whatsapp-number:hover::before,.qr-button:focus-visible::before,.whatsapp-number:focus-visible::before,.keyboard-mode .qr-button:focus::before,.keyboard-mode .whatsapp-number:focus::before{animation:none;opacity:.9}
@keyframes contact-breathe{0%,100%{opacity:.25}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.qr-button::before,.qr-large::before,.whatsapp-number::before{animation:none;opacity:.55}}
.qr-modal .whatsapp-contact{margin-top:1.1875rem}
@media(max-width:640px){.whatsapp-contact-label{font-size:0.6875rem}.whatsapp-number{min-height:2.875rem}}

.collection-actions{display:flex;align-items:center;gap:.625rem;min-width:0}.filter>.filter-label{font-size:inherit;opacity:1}.language-button{display:inline-flex;align-items:center;justify-content:center;gap:.4375rem;min-height:2.8125rem;padding:.625rem .9375rem;border:.0625rem solid #fff;border-radius:1.5625rem;background:#ffffffa6;color:#7154cf;font-size:.6875rem;font-weight:800;flex-shrink:0}.language-button:hover{background:#fff}.language-button .icon{width:1rem;height:1rem}.detail-nav .language-button{margin-left:auto}.back-link{flex-shrink:0}.breadcrumb-app{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-panel h2,.qr-modal h2{overflow-wrap:anywhere}.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.language-option{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:.8125rem;border:.0625rem solid #e4d8ef;border-radius:.875rem;background:#fff;color:var(--ink);font-size:.875rem;font-weight:700;text-align:left;min-width:0}.language-option:hover{border-color:#b49ade;background:#f7f1ff}.language-option.selected{border-color:#9e7bd6;background:#f0e8fc;color:#7154cf}.language-auto{grid-column:1/-1}.language-auto>.icon:last-child{margin-left:auto}.language-code{display:grid;place-items:center;min-width:2rem;height:2rem;background:#f6f1fb;border-radius:.5rem;font-size:.6875rem;color:#806397}.language-name{flex:1;min-width:0;overflow-wrap:anywhere}.language-option .icon{width:1.125rem;height:1.125rem;flex-shrink:0}
@media(max-width:900px){.library-tools{flex-direction:column;align-items:stretch}.collection-actions{width:100%}.collection-actions .search-field{flex:1;width:auto;min-width:0}.filters{justify-content:center}}
@media(max-width:640px){.filter{min-width:0;padding-inline:.5rem;gap:.25rem}.language-button{min-height:2.5625rem}.filter>.filter-label{white-space:normal;overflow-wrap:anywhere}.library-note{text-align:center;line-height:1.7}.library-note .icon{flex-shrink:0}}
@media(max-width:360px){.language-options{grid-template-columns:minmax(0,1fr)}.filter{padding-inline:.25rem}.remote-hint{gap:.4375rem}}

/* TV browsers reserve screen space for their toolbar. Scale by another 4%
   and tighten the detail layout according to the available viewport height. */
@media(min-width:821px) and (max-height:900px){
  html{font-size:86.4%}
  main{padding-bottom:.5rem}
  .detail-nav{padding-block:.5rem}
  .detail-nav .language-button{min-height:2.375rem;padding-block:.4375rem}
  .download-panel{padding:1.375rem}
  .detail-heading .app-art{width:4.1875rem;height:4.1875rem}
  .detail-heading h1{font-size:1.8125rem}
  .detail-description{margin:.9375rem 0 .625rem;font-size:.875rem;line-height:1.75}
  .detail-about{margin-bottom:.9375rem;font-size:.75rem;line-height:1.8}
  .download-primary{min-height:2.8125rem}
  .download-note{margin:.5rem 0 .75rem}
  .inline-guide{margin-top:.9375rem;padding-top:.75rem}
  .inline-guide h2{margin-bottom:.625rem}
  .inline-guide .install-steps{gap:.4375rem}
  .contact-panel{padding:1.125rem}
  .contact-panel h2{font-size:1.75rem;margin:.625rem 0 .5rem}
  .contact-prompt{margin:.5rem 0 .875rem;line-height:1.7}
  .qr-button{max-width:12.75rem}
  .contact-panel .whatsapp-contact{margin-top:.9375rem}
  .contact-panel .whatsapp-number{margin-top:.375rem;min-height:2.5rem}
  .detail-endnote{margin-top:.75rem}
}
@media(min-width:821px) and (max-height:600px){
  main{padding-bottom:0}
  .detail-nav{padding-block:.375rem}
  .contact-panel{padding:.875rem}
  .contact-panel h2{font-size:1.625rem;margin-top:.5rem}
  .contact-prompt{margin:.4375rem 0 .75rem}
  .qr-button{max-width:12.5rem}
  .contact-panel .whatsapp-contact{margin-top:.75rem}
  .detail-endnote{margin-top:.25rem;line-height:1.5}
}

/* Mirror navigation and reading order; preserve QR artwork and Latin numbers. */
html[dir=rtl] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif}
html[dir=rtl] .category-label,html[dir=rtl] .list-heading,html[dir=rtl] .app-label small,html[dir=rtl] .contact-panel h2,html[dir=rtl] .qr-modal h2{letter-spacing:normal}
html[dir=rtl] .detail-nav .language-button{margin-left:0;margin-right:auto}
html[dir=rtl] .language-option{text-align:right}
html[dir=rtl] .language-auto>.icon:last-child{margin-left:0;margin-right:auto}
html[dir=rtl] .modal-close{right:auto;left:1.1875rem}
html[dir=rtl] .modal .eyebrow{margin-right:0;margin-left:2.5rem}
html[dir=rtl] .modal h2{margin-right:0;margin-left:1.875rem}
html[dir=rtl] .qr-modal h2{margin-inline:auto}
html[dir=rtl] .contact-label,html[dir=rtl] .remote-arrows{direction:ltr}
html[dir=rtl] .row-arrow .icon,html[dir=rtl] .back-link .icon,html[dir=rtl] .whatsapp-number .icon:last-child,html[dir=rtl] .qr-modal .modal-actions .icon{transform:scaleX(-1)}
@media(max-width:640px){html[dir=rtl] .modal-close{left:1rem}}