:root{--green: #3d6b35;--green-dark: #2d5228;--green-light: #5a9450;--gold: #c8860a;--gold-light: #e0a020;--bg: #f3f8ec;--card: #ffffff;--text: #1e2a18;--muted: #6a7a60;--border: #c4d9b8;--tag-bg: #ddf0d0;--tag-color: #2d5228}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh}.site-header{background:linear-gradient(135deg,var(--green) 0%,var(--green-light) 100%);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #3d6b3559;overflow:hidden}.header-decor{position:absolute;right:0;top:0;height:64px;pointer-events:none;-webkit-user-select:none;user-select:none}.header-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;gap:1.5rem}.logo{font-size:1.3rem;font-weight:700;color:var(--gold);text-decoration:none;white-space:nowrap;letter-spacing:-.02em;flex-shrink:0}.logo:hover{color:var(--gold-light)}.search-form{flex:1;display:flex;max-width:460px}.search-form input{flex:1;padding:.45rem 1rem;border:2px solid rgba(255,255,255,.15);border-right:none;border-radius:4px 0 0 4px;background:#ffffff1a;color:#fff;font-size:.9rem;outline:none;transition:border-color .2s,background .2s}.search-form input::placeholder{color:#ffffff73}.search-form input:focus{border-color:var(--gold-light);background:#ffffff2e}.search-form button{padding:.45rem 1rem;background:var(--gold);color:#fff;border:none;border-radius:0 4px 4px 0;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s;flex-shrink:0}.search-form button:hover{background:var(--gold-light)}.site-header nav a{color:#ffffffbf;text-decoration:none;font-size:.9rem;transition:color .2s;white-space:nowrap}.site-header nav a:hover{color:#fff}main{flex:1;max-width:1100px;margin:0 auto;width:100%;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3rem}.daily-song{background:linear-gradient(135deg,var(--green) 0%,var(--green-light) 100%);color:#fff;border-radius:12px;padding:2rem 2.5rem;position:relative;overflow:hidden}.daily-decor{position:absolute;bottom:-10px;right:-10px;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.85}.daily-song:after{content:"";position:absolute;top:-40px;right:-40px;width:240px;height:240px;background:radial-gradient(circle,rgba(200,134,10,.22) 0%,transparent 70%);pointer-events:none}.daily-song--loading{min-height:180px}.daily-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 .6rem}.daily-title{font-size:2rem;font-weight:700;margin:0 0 .3rem;line-height:1.2}.daily-melody{font-size:.88rem;color:#ffffff8c;margin:0 0 1.25rem;font-style:italic}.daily-verse{margin:0 0 1.25rem;padding:1rem 1.25rem;border-left:3px solid var(--gold);background:#ffffff12;border-radius:0 6px 6px 0;font-size:.95rem;line-height:1.9;font-style:italic}.daily-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.daily-tags .tag-chip{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.daily-tags .tag-chip:hover{background:var(--gold);color:#fff;border-color:var(--gold)}.daily-link{display:inline-block;color:var(--gold);font-weight:600;text-decoration:none;font-size:.95rem;transition:color .2s}.daily-link:hover{color:var(--gold-light)}.skeleton{background:#ffffff1a;border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.skeleton--title{height:2.2rem;width:55%;margin:.6rem 0 1rem}.skeleton--text{height:1rem;width:80%;margin-bottom:.5rem}.skeleton--text.short{width:55%}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.9}}.section-title{font-size:1.15rem;font-weight:700;color:var(--green);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border)}.tag-cloud{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-block;padding:.3rem .75rem;background:var(--tag-bg);color:var(--tag-color);border:1px solid transparent;border-radius:20px;font-size:.85rem;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.tag-chip:hover{background:var(--green);color:#fff}.site-footer{background:var(--green-dark);color:#fff9;text-align:center;padding:2rem 1rem;font-size:.85rem}.site-footer a{color:var(--gold);text-decoration:none}.site-footer a:hover{color:var(--gold-light)}.site-footer p{margin:.3rem 0}.footer-skral{margin-top:.75rem!important;font-style:italic;font-size:1rem;color:#ffffffbf}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-size:.88rem;margin-bottom:1.5rem;transition:color .15s}.back-link:hover{color:var(--green)}.song-page{max-width:720px}.song-page--loading{padding-top:.5rem}.skeleton--back{height:1rem;width:100px;margin-bottom:1.5rem;background:#00000014;border-radius:4px;animation:pulse 1.4s ease-in-out infinite}.song-header{margin-bottom:2rem}.song-header-top{display:flex;align-items:flex-start;gap:1rem}.song-title{flex:1;font-size:2rem;font-weight:700;color:var(--green);margin:0 0 .3rem;line-height:1.2}.fav-hint{font-size:.82rem;color:var(--muted);margin:.25rem 0 0;font-style:italic;max-width:420px}.song-melody,.song-author{font-size:.88rem;color:var(--muted);margin:.2rem 0;font-style:italic}.fav-btn{font-size:1.6rem;background:none;border:none;cursor:pointer;color:var(--muted);padding:0;line-height:1;transition:color .15s,transform .1s;flex-shrink:0;margin-top:.15rem}.fav-btn:hover{color:#c0392b;transform:scale(1.1)}.fav-btn--active{color:#c0392b}.song-verses{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.song-verse{margin:0;padding:1rem 1.25rem;border-left:3px solid var(--gold);background:#c9972a0f;border-radius:0 6px 6px 0;font-size:.95rem;line-height:1.9;font-style:italic}.song-history{margin-bottom:2rem}.song-history p{color:var(--text);line-height:1.7;margin:0}.song-tags-section{margin-bottom:2rem}.page-heading{font-size:1.75rem;font-weight:700;color:var(--green);margin:0 0 1rem}.tag-description{color:var(--text);line-height:1.7;margin:0 0 2rem;max-width:640px}.result-count{color:var(--muted);font-size:.88rem;margin:0 0 1.25rem}.loading-text{color:var(--muted)}.empty-state{color:var(--muted);font-size:1rem}.song-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.song-item{padding:1rem 0;border-bottom:1px solid var(--border)}.song-item-title{display:block;font-size:1.05rem;font-weight:600;color:var(--green);text-decoration:none;margin-bottom:.2rem;transition:color .15s}.song-item-title:hover{color:var(--gold)}.song-item-meta{font-size:.82rem;color:var(--muted);margin:0 0 .3rem;font-style:italic}.song-item-preview{font-size:.88rem;color:var(--text);margin:0 0 .5rem;font-style:italic}.song-item-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.favorites-header{display:flex;align-items:baseline;gap:1.25rem;margin-bottom:1.5rem}.favorites-header .page-heading{margin-bottom:0}.print-btn{padding:.4rem 1.1rem;background:var(--green);color:#fff;border:none;border-radius:4px;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.print-btn:hover{background:var(--green-dark)}.print-btn--cancel{background:transparent;color:var(--muted);border:1px solid var(--border)}.print-btn--cancel:hover{background:var(--border);color:var(--text)}.fav-song-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.fav-song-item{padding:1rem 0;border-bottom:1px solid var(--border)}.verse-selector{margin-top:.6rem;display:flex;flex-direction:column;gap:.3rem}.verse-check{display:flex;align-items:baseline;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--muted);padding:.25rem .5rem;border-radius:4px;transition:background .1s;-webkit-user-select:none;user-select:none}.verse-check:hover{background:#0000000a}.verse-check input[type=checkbox]{flex-shrink:0;accent-color:var(--green);width:14px;height:14px;cursor:pointer}.verse-check--locked input[type=checkbox]{cursor:default}.verse-check--on .verse-check-label{color:var(--text)}.verse-check-label{font-style:italic;line-height:1.7}.print-view{display:none}@media print{.no-print,.site-header,.site-footer{display:none!important}body{background:#fff;color:#000;font-family:Georgia,Times New Roman,serif;font-size:11pt;line-height:1.5}main{max-width:none;padding:0;margin:0}.print-view{display:block;padding:1cm 2cm}.print-view-title{font-size:18pt;font-weight:700;text-align:center;margin:0 0 1.5cm;letter-spacing:.05em}.print-song{margin-bottom:1.2cm;break-inside:avoid}.print-song-title{font-size:13pt;font-weight:700;margin:0 0 .15cm;border-bottom:.5pt solid #aaa;padding-bottom:.1cm}.print-song-meta{font-size:9pt;color:#555;margin:.1cm 0;font-style:italic}.print-song-verses{margin-top:.3cm;display:flex;flex-direction:column;gap:.3cm}.print-verse{margin:0;font-style:italic;line-height:1.7;padding-left:.5cm;border-left:1.5pt solid #bbb}}.pagination{display:flex;align-items:center;gap:1rem;margin-top:2rem;justify-content:center;font-size:.9rem;color:var(--muted)}.pagination button{padding:.4rem 1rem;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--green);font-size:.88rem;cursor:pointer;transition:background .15s,border-color .15s}.pagination button:hover:not(:disabled){background:var(--green);color:#fff;border-color:var(--green)}.pagination button:disabled{opacity:.35;cursor:default}@media(max-width:640px){.daily-decor{display:none}.header-inner{flex-wrap:wrap;height:auto;padding:.75rem 1rem;gap:.6rem}.search-form{order:3;max-width:100%;flex:1 1 100%}.daily-song{padding:1.5rem}.daily-title{font-size:1.5rem}main{padding:1.5rem 1rem 3rem;gap:2rem}}