.audio-player[data-v-9f520b9d]{margin-top:1rem;background:var(--fundo-card);border:1px solid var(--borda);border-radius:var(--radius);padding:.75rem .85rem}.audio-header[data-v-9f520b9d]{margin-bottom:.5rem}.audio-label[data-v-9f520b9d]{font-weight:600;font-size:.9rem;color:var(--texto)}.audio-el[data-v-9f520b9d]{width:100%;height:36px}.audio-error[data-v-9f520b9d]{font-size:.8rem;color:#c0392b;margin-top:.4rem}.hino-nav[data-v-d8cbfcc1]{display:flex;gap:.5rem;margin-top:1.5rem}.hino-nav-btn[data-v-d8cbfcc1]{flex:1;text-align:center;padding:.65rem;border:1px solid var(--borda);border-radius:var(--radius);text-decoration:none;color:var(--azul-claro);font-weight:600;font-size:.9rem;background:var(--fundo-card);transition:background .15s,border-color .15s}.hino-nav-btn[data-v-d8cbfcc1]:hover{background:var(--azul-bg);border-color:var(--azul-claro)}.hino-nav-btn.center[data-v-d8cbfcc1]{color:var(--texto-suave)}.hino-nav-btn.disabled[data-v-d8cbfcc1]{pointer-events:none;opacity:0}.star-btn svg[data-v-d8cbfcc1]{display:block}.star-btn.ativo svg[data-v-d8cbfcc1]{fill:currentColor}:root{--header-bg: #d4d9e2;--header-color: #033d60;--header-nav-hover: #c0c8d4;--accent: #033d60;--accent-hover: #1a5a80;--accent-bg: #e0e5ed;--accent-light: #e8ecf3;--azul: var(--accent);--azul-claro: var(--accent-hover);--azul-bg: var(--accent-light);--dourado: var(--accent);--texto: #222222;--texto-suave: #6a7b8c;--fundo: #ffffff;--fundo-card: #f0f3f8;--borda: #c5cdd8;--radius: 8px;--sombra: 0 1px 6px rgba(3, 61, 96, .1);--fonte-hino: 1.1rem}.theme-pink{--header-bg: #f0e0e8;--header-color: #7a4066;--header-nav-hover: #e0cdd8;--accent: #7a4066;--accent-hover: #9a5a80;--accent-bg: #e8d5e0;--accent-light: #f0e5ec;--azul: var(--accent);--azul-claro: var(--accent-hover);--azul-bg: var(--accent-light);--dourado: var(--accent);--texto-suave: #8a6a80;--fundo-card: #f8f0f4;--borda: #dcc8d4;--sombra: 0 1px 6px rgba(122, 64, 102, .1)}.theme-green{--header-bg: #d8ebe2;--header-color: #1B6D43;--header-nav-hover: #c4dbd0;--accent: #1B6D43;--accent-hover: #2d8a5c;--accent-bg: #d0e8dc;--accent-light: #e0f0e8;--azul: var(--accent);--azul-claro: var(--accent-hover);--azul-bg: var(--accent-light);--dourado: var(--accent);--texto-suave: #5a7d6a;--fundo-card: #ecf5f0;--borda: #c4d4cb;--sombra: 0 1px 6px rgba(27, 109, 67, .1)}.theme-dark{--header-bg: #1a1d25;--header-color: #f5dfad;--header-nav-hover: #2a2e38;--accent: #f5dfad;--accent-hover: #faeac8;--accent-bg: #2a251e;--accent-light: #352f26;--azul: var(--accent);--azul-claro: var(--accent-hover);--azul-bg: var(--accent-light);--dourado: var(--accent);--texto: #f5f0e0;--texto-suave: #d4c4a8;--fundo: #0f1117;--fundo-card: #1a1d25;--borda: #2d313a;--sombra: 0 1px 6px rgba(0, 0, 0, .4)}.app-root{display:flex;flex-direction:column;min-height:100vh;background:var(--fundo)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--fundo);color:var(--texto);min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--header-bg);color:var(--header-color);padding:0 1rem;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 1px 0 var(--header-nav-hover);border-bottom:1px solid var(--header-nav-hover)}.header-title{font-size:1.1rem;font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--header-color)}.header-nav{display:flex;gap:.5rem;align-items:center}.header-nav a{color:var(--header-color);text-decoration:none;padding:.4rem .7rem;border-radius:6px;font-size:.9rem;transition:background .2s,color .2s;display:flex;align-items:center;gap:.3rem}.header-nav a:hover,.header-nav a.router-link-active{background:var(--header-nav-hover);color:var(--header-color)}.tema-btn{background:none;border:none;padding:.4rem;margin-left:.25rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1;color:var(--header-color)}.tema-btn:hover{background:var(--header-nav-hover)}.page{flex:1;max-width:760px;margin:0 auto;width:100%;padding:1rem}.search-wrap{position:relative;margin-bottom:1rem}.search-input{width:100%;padding:.75rem 1rem .75rem 2.8rem;border:2px solid var(--borda);border-radius:var(--radius);font-size:1rem;background:var(--fundo-card);color:var(--texto);outline:none;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-icon{position:absolute;left:.9rem;top:50%;transform:translateY(-50%);color:var(--texto-suave);font-size:1.1rem;pointer-events:none}.search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--texto-suave);font-size:1.1rem;padding:.2rem;line-height:1}.results-info{font-size:.85rem;color:var(--texto-suave);margin-bottom:.75rem;padding-left:.25rem}.hino-list{display:flex;flex-direction:column;gap:.5rem}.hino-card{display:flex;align-items:center;gap:1rem;background:var(--fundo-card);border:1px solid var(--borda);border-radius:var(--radius);padding:.85rem 1rem;text-decoration:none;color:var(--texto);transition:border-color .15s,box-shadow .15s,transform .1s;cursor:pointer}.hino-card:hover{border-color:var(--accent-hover);box-shadow:var(--sombra);transform:translateY(-1px)}.hino-numero{min-width:2.5rem;text-align:center;font-weight:700;font-size:1rem;color:var(--accent);background:var(--accent-bg);padding:.35rem .5rem;border-radius:6px;line-height:1}.hino-titulo{flex:1;font-size:.97rem;font-weight:500;line-height:1.3}.hino-tipo-badge{font-size:.72rem;background:var(--accent);color:#fff;padding:.15rem .45rem;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.theme-dark .hino-tipo-badge{background:var(--accent-bg);color:var(--accent)}.hino-arrow{color:var(--borda);font-size:1rem}.hino-page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.btn-back{background:none;border:none;color:var(--accent);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:6px;transition:background .2s;flex-shrink:0}.btn-back:hover{background:var(--header-nav-hover)}.hino-page-info{flex:1}.hino-page-numero{font-size:.85rem;color:var(--texto-suave);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hino-page-titulo{font-size:1.25rem;font-weight:700;color:var(--accent);line-height:1.2}.hino-actions{display:flex;gap:.5rem;align-items:center}.btn-icon{background:none;border:1px solid var(--borda);border-radius:8px;padding:.4rem .6rem;cursor:pointer;font-size:1.1rem;color:var(--texto-suave);transition:all .2s;line-height:1}.btn-icon:hover{border-color:var(--accent);color:var(--accent)}.btn-icon.ativo{color:var(--accent);border-color:var(--accent)}.font-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.6rem 1rem;background:var(--fundo-card);border:1px solid var(--borda);border-radius:var(--radius)}.font-label{font-size:.82rem;color:var(--texto-suave);flex:1}.font-controls button{background:none;border:1px solid var(--borda);border-radius:6px;width:2rem;height:2rem;cursor:pointer;font-size:1rem;color:var(--accent);transition:background .15s;display:flex;align-items:center;justify-content:center}.font-controls button:hover{background:var(--header-nav-hover)}.hino-texto{background:var(--fundo-card);border:1px solid var(--borda);border-radius:var(--radius);padding:1.5rem;line-height:1.9;white-space:pre-wrap;font-family:Georgia,serif;font-weight:500;color:var(--texto)}.page-title{font-size:1.4rem;font-weight:700;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--texto-suave)}.empty-state .emoji{font-size:3rem;display:block;margin-bottom:.75rem}.empty-state p{font-size:1rem;margin-bottom:1rem}.btn-primary{display:inline-block;background:var(--accent);color:#fff;padding:.65rem 1.5rem;border-radius:var(--radius);text-decoration:none;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.loading{text-align:center;padding:3rem;color:var(--texto-suave);font-size:1rem}.install-banner{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:#fff;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:200;box-shadow:0 -2px 12px #00000026}.install-banner p{flex:1;font-size:.9rem}.install-banner button{background:var(--accent-hover);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;white-space:nowrap}.install-dismiss{background:none!important;color:#ffffffb3!important;padding:.25rem!important;font-size:1.2rem!important}mark{background:var(--accent-bg);color:inherit;border-radius:3px;padding:0 1px}@media (max-width: 480px){.header-nav a span{display:none}.hino-card{padding:.7rem .75rem}}