:root{--bg: #f5f1e8;--bg-card: #fffdf8;--ink: #2f2a24;--ink-soft: #6b6055;--accent: #7a6a53;--accent-deep: #4a3f30;--line: #e6ddcd;--gold: #caa45a;--shadow: 0 8px 30px rgba(74, 63, 48, .08);font-family:ui-serif,Georgia,Times New Roman,serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#fbf8f1 0%,var(--bg) 60%);color:var(--ink);min-height:100vh;line-height:1.6}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hero{text-align:center;margin-bottom:2.5rem;position:relative}.gear{position:absolute;top:0;right:0;width:2.4rem;height:2.4rem;font-size:1.3rem;line-height:1;border:1px solid var(--line);border-radius:50%;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .2s}.gear:hover{border-color:var(--accent);color:var(--accent-deep);transform:rotate(30deg)}.hero h1{font-size:2.8rem;letter-spacing:.02em;margin:0;color:var(--accent-deep)}.tagline{color:var(--ink-soft);font-style:italic;margin:.4rem 0 0}.search{display:flex;gap:.5rem;margin-bottom:1.25rem}.search input{flex:1;padding:.8rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);color:var(--ink)}.search input:focus{outline:2px solid var(--accent);outline-offset:1px}.search button,.primary{padding:.8rem 1.2rem;font-size:1rem;font-family:inherit;border:none;border-radius:12px;background:var(--accent-deep);color:#fdfbf6;cursor:pointer;transition:background .2s}.search button:hover,.primary:hover{background:#38301f}.chips{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:2rem}.chips-label{color:var(--ink-soft);font-size:.95rem;margin-right:.25rem}.chip{padding:.45rem .9rem;font-size:.92rem;font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--accent);color:var(--accent-deep)}.result{background:var(--bg-card);border:1px solid var(--line);border-radius:18px;padding:2rem 1.75rem;box-shadow:var(--shadow);animation:rise .4s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.blessing{text-align:center;font-style:italic;color:var(--accent);font-size:1.1rem;margin:0 0 1.5rem}.verse{margin:0 0 1.25rem;padding:0 0 0 1.1rem;border-left:3px solid var(--line)}.verse p{margin:0 0 .4rem;font-size:1.12rem}.verse cite{font-style:normal;font-weight:600;color:var(--accent);font-size:.95rem}.translation{font-weight:400;color:var(--ink-soft)}.hymn{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center}.hymn h2{font-size:1.3rem;color:var(--accent-deep);margin:0 0 .75rem}.stanza p{margin:0;color:var(--ink);font-size:1.05rem}.author{margin-top:.75rem;color:var(--ink-soft);font-size:.88rem;font-style:italic}.stanza .sung{background:var(--gold);color:#2f2a24;border-radius:4px;box-shadow:0 0 0 2px var(--gold)}.stanza.singing p{transition:opacity .2s}.stanza-block{margin-bottom:1.1rem}.stanza-block:last-child{margin-bottom:0}.stanza p.sung-line{background:#fdf6e6;box-shadow:inset 0 0 0 1px var(--gold);border-radius:6px}.hymn-buttons{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.hymn-credit{margin-top:.6rem;text-align:center;color:var(--ink-soft);font-size:.75rem}.hymn-play{margin-top:1rem;padding:.45rem 1rem;font-size:.92rem;font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .2s}.hymn-play:hover{border-color:var(--accent);color:var(--accent-deep)}.controls{margin:.25rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.music-toggle{display:flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.95rem;cursor:pointer}.notice{background:#fdf6e8;border:1px solid var(--line);border-radius:12px;padding:1rem 1.25rem;color:var(--ink-soft)}.notice.small{font-size:.9rem;padding:.5rem 0;background:none;border:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f2a2473;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:18px;box-shadow:var(--shadow);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:1.5rem 1.75rem 2rem}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.modal-head h2{margin:0;color:var(--accent-deep);font-size:1.5rem}.modal-close{width:2rem;height:2rem;border:none;border-radius:50%;background:transparent;color:var(--ink-soft);font-size:1rem;cursor:pointer}.modal-close:hover{background:var(--bg);color:var(--ink)}.settings-section{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--line)}.settings-section h3{margin:0 0 .25rem;color:var(--accent-deep);font-size:1.05rem}.settings-desc{margin:0 0 .9rem;color:var(--ink-soft);font-size:.88rem}.radio-list{display:flex;flex-direction:column;gap:.4rem}.radio-row{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem .6rem;border-radius:10px;cursor:pointer}.radio-row:hover{background:var(--bg)}.radio-row.disabled{opacity:.5;cursor:not-allowed}.radio-row input{margin-top:.25rem}.radio-text{display:flex;flex-direction:column}.radio-label{color:var(--ink)}.radio-hint{color:var(--ink-soft);font-size:.82rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;color:var(--ink-soft);font-size:.9rem}.field select,.field input[type=range]{font-family:inherit;font-size:.95rem}.field select{padding:.5rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-card);color:var(--ink)}.seg{display:flex;gap:.3rem;margin-bottom:1.1rem;flex-wrap:wrap}.seg-btn{font-family:inherit;font-size:.85rem;padding:.35rem .85rem;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer}.seg-btn.on{background:var(--accent-deep);color:#fdfbf6;border-color:var(--accent-deep)}.slider-row{margin-bottom:.9rem}.param-toggle{vertical-align:middle;margin-right:.25rem;accent-color:var(--accent-deep);cursor:pointer}.slider-row.off,.knob-cell.off,.fader-col.off{opacity:.5}.slider-row.off .param-toggle,.knob-cell.off .param-toggle,.fader-col.off .param-toggle{opacity:1}.slider-row .lab{display:flex;justify-content:space-between;font-size:.86rem;color:var(--ink-soft);margin-bottom:.3rem}.slider-row .val{color:var(--accent-deep);font-variant-numeric:tabular-nums}.tuning input[type=range],.field input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--line);outline:none}.tuning input[type=range]::-webkit-slider-thumb,.field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-deep);cursor:pointer;box-shadow:0 1px 3px #0003}.knob-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem .5rem;text-align:center;margin-bottom:.5rem}.knob{width:54px;height:54px;margin:0 auto .4rem;border-radius:50%;background:conic-gradient(var(--gold) calc(var(--v) * 270deg),#e9e0cf 0) padding-box,var(--bg-card);padding:6px;position:relative;cursor:ns-resize;touch-action:none}.knob:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fffdf8,#efe7d6);border:1px solid var(--line)}.knob-ptr{position:absolute;left:50%;top:50%;width:2px;height:18px;background:var(--accent-deep);transform-origin:bottom center;z-index:2;border-radius:2px}.knob-name{font-size:.76rem;color:var(--ink-soft);line-height:1.2}.knob-val{font-size:.74rem;color:var(--accent-deep);font-variant-numeric:tabular-nums}.fader-bank{display:flex;gap:.5rem;align-items:flex-end;overflow-x:auto;padding-bottom:.5rem;margin-bottom:.5rem}.fader-col{text-align:center;flex:0 0 auto;width:46px}.fader{width:34px;height:120px;margin:0 auto .5rem;position:relative;background:var(--bg);border:1px solid var(--line);border-radius:8px;cursor:ns-resize;touch-action:none}.fader-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(var(--gold),#b8923f);border-radius:0 0 7px 7px}.fader-cap{position:absolute;left:-4px;right:-4px;height:14px;background:var(--accent-deep);border-radius:4px;box-shadow:0 1px 3px #00000040}.fader-name{font-size:.68rem;color:var(--ink-soft);line-height:1.2}.fader-val{font-size:.68rem;color:var(--accent-deep);font-variant-numeric:tabular-nums}.preset-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.preset{text-align:left;padding:.6rem .7rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);cursor:pointer;transition:all .15s}.preset:hover{border-color:var(--gold)}.preset.on{border-color:var(--gold);background:#fdf6e6;box-shadow:inset 0 0 0 1px var(--gold)}.preset .pn{display:block;color:var(--accent-deep);font-size:.92rem}.preset .pd{display:block;color:var(--ink-soft);font-size:.72rem;margin-top:.15rem}.fine summary{cursor:pointer;color:var(--accent);font-size:.88rem;margin-bottom:.5rem}.tuning-actions{display:flex;align-items:center;gap:1rem;margin-top:1.25rem}.primary.on{background:#8a3b30}.link-btn{background:none;border:none;color:var(--ink-soft);font-family:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer}.link-btn:hover{color:var(--ink)}footer{margin-top:3rem;text-align:center;color:var(--ink-soft);font-size:.82rem}.fine{opacity:.8}.home-tools{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem}.home-tool-link{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem 1.2rem;background:var(--bg-card);border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--ink);transition:border-color .18s,box-shadow .18s;min-width:160px}.home-tool-link:hover{border-color:var(--accent);box-shadow:0 6px 20px #4a3f3017}.home-tool-icon{font-size:1.4rem}.home-tool-name{font-size:.88rem;font-weight:600;color:var(--accent-deep);text-align:center}.home-tool-desc{font-size:.75rem;color:var(--ink-soft);font-style:italic;text-align:center}.tool-page{max-width:900px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.tool-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;flex-wrap:wrap}.tool-back,.tool-sibling{font-family:inherit;font-size:.85rem;color:var(--accent);text-decoration:none;white-space:nowrap;padding-top:.15rem;flex-shrink:0}.tool-back:hover,.tool-sibling:hover{color:var(--accent-deep);text-decoration:underline}.tool-title-block{flex:1;text-align:center}.tool-title{font-size:2rem;color:var(--accent-deep);margin:0;letter-spacing:.01em}.tool-tagline{color:var(--ink-soft);font-style:italic;margin:.25rem 0 0;font-size:.95rem}.tool-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}.tool-tab{padding:.5rem 1.25rem;font-size:.95rem;font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .2s}.tool-tab.active{background:var(--accent-deep);color:#fdfbf6;border-color:var(--accent-deep)}.tool-footer{margin-top:3rem;text-align:center;color:var(--ink-soft);font-size:.78rem}.bwb-map-outer{position:relative}.bwb-map-hint{font-size:.72rem;color:#9e8860;text-align:center;margin:0 0 .45rem}.bwb-map-wrap{display:grid;grid-template-columns:1fr 280px;gap:1.25rem;align-items:start}@media (max-width: 700px){.bwb-map-wrap{grid-template-columns:1fr}}.bwb-leaflet-map{height:580px;border-radius:14px;border:1px solid var(--line);box-shadow:var(--shadow)}@media (max-width: 700px){.bwb-leaflet-map{height:380px}}.bwb-leaflet-map .leaflet-control-zoom a{color:#4a3f30;border-color:#c8b896}.bwb-leaflet-map .leaflet-control-zoom a:hover{background:#fdfbf6}.bwb-leaflet-map .leaflet-marker-icon{cursor:default!important;overflow:visible!important;background:none!important;border:none!important}.bwb-city-marker{display:flex;align-items:center;gap:5px;cursor:default;white-space:nowrap}.bwb-dot{display:block;width:10px;height:10px;border-radius:50%;background:#c8a04a;border:1.5px solid #5a4820;flex-shrink:0;box-shadow:0 1px 3px #00000040}.bwb-city-marker.sel .bwb-dot{background:#2f2a24;border:2px solid #c8a04a;width:12px;height:12px;margin:-1px}.bwb-lbl{font-family:Georgia,serif;font-size:.7rem;color:#3a3020;background:#fdfbf6eb;border:1px solid #b8a882;padding:1px 5px;border-radius:3px;box-shadow:0 1px 3px #00000026}.bwb-info-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow);position:relative;animation:rise .25s ease;min-height:180px}.bwb-info-placeholder{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-style:italic;font-size:.9rem;text-align:center}.bwb-info-close{position:absolute;top:.6rem;right:.75rem;background:none;border:none;font-size:1.3rem;color:var(--ink-soft);cursor:pointer;line-height:1;padding:.1rem .3rem}.bwb-info-close:hover{color:var(--ink)}.bwb-info-region{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.25rem}.bwb-info-name{font-size:1.35rem;color:var(--accent-deep);margin:0 0 .75rem}.bwb-info-desc{font-size:.88rem;color:var(--ink);line-height:1.6;margin:0 0 .9rem}.bwb-refs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.bwb-refs-label{font-size:.78rem;color:var(--ink-soft);font-weight:600;flex-shrink:0}.bwb-ref-chip{font-size:.75rem;padding:.2rem .55rem;background:#fdf3e3;border:1px solid var(--gold);border-radius:999px;color:var(--accent-deep);font-family:ui-monospace,monospace}.bwb-ref-book{background:#f0f4ff;border-color:#b0bce8;color:#384a88;font-family:inherit}.bwb-timeline-wrap{max-width:680px;margin:0 auto}.bwb-tl-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.bwb-tl-filter{padding:.4rem 1rem;font-size:.88rem;font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .18s}.bwb-tl-filter.active{background:var(--accent-deep);color:#fdfbf6;border-color:var(--accent-deep)}.bwb-timeline{position:relative;padding-left:1.5rem}.bwb-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:var(--line);border-radius:2px}.bwb-tl-event{position:relative;margin-bottom:1rem;cursor:pointer}.bwb-tl-dot{position:absolute;left:-1.5rem;top:.65rem;width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--accent);flex-shrink:0}.bwb-tl-event.nt .bwb-tl-dot{background:var(--accent-deep)}.bwb-tl-event.active .bwb-tl-dot{transform:scale(1.25)}.bwb-tl-body{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s}.bwb-tl-event:hover .bwb-tl-body,.bwb-tl-event.active .bwb-tl-body{border-color:var(--accent);box-shadow:0 4px 16px #4a3f301a}.bwb-tl-era{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600}.bwb-tl-date{font-size:.8rem;color:var(--ink-soft);float:right;font-style:italic}.bwb-tl-title{font-size:1.05rem;font-weight:600;color:var(--accent-deep);margin-top:.15rem}.bwb-tl-detail{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line);animation:rise .2s ease}.bwb-tl-desc{font-size:.9rem;color:var(--ink);line-height:1.65;margin:0 0 .75rem}.bwb-tl-location{margin-top:.5rem;font-size:.82rem;color:var(--ink-soft)}.ole-search-bar{margin-bottom:1rem}.ole-search-input{width:100%;padding:.8rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);color:var(--ink);box-sizing:border-box}.ole-search-input:focus{outline:2px solid var(--accent);outline-offset:1px}.ole-filters{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.ole-filter-group{display:flex;gap:.4rem}.ole-filter-btn{padding:.4rem .9rem;font-size:.88rem;font-family:inherit;border:1px solid var(--line);border-radius:999px;background:var(--bg-card);color:var(--accent);cursor:pointer;transition:all .18s}.ole-filter-btn.active{background:var(--accent-deep);color:#fdfbf6;border-color:var(--accent-deep)}.ole-cat-select{padding:.4rem .75rem;font-family:inherit;font-size:.88rem;border:1px solid var(--line);border-radius:10px;background:var(--bg-card);color:var(--ink)}.ole-count{font-size:.82rem;color:var(--ink-soft);margin-bottom:1rem}.ole-empty{text-align:center;color:var(--ink-soft);font-style:italic;padding:2rem}.ole-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.ole-card{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem .75rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}.ole-card:hover,.ole-card.expanded{border-color:var(--accent);box-shadow:0 6px 20px #4a3f301a}.ole-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem}.ole-card-left{display:flex;align-items:baseline;gap:.5rem}.ole-original{font-size:1.5rem;line-height:1.2;font-weight:700}.ole-original.ole-hebrew{direction:rtl;font-family:SBL Hebrew,Ezra SIL,serif;color:var(--accent-deep)}.ole-original.ole-greek{font-family:Gentium,SBL Greek,Georgia,serif;color:#2a4070}.ole-translit{font-size:.9rem;color:var(--accent);font-style:italic}.ole-lang-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;letter-spacing:.03em;flex-shrink:0}.ole-lang-badge.ole-hebrew{background:#fef5e4;color:#7a5a20;border:1px solid #e8c97a}.ole-lang-badge.ole-greek{background:#eef1fb;color:#2a4070;border:1px solid #9aade0}.ole-card-pron{font-size:.78rem;color:var(--ink-soft);font-family:ui-monospace,monospace;margin-bottom:.3rem}.ole-card-short{font-size:.9rem;font-weight:600;color:var(--accent-deep);line-height:1.35;margin-bottom:.5rem}.ole-card-detail{animation:rise .2s ease;border-top:1px solid var(--line);padding-top:.75rem;margin-top:.5rem}.ole-long-def{font-size:.875rem;line-height:1.65;color:var(--ink);margin:0 0 .75rem}.ole-detail-section{margin-top:.6rem}.ole-detail-label{font-size:.75rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}.ole-card-toggle{font-size:.72rem;color:var(--accent);text-align:right;margin-top:.5rem;-webkit-user-select:none;user-select:none}.verse-chip{cursor:pointer;position:relative;display:inline-block}.verse-chip:hover{border-color:var(--accent-deep);background:#fdf0da}.verse-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:200;width:280px;max-width:90vw;background:var(--bg-card);border:1px solid var(--accent);border-radius:12px;padding:.75rem .9rem .6rem;box-shadow:0 10px 36px #4a3f302e;display:flex;flex-direction:column;gap:.4rem;pointer-events:none;animation:rise .15s ease;text-align:left;font-size:.82rem}.verse-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--accent)}.verse-popup-ref{font-weight:700;color:var(--accent-deep);font-size:.78rem;letter-spacing:.02em}.verse-popup-text{color:var(--ink);line-height:1.55;font-style:italic;font-family:ui-serif,Georgia,serif}.verse-popup-version{font-size:.7rem;color:var(--ink-soft);text-align:right}.verse-loading{color:var(--ink-soft);font-style:italic}.verse-error{color:#a03030;font-size:.78rem}.karaoke-page{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.karaoke-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.75rem;flex-wrap:wrap}.karaoke-back{font-family:inherit;font-size:.88rem;color:var(--accent);text-decoration:none;white-space:nowrap;padding-top:.3rem;flex-shrink:0}.karaoke-back:hover{color:var(--accent-deep);text-decoration:underline}.karaoke-title-block{flex:1;text-align:center}.karaoke-title{font-size:2rem;color:var(--accent-deep);margin:0;letter-spacing:.01em}.karaoke-tagline{color:var(--ink-soft);font-style:italic;margin:.2rem 0 0;font-size:.92rem}.karaoke-settings{display:flex;flex-direction:column;gap:1rem;background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.karaoke-setting-label{display:block;font-size:.82rem;font-weight:600;color:var(--accent-deep);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.55rem}.karaoke-settings .seg{margin-bottom:.5rem}.karaoke-setting-hint{font-size:.78rem;color:var(--ink-soft);margin:0;line-height:1.4}.karaoke-sliders{display:flex;gap:1.5rem;flex-wrap:wrap}.karaoke-sliders .field{flex:1;min-width:180px;margin-top:0}.seg-btn:disabled{opacity:.5;cursor:not-allowed}.karaoke-main{display:flex;flex-direction:column;gap:1.25rem}.karaoke-selector-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.karaoke-selector-label{color:var(--ink-soft);font-size:.92rem;white-space:nowrap}.karaoke-selector{flex:1;min-width:220px;padding:.55rem .8rem;font-family:inherit;font-size:1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-card);color:var(--ink)}.karaoke-selector:disabled{opacity:.6}.karaoke-now-playing{display:flex;align-items:center;gap:1rem;background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:1rem 1.25rem;box-shadow:var(--shadow);flex-wrap:wrap}.karaoke-np-text{flex:1;display:flex;flex-direction:column;gap:.15rem}.karaoke-np-title{font-size:1.15rem;color:var(--accent-deep);font-weight:600}.karaoke-np-author{font-size:.82rem;color:var(--ink-soft);font-style:italic}.karaoke-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.karaoke-play-btn,.karaoke-stop-btn{width:3rem;height:3rem;border-radius:50%;border:none;font-size:1.1rem;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center}.karaoke-play-btn{background:var(--accent-deep);color:#fdfbf6}.karaoke-play-btn:hover:not(:disabled){background:#38301f;transform:scale(1.05)}.karaoke-play-btn:disabled{opacity:.5;cursor:not-allowed}.karaoke-stop-btn{background:#c0392b;color:#fff}.karaoke-stop-btn:hover{background:#922b21;transform:scale(1.05)}.karaoke-time{font-size:.9rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;min-width:5rem}.karaoke-intro-badge{text-align:center;font-size:1.1rem;color:var(--accent);font-style:italic;letter-spacing:.05em;animation:karaoke-pulse 1.2s ease-in-out infinite;padding:.5rem}@keyframes karaoke-pulse{0%,to{opacity:.5}50%{opacity:1}}.karaoke-lyrics{display:flex;flex-direction:column;gap:1rem}.karaoke-stanza{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.25rem 1rem 2rem;position:relative;transition:border-color .25s,box-shadow .25s,opacity .25s}.karaoke-stanza-num{position:absolute;top:1rem;left:.6rem;font-size:.72rem;color:var(--accent);font-style:italic;line-height:1.6}.karaoke-stanza p{margin:.1rem 0;font-size:1.15rem;line-height:1.65;color:var(--ink);border-radius:6px;padding:.05rem .3rem;transition:background .2s,color .2s}.karaoke-stanza.active{border-color:var(--gold);box-shadow:0 0 0 2px #caa45a2e,var(--shadow)}.karaoke-stanza.past{opacity:.45}.karaoke-stanza.future{opacity:.65}.karaoke-stanza p.karaoke-active-line{background:#fdf3dd;box-shadow:inset 0 0 0 1px var(--gold);color:var(--accent-deep);font-weight:600}.karaoke-active-word{background:#fdf3dd;border-radius:3px;box-shadow:0 0 0 2px #caa45a59;color:var(--accent-deep);font-weight:600}.karaoke-coverage-note{text-align:center;font-size:.82rem;color:var(--ink-soft);font-style:italic;margin:0}.karaoke-footer{margin-top:3rem;text-align:center;color:var(--ink-soft);font-size:.78rem}@media (max-width: 480px){.karaoke-header{flex-direction:column;align-items:flex-start}.karaoke-title-block{text-align:left}.karaoke-title{font-size:1.6rem}.karaoke-stanza p{font-size:1rem}}