:root{--color-primary:#9db96d;--color-primary-hover:#aed178;--color-primary-dark:#829f55;--color-bg:#f8faf6;--color-card-bg:#fff;--color-text:#1f2937;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-border-hover:#d1d5db;--color-danger:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:.2s ease-in-out;--nav-height:72px}html,body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:Inter,sans-serif;font-size:16px}h1,h2,h3,h4,h5,h6{color:var(--color-text);margin-top:0;font-family:Outfit,sans-serif}#root,.page-router{width:100%;height:100%;position:relative}label{text-align:left;margin-top:16px;font-family:Outfit,sans-serif;font-weight:500;display:block}input,textarea,button{box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-card-bg);width:100%;color:var(--color-text);transition:all var(--transition-fast);padding:12px 16px;font-family:Inter,sans-serif;font-size:16px;display:block}input:focus,textarea:focus,button:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #9db96d33}textarea{resize:vertical;field-sizing:content;min-height:100px}button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;font-weight:600}button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{transform:translateY(0)}nav{z-index:50;-webkit-backdrop-filter:blur(12px);width:100%;box-shadow:var(--shadow-sm);height:var(--nav-height);background-color:#ffffffd9;border-bottom:1px solid #0000000d;margin:0;padding:0;display:flex;position:fixed;top:0;left:0}nav .content{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}nav .content .admin-button{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);box-shadow:var(--shadow-sm);padding:8px 16px;font-size:14px;font-weight:500}nav .content .admin-button:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.content{max-width:900px;margin:0 auto;padding-left:24px;padding-right:24px}main .content{padding-top:calc(var(--nav-height) + 40px);padding-bottom:64px;position:relative}nav a{color:var(--color-text);justify-content:flex-start;align-items:center;font-family:Outfit,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}nav a span{text-decoration:none}nav .logo{border-radius:var(--radius-lg);width:48px;height:48px;box-shadow:var(--shadow-sm);background-image:image-set("icon-64x64.webp" 1x,"icon-128x128.webp" 2x,"icon-192x192.webp" 3x);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-right:12px;transition:transform .3s;display:inline-block}nav a:hover .logo{transform:scale(1.05)rotate(-5deg)}.page-router{overflow-x:hidden}.page-animation{box-sizing:border-box;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.page-animation.active{opacity:1;transform:translate(0%)}.page-animation.active.new{animation:.5s ease-in-out translateIn}.page-animation.back{opacity:0;pointer-events:none;transform:translate(0%)}.page-animation.forward{opacity:1;pointer-events:none;transform:translate(100%)}@keyframes translateIn{0%{transform:translate(100%)}to{transform:translate(0%)}}main{width:100%;height:100%;position:absolute;top:0;left:0;overflow:auto}.auto-scroll{z-index:10;top:calc(var(--nav-height) + 16px);position:fixed;right:24px}.next-song{z-index:9;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);background-color:var(--color-primary);color:#fff;transition:var(--transition-fast);cursor:pointer;border:none;padding:12px 24px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;position:fixed;bottom:24px;right:24px}.next-song:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 14px 20px -3px #9db96d66}.hide{display:none!important}.show{display:block}.ranking{background-image:url(star.b63bbab3.svg);background-position:0;background-repeat:repeat-x;background-size:contain;height:16px}.song-table-container{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:32px;padding:24px}table{border-collapse:separate;border-spacing:0;width:100%;margin-top:16px}table tr{transition:var(--transition-fast);border-radius:var(--radius-md)}table tbody tr:hover{background-color:#9db96d1a;transform:scale(1.01)}table thead{background-color:#0000}table th{text-align:left;color:var(--color-text-muted);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;padding:16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600}table td{text-align:left;border-bottom:1px solid var(--color-border);padding:16px}table tbody tr:last-child td{border-bottom:none}table a{color:var(--color-text);transition:var(--transition-fast);font-weight:600;text-decoration:none}table a:hover{color:var(--color-primary)}.book-title{color:var(--color-text-muted);margin-top:4px;font-size:13px;font-style:normal;display:block}.song{white-space:pre-wrap;font-size:18px;line-height:1.6}.song pre{border-radius:var(--radius-md);border-left:3px solid var(--color-primary);background-color:#9db96d26;margin:8px 0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75em;overflow-x:auto}sup{color:var(--color-primary-dark);font-family:Outfit,sans-serif;font-weight:700;line-height:0}.comment{color:var(--color-text-muted);border-left:3px solid var(--color-primary);margin-top:4px;padding-left:12px;font-size:14px;font-style:italic;display:block}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.chip-label{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);color:var(--color-text-muted);-webkit-user-select:none;user-select:none;align-items:center;margin:0;padding:8px 16px;font-size:14px;display:inline-flex}.chip-label:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip-input{display:none}.chip-input:checked+.chip-label{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 6px -1px #9db96d66}.hero-section{text-align:center;margin-bottom:32px;padding:40px 0}.hero-section h1{color:var(--color-text);letter-spacing:-.02em;margin-bottom:16px;font-size:48px;font-weight:800}.hero-section h1 span{color:var(--color-primary)}.hero-section .hero-subtitle{color:var(--color-text-muted);max-width:1000px;margin:0 auto;font-size:18px;line-height:1.6}.intro-card{background:var(--color-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text);border:1px solid #00000005;margin-bottom:32px;padding:32px;font-size:16px;line-height:1.7}.intro-card p{margin-top:0;margin-bottom:16px}.intro-card p:last-child{margin-bottom:0}.intro-wrapper{transition:max-height .6s cubic-bezier(.4,0,.2,1);overflow:hidden}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);background:0 0;font-weight:500}.btn-secondary:hover{background:var(--color-bg);color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-subtle{color:var(--color-text-muted);box-shadow:none;background:0 0;border:none;width:auto;padding:0;font-size:14px;font-weight:600;text-decoration:underline;display:inline-block}.btn-subtle:hover{color:var(--color-primary);box-shadow:none;background:0 0;transform:none}.search-container{width:100%;margin-bottom:24px;position:relative}.search-container .search-icon{color:var(--color-text-muted);pointer-events:none;width:20px;height:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-container input[type=text]{border-radius:var(--radius-lg);background-color:var(--color-bg);border:1px solid #0000;height:52px;padding-left:48px;padding-right:16px;font-size:16px;box-shadow:inset 0 2px 4px #00000005}.search-container input[type=text]:focus{background-color:var(--color-card-bg);border-color:var(--color-primary);box-shadow:0 0 0 3px #9db96d33}.search-container input[type=text]::placeholder{color:var(--color-text-muted)}.type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;font-family:Outfit,sans-serif;font-size:12px;font-weight:600;display:inline-block}.type-badge.type-song{color:var(--color-primary-dark);background-color:#9db96d26}.type-badge.type-poem{color:var(--color-text-muted);background-color:#6b72801a}.admin-main{background-color:var(--color-bg);width:100%;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden;margin:0!important;padding:0!important}.admin-sidebar{border-right:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex}.admin-sidebar-header{border-bottom:1px solid var(--color-border);background:#ffffff80;padding:24px 16px 16px}.admin-sidebar-header h2{margin-bottom:16px;font-size:18px}.admin-sidebar-content{flex:1;padding:16px;overflow-y:auto}.admin-sidebar-content ul{margin:0;padding:0;list-style:none}.admin-sidebar-content li{margin-bottom:8px}.admin-sidebar-content a{border-radius:var(--radius-md);color:var(--color-text);transition:var(--transition-fast);cursor:pointer;background:0 0;border:1px solid #0000;padding:12px;text-decoration:none;display:block}.admin-sidebar-content a:hover{background:var(--color-card-bg);border-color:var(--color-border)}.admin-sidebar-content .active-song a{background:var(--color-card-bg);border-color:var(--color-primary);box-shadow:var(--shadow-sm);font-weight:600}.admin-editor-container{background:var(--color-card-bg);flex-direction:column;flex:1;height:100%;display:flex}.admin-editor-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:24px;display:flex}.admin-editor-header h2{color:var(--color-text);margin:0;font-size:24px}.admin-editor-header .actions{gap:12px;display:flex}.admin-editor-content{flex:1;overflow:hidden}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-text-muted);box-shadow:none;transform:none}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#dc2626}
/*# sourceMappingURL=moje-akordy.1bb1f348.css.map */