@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg-color: #f5f5dc;--text-color: #2c2c2c;--subtitle-color: #666;--muted-color: #999;--error-color: #c66;--button-bg: #fff;--button-border: #ddd;--button-hover: #f0f0f0;--line-color: #666;--success-color: #4a9;--favorite-color: #e74c3c;--favorite-hover: #c0392b;--surface-bg: rgba(253, 252, 246, .95);--surface-border: rgba(44, 44, 44, .09);--surface-hairline: rgba(44, 44, 44, .07);--surface-hover: rgba(44, 44, 44, .05);--surface-active: rgba(44, 44, 44, .09);--surface-shadow: 0 24px 48px -24px rgba(38, 34, 20, .45), 0 2px 10px -6px rgba(38, 34, 20, .22);--scrim: rgba(44, 41, 30, .45)}[data-theme=dark]{--bg-color: #1a1a1a;--text-color: #e8e8e8;--subtitle-color: #aaa;--muted-color: #777;--error-color: #ff6b6b;--button-bg: #2d2d2d;--button-border: #444;--button-hover: #3d3d3d;--line-color: #aaa;--success-color: #4ecdc4;--favorite-color: #ff6b6b;--favorite-hover: #ff5252;--surface-bg: rgba(36, 36, 36, .95);--surface-border: rgba(232, 232, 232, .1);--surface-hairline: rgba(232, 232, 232, .08);--surface-hover: rgba(232, 232, 232, .06);--surface-active: rgba(232, 232, 232, .12);--surface-shadow: 0 24px 48px -24px rgba(0, 0, 0, .8), 0 2px 10px -6px rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .62)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Playfair Display,serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}.container{text-align:center;max-width:min(800px,90vw);padding:40px 20px;position:relative;z-index:1}.verse-container{position:relative;display:inline-block}.main-text{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:600;line-height:1.4;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.05);max-width:100%;word-wrap:break-word;letter-spacing:.5px;opacity:0;transform:translateY(-20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.main-text.loaded{opacity:1;transform:translateY(0)}.subtitle{font-size:clamp(1rem,3.5vw,1.4rem);font-weight:400;opacity:0;margin-bottom:30px;font-style:italic;color:var(--subtitle-color);letter-spacing:1px;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1) .3s}.subtitle.loaded{opacity:.8;transform:translateY(0)}.decorative-line{width:0;height:2px;background:linear-gradient(90deg,transparent,var(--line-color),transparent);margin:0 auto 30px;opacity:.4;border-radius:1px;transition:width 1s cubic-bezier(.4,0,.2,1) .6s}.decorative-line.loaded{width:min(200px,60vw)}.reference-picker{position:relative;display:inline-block;margin-bottom:30px}.reference-trigger{position:relative;display:inline-flex;align-items:baseline;gap:.3em;padding:2px 0;background:none;border:none;font-family:inherit;font-size:clamp(1rem,3.5vw,1.4rem);color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.reference-trigger:disabled{cursor:default}.reference-trigger .subtitle{display:inline-block;margin-bottom:0;transition:color .4s ease,opacity .8s cubic-bezier(.4,0,.2,1) .3s,transform .8s cubic-bezier(.4,0,.2,1) .3s}.reference-trigger:after{content:"";position:absolute;left:0;right:.9em;bottom:-2px;height:1px;background:currentColor;opacity:0;transform:scaleX(0);transform-origin:center;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .35s ease}.reference-trigger:not(:disabled):hover:after,.reference-trigger:focus-visible:after,.reference-picker.open .reference-trigger:after{opacity:.22;transform:scaleX(1)}.reference-trigger:not(:disabled):hover .subtitle,.reference-trigger:focus-visible .subtitle,.reference-picker.open .reference-trigger .subtitle{color:var(--text-color)}.reference-trigger:focus-visible{outline:none}.reference-caret{width:.62em;height:.62em;flex:none;align-self:center;margin-left:-.1em;color:var(--muted-color);opacity:0;transform:translate(-4px);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1)}.reference-trigger:not(:disabled):hover .reference-caret,.reference-trigger:focus-visible .reference-caret{opacity:.75;transform:translate(0)}.reference-picker.open .reference-trigger:not(:disabled) .reference-caret,.reference-picker.open .reference-trigger:hover .reference-caret{opacity:.9;transform:translate(0) rotate(180deg)}.reference-menu{position:absolute;top:calc(100% + 14px);left:50%;width:min(430px,calc(100vw - 32px));padding:14px 8px 10px;text-align:left;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:16px;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(-8px) scale(.97);transform-origin:top center;transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s linear .32s;z-index:900}.reference-picker.drop-up .reference-menu{top:auto;bottom:calc(100% + 14px);transform-origin:bottom center;transform:translate(-50%) translateY(8px) scale(.97)}.reference-picker.open .reference-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1);transition:opacity .24s ease,transform .32s cubic-bezier(.16,1,.3,1),visibility 0s}.ref-columns{display:flex;align-items:stretch;gap:2px}.ref-column{display:flex;flex-direction:column;min-width:0;padding:0 6px;opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1)}.ref-column+.ref-column{border-left:1px solid var(--surface-hairline)}.ref-column[data-column=book]{flex:1.7 1 0}.ref-column[data-column=chapter],.ref-column[data-column=verse]{flex:1 1 0}.reference-picker.open .ref-column{opacity:1;transform:none}.reference-picker.open .ref-column:nth-child(1){transition-delay:.04s}.reference-picker.open .ref-column:nth-child(2){transition-delay:.09s}.reference-picker.open .ref-column:nth-child(3){transition-delay:.14s}.ref-column-label{padding:0 8px 8px;font-size:.62rem;font-style:italic;letter-spacing:1.4px;color:var(--muted-color);opacity:.85;-webkit-user-select:none;user-select:none}.ref-list{height:232px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 6px,#000 calc(100% - 16px),transparent 100%)}.ref-list::-webkit-scrollbar{width:4px}.ref-list::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:2px}.ref-list::-webkit-scrollbar-track{background:transparent}.ref-item{display:block;width:100%;padding:7px 8px;background:none;border:none;border-radius:9px;font-family:inherit;font-size:.82rem;line-height:1.25;color:var(--subtitle-color);text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.ref-numeric .ref-item{padding-left:4px;padding-right:4px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.3px}.ref-item:hover{background:var(--surface-hover);color:var(--text-color)}.ref-item:focus-visible{outline:none;background:var(--surface-hover);color:var(--text-color);box-shadow:inset 0 0 0 1px var(--surface-active)}.ref-item.selected{background:var(--surface-active);color:var(--text-color);font-weight:600}.ref-hint{padding:10px 8px;font-size:.72rem;font-style:italic;letter-spacing:.4px;color:var(--muted-color);opacity:.75}.ref-numeric .ref-hint{text-align:center}@media (hover: none) and (pointer: coarse){.reference-trigger:not(:disabled) .reference-caret{opacity:.5;transform:translate(0)}.ref-item{padding-top:9px;padding-bottom:9px}}@media (max-width: 520px){.reference-menu{padding:12px 6px 8px;border-radius:14px}.ref-column{padding:0 4px}.ref-list{height:196px}.ref-item{font-size:.76rem}}@media (max-height: 560px){.ref-list{height:168px}}@media (max-height: 500px) and (orientation: landscape){.reference-picker{margin-bottom:20px}}@media (prefers-reduced-motion: reduce){.reference-menu,.ref-column,.reference-caret,.reference-trigger:after{transition-duration:.01ms;transition-delay:0s}}.theme-toggle{position:fixed;top:20px;right:20px;background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--muted-color);opacity:.7;font-style:italic;text-align:center;letter-spacing:.5px;transition:opacity .3s ease;z-index:10;font-family:inherit}.theme-toggle:hover{opacity:1}.favorites-toggle{position:fixed;top:20px;left:20px;background:none;border:none;cursor:pointer;font-size:.7rem;color:var(--muted-color);opacity:.7;font-style:italic;text-align:center;letter-spacing:.5px;transition:opacity .3s ease;z-index:10;font-family:inherit}.favorites-toggle:hover{opacity:1}.search-toggle{position:fixed;top:50px;left:20px;background:none;border:none;cursor:pointer;font-size:.7rem;color:var(--muted-color);opacity:.7;font-style:italic;text-align:center;letter-spacing:.5px;transition:opacity .3s ease;z-index:10;font-family:inherit}.search-toggle:hover{opacity:1}.favorite-btn{position:absolute;top:-10px;right:-40px;background:none;border:none;cursor:pointer;font-size:1.5rem;color:var(--muted-color);opacity:0;visibility:hidden;transition:all .3s ease;z-index:10;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.favorite-btn.loaded{opacity:.6;visibility:visible}.favorite-btn.loading{opacity:0;visibility:hidden}.favorite-btn:hover{opacity:1;transform:scale(1.1)}.favorite-btn.favorited{color:var(--favorite-color);opacity:1}.close-btn{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;padding:0;background:none;border:none;border-radius:50%;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--muted-color);transition:color .2s ease,background-color .2s ease,transform .3s cubic-bezier(.16,1,.3,1);font-family:inherit;-webkit-tap-highlight-color:transparent}.close-btn:hover{color:var(--text-color);background:var(--surface-hover);transform:rotate(90deg)}.close-btn:focus-visible{outline:none;color:var(--text-color);background:var(--surface-hover)}.favorites-overlay,.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--scrim);-webkit-backdrop-filter:blur(6px) saturate(1.1);backdrop-filter:blur(6px) saturate(1.1);z-index:1000;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}.favorites-overlay.show,.search-overlay.show{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}.favorites-modal,.search-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(10px) scale(.97);background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:18px;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);padding:22px 24px 20px;max-height:80vh;overflow-y:auto;overscroll-behavior:contain;z-index:1001;transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .24s ease}.favorites-modal{max-width:min(620px,90vw)}.search-modal{width:min(520px,90vw)}.favorites-overlay.show .favorites-modal,.search-overlay.show .search-modal{transform:translate(-50%,-50%) translateY(0) scale(1)}.favorites-modal>*,.search-modal>*{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .42s cubic-bezier(.16,1,.3,1)}.favorites-overlay.show .favorites-modal>*,.search-overlay.show .search-modal>*{opacity:1;transform:none}.favorites-overlay.show .favorites-modal>*:nth-child(1),.search-overlay.show .search-modal>*:nth-child(1){transition-delay:.05s}.favorites-overlay.show .favorites-modal>*:nth-child(2),.search-overlay.show .search-modal>*:nth-child(2){transition-delay:.1s}.favorites-overlay.show .favorites-modal>*:nth-child(3),.search-overlay.show .search-modal>*:nth-child(3){transition-delay:.15s}.favorites-header,.search-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--surface-hairline)}.favorites-title,.search-title{font-size:.68rem;font-weight:400;font-style:italic;text-transform:lowercase;letter-spacing:1.6px;color:var(--muted-color);opacity:.9}.favorites-modal,.search-modal,.search-results,.favorites-list{scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent}.favorites-modal::-webkit-scrollbar,.search-modal::-webkit-scrollbar,.search-results::-webkit-scrollbar,.favorites-list::-webkit-scrollbar{width:4px}.favorites-modal::-webkit-scrollbar-thumb,.search-modal::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb,.favorites-list::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:2px}.favorites-modal::-webkit-scrollbar-track,.search-modal::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track,.favorites-list::-webkit-scrollbar-track{background:transparent}.favorite-item,.search-result-item{position:relative;padding:14px 12px;margin:0 -12px;border-radius:12px;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.favorite-item:after,.search-result-item:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:var(--surface-hairline)}.favorite-item:last-child:after,.search-result-item:last-child:after{display:none}.favorite-item:hover,.search-result-item:hover{background:var(--surface-hover)}@media (prefers-reduced-motion: reduce){.favorites-overlay,.search-overlay,.favorites-modal,.search-modal,.favorites-modal>*,.search-modal>*{transition-duration:.01ms;transition-delay:0s}}.favorites-list{list-style:none;max-height:60vh;margin:0 -12px;padding:0 12px;overflow-y:auto;overscroll-behavior:contain}.favorite-text{font-size:1.02rem;font-weight:500;line-height:1.55;margin-bottom:6px;color:var(--text-color);word-wrap:break-word;padding-right:28px}.favorite-reference{font-size:.78rem;font-style:italic;letter-spacing:.6px;color:var(--muted-color)}.remove-favorite{position:absolute;top:10px;right:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:none;border:none;border-radius:50%;color:var(--muted-color);cursor:pointer;font-family:inherit;font-size:1rem;line-height:1;opacity:0;transform:scale(.9);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1),background-color .2s ease,color .2s ease}.favorite-item:hover .remove-favorite,.remove-favorite:focus-visible{opacity:.7;transform:scale(1)}.remove-favorite:hover{opacity:1;background:var(--surface-active);color:var(--error-color)}.remove-favorite:focus-visible{outline:none;background:var(--surface-hover)}.no-favorites{text-align:center;font-size:.8rem;font-style:italic;letter-spacing:.4px;line-height:1.7;color:var(--muted-color);opacity:.8;padding:44px 12px}@media (hover: none) and (pointer: coarse){.remove-favorite{opacity:.6;transform:scale(1)}}.search-mode-tabs{display:flex;gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;margin-bottom:18px;background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:12px}.mode-tab{padding:7px 18px;background:none;border:none;border-radius:9px;cursor:pointer;color:var(--subtitle-color);font-family:inherit;font-size:.78rem;letter-spacing:.3px;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.mode-tab:hover{color:var(--text-color)}.mode-tab.active{background:var(--surface-active);color:var(--text-color);font-weight:600}.mode-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--surface-active)}.search-input-container{display:flex;gap:8px;margin-bottom:18px}.search-input{flex:1;min-width:0;padding:12px 14px;background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:12px;color:var(--text-color);font-family:inherit;font-size:.88rem;line-height:1.5;letter-spacing:.3px;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.search-input::placeholder{color:var(--muted-color);font-style:italic;opacity:.75}.search-input:focus{outline:none;border-color:var(--surface-active);box-shadow:0 0 0 3px var(--surface-hover)}.search-btn{padding:12px 20px;background:var(--surface-active);border:1px solid var(--surface-border);border-radius:12px;cursor:pointer;color:var(--text-color);font-family:inherit;font-size:.88rem;font-weight:600;line-height:1.5;letter-spacing:.3px;transition:box-shadow .2s ease,transform .2s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.search-btn:hover{box-shadow:inset 0 0 0 999px var(--surface-hover)}.search-btn:focus-visible{outline:none;box-shadow:inset 0 0 0 999px var(--surface-hover)}.search-btn:active{transform:scale(.98)}.search-results{max-height:320px;margin:0 -12px;padding:0 12px;overflow-y:auto;overscroll-behavior:contain}.search-result-text{font-size:.98rem;font-weight:500;line-height:1.55;margin-bottom:6px;color:var(--text-color);word-wrap:break-word}.search-result-reference{font-size:.78rem;font-style:italic;letter-spacing:.6px;color:var(--muted-color)}.search-loading,.search-error{text-align:center;font-size:.8rem;font-style:italic;letter-spacing:.4px;padding:28px 0}.search-loading{color:var(--muted-color);opacity:.8}.search-error{color:var(--error-color);opacity:.9}.browse-selectors{display:flex;flex-direction:column;gap:14px}.selector-group{display:flex;flex-direction:column;gap:6px}.selector-group label{padding-left:2px;font-size:.62rem;font-style:italic;font-weight:400;text-transform:lowercase;letter-spacing:1.4px;color:var(--muted-color);opacity:.9}.c-select{position:relative}.c-select-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;background:var(--surface-hover);border:1px solid var(--surface-border);border-radius:12px;color:var(--text-color);font-family:inherit;font-size:.86rem;line-height:1.5;letter-spacing:.3px;text-align:left;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,opacity .25s ease;-webkit-tap-highlight-color:transparent}.c-select-value{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-select-value>span{flex:none}.c-select-value-hint{flex:1 1 auto;min-width:0;font-size:.78rem;font-style:italic;color:var(--muted-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-select.empty .c-select-value{color:var(--muted-color);font-style:italic;opacity:.85}.c-select-caret{width:14px;height:14px;flex:none;color:var(--muted-color);opacity:.8;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease}.c-select-trigger:hover:not(:disabled){border-color:var(--surface-active)}.c-select-trigger:hover:not(:disabled) .c-select-caret{opacity:1}.c-select-trigger:focus-visible{outline:none;border-color:var(--surface-active);box-shadow:0 0 0 3px var(--surface-hover)}.c-select.open .c-select-trigger{border-color:var(--surface-active);box-shadow:0 0 0 3px var(--surface-hover)}.c-select.open .c-select-caret{transform:rotate(180deg);opacity:1}.c-select.disabled .c-select-trigger{cursor:not-allowed;opacity:.45}.c-select-menu{position:fixed;top:0;left:0;z-index:1100;padding:5px;background:var(--surface-bg);border:1px solid var(--surface-border);border-radius:14px;box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--surface-active) transparent;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px) scale(.98);transform-origin:top center;transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s linear .28s}.c-select-menu.drop-up{transform:translateY(6px) scale(.98);transform-origin:bottom center}.c-select-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .28s cubic-bezier(.16,1,.3,1),visibility 0s}.c-select-menu::-webkit-scrollbar{width:4px}.c-select-menu::-webkit-scrollbar-thumb{background:var(--surface-active);border-radius:2px}.c-select-menu::-webkit-scrollbar-track{background:transparent}.c-select-option{display:flex;align-items:baseline;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:9px;color:var(--subtitle-color);font-family:inherit;font-size:.82rem;line-height:1.35;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.c-select-option-label{flex:none;font-variant-numeric:tabular-nums}.c-select-option-hint{flex:1 1 auto;min-width:0;font-size:.76rem;font-style:italic;color:var(--muted-color);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-select-option:hover,.c-select-option.active{background:var(--surface-hover);color:var(--text-color)}.c-select-option.selected{background:var(--surface-active);color:var(--text-color);font-weight:600}.c-select-empty{padding:12px 10px;font-size:.76rem;font-style:italic;letter-spacing:.4px;text-align:center;color:var(--muted-color);opacity:.75}@media (prefers-reduced-motion: reduce){.c-select-menu,.c-select-caret{transition-duration:.01ms}}.loading-text{position:fixed;bottom:15px;left:15px;font-size:.8rem;color:var(--muted-color);opacity:0;transition:opacity .3s ease;font-style:italic}.loading-text.show{opacity:1}.error-message{position:fixed;bottom:15px;left:15px;font-size:.8rem;color:var(--error-color);opacity:0;transition:opacity .3s ease;font-style:italic}.error-message.show{opacity:1}.copy-message{position:fixed;bottom:15px;left:15px;font-size:.8rem;color:var(--muted-color);opacity:0;transition:opacity .3s ease;font-style:italic}.copy-message.show{opacity:1}.instructions{position:fixed;bottom:15px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--muted-color);opacity:.7;font-style:italic;text-align:center;letter-spacing:.5px}@media (max-width: 768px){.container{padding:20px 15px}.favorite-btn{right:-25px;top:-8px;font-size:1.3rem;width:35px;height:35px}.instructions{font-size:.65rem;bottom:10px;padding:0 10px;max-width:90vw}.theme-toggle{top:15px;right:15px;font-size:.65rem}.favorites-toggle{top:15px;left:15px;font-size:.6rem}.search-toggle{top:45px;left:15px;font-size:.6rem}.favorites-modal,.search-modal{padding:18px 18px 16px}.search-modal{width:calc(100vw - 40px);margin:0}.search-input-container{flex-direction:column}.mode-tab{padding:6px 14px;font-size:.75rem}.browse-selectors{gap:12px}.selector-group label{font-size:.6rem}.c-select-trigger{padding:10px 12px;font-size:.82rem}.loading-text,.error-message,.copy-message{font-size:.7rem;left:10px;bottom:10px}}@media (max-width: 480px){.container{padding:15px 10px}.favorite-btn{right:-20px;top:-5px;font-size:1.2rem;width:30px;height:30px}.theme-toggle{font-size:.6rem;top:10px;right:10px}.favorites-toggle{font-size:.55rem;top:10px;left:10px}.search-toggle{font-size:.55rem;top:40px;left:10px}.instructions{font-size:.6rem;bottom:8px}.favorites-modal,.search-modal{padding:16px 15px 14px}.favorites-title,.search-title{font-size:.64rem;letter-spacing:1.4px}.close-btn{font-size:1.3rem}.favorite-text{font-size:1rem;padding-right:25px}.favorite-reference{font-size:.8rem}}@media (max-width: 320px){.container{padding:10px 8px}.favorite-btn{right:-15px;top:-3px;width:28px;height:28px;font-size:1.1rem}.instructions{font-size:.55rem;bottom:5px}.theme-toggle,.favorites-toggle,.search-toggle{font-size:.5rem;top:8px}.theme-toggle{right:8px}.favorites-toggle{left:8px}.search-toggle{top:35px;left:8px}.loading-text,.error-message,.copy-message{font-size:.65rem;left:8px;bottom:8px}}@media (max-height: 500px) and (orientation: landscape){.container{padding:15px 20px}.main-text{font-size:clamp(1.4rem,4vh,2rem);margin-bottom:15px}.subtitle{font-size:clamp(.9rem,3vh,1.2rem);margin-bottom:20px}.decorative-line{margin-bottom:20px}.theme-toggle,.favorites-toggle,.search-toggle{top:10px}.instructions{bottom:10px}}@media (hover: none) and (pointer: coarse){.favorite-btn.loaded{opacity:.8}.remove-favorite{opacity:.7}.theme-toggle,.favorites-toggle,.search-toggle{opacity:.9;padding:8px}}