body{background-color:var(--bg-secondary);background-image:url(/i/bg.png);background-repeat:repeat;background-attachment:fixed}.font-lilita{font-family:Lilita One,cursive}.search-highlight{background-color:var(--highlight-bg);font-weight:600;padding:1px 2px;border-radius:2px}.result-card{transition:all .2s ease}.result-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--card-shadow)}.clickable-result{cursor:pointer;transition:transform .1s ease}.clickable-result:hover{transform:translateY(-1px)}.loading{width:20px;height:20px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}.loading.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.55rem .85rem;font-size:.875rem;font-weight:600;color:var(--text-on-brand);background:linear-gradient(135deg,var(--header-gradient-from),var(--header-gradient-to));border-radius:.5rem;border:none;box-shadow:0 12px 20px -12px var(--pagination-shadow);transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;text-decoration:none}.pagination-button:hover{transform:translateY(-1px);box-shadow:0 14px 24px -10px var(--pagination-shadow-hover)}.pagination-button:focus{outline:2px solid var(--pagination-focus-ring);outline-offset:2px}.pagination-button-active{background:var(--bg-primary);color:var(--header-gradient-to);border:1px solid var(--pagination-active-border);box-shadow:none}.pagination-button-disabled{background:var(--pagination-disabled-bg);color:var(--pagination-disabled-text);box-shadow:none;cursor:not-allowed}.pagination-button-ghost{background:transparent;color:var(--header-gradient-to);border:1px solid var(--pagination-ghost-border)}.pagination-button-ghost:hover{background:var(--pagination-ghost-hover-bg)}.pagination-ellipsis{color:var(--text-muted);padding:0 .4rem;font-size:.875rem}.sidebar{transition:transform .3s ease;transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{transition:opacity .3s ease;opacity:0;pointer-events:none;visibility:hidden}.sidebar-backdrop.open{opacity:.4;pointer-events:auto;visibility:visible}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary)}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.segment-item{transition:all .2s ease;cursor:pointer}.segment-item:hover{background-color:var(--segment-hover-bg)}.segment-item.active{background-color:var(--segment-active-bg);border-left:4px solid var(--segment-active-border);font-weight:700;font-style:italic}.audio-player-container{box-shadow:0 -4px 6px -1px var(--card-shadow)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--header-gradient-to);cursor:pointer;margin-top:-6px;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--card-border);border-radius:2px}input[type=range]:focus{outline:none}.toast{transition:opacity .3s ease}.info-modal-backdrop{transition:opacity .3s ease;opacity:0;pointer-events:none;visibility:hidden}.info-modal-backdrop.open{opacity:.4;pointer-events:auto;visibility:visible}.info-modal{transition:all .3s ease;transform:scale(.9);opacity:0;visibility:hidden}.info-modal.open{transform:scale(1);opacity:1;visibility:visible}.view-toggle-wrapper{display:flex;align-items:center}.view-toggle{position:relative;display:inline-block;width:180px;height:32px;background:var(--bg-tertiary);border-radius:16px;border:1px solid var(--input-border);transition:all .3s ease}.view-toggle input[type=radio]{display:none}.toggle-slider{position:absolute;top:2px;left:2px;width:86px;height:26px;background:var(--bg-primary);border-radius:13px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease;z-index:2}.toggle-handle{width:100%;height:100%;border-radius:13px;background:linear-gradient(135deg,var(--header-gradient-from),var(--header-gradient-to))}.toggle-label{position:absolute;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;cursor:pointer;transition:color .3s ease;z-index:3;width:86px;text-align:center;-webkit-user-select:none;user-select:none}.toggle-label-left{left:4px;color:var(--text-on-brand)}.toggle-label-right{right:4px;color:var(--text-secondary)}.view-toggle input[name=view_mode]:nth-child(2):checked~.toggle-slider{transform:translate(88px)}.view-toggle input[name=view_mode]:nth-child(2):checked~.toggle-label-left{color:var(--text-secondary)}.view-toggle input[name=view_mode]:nth-child(2):checked~.toggle-label-right{color:var(--text-on-brand)}.view-toggle:hover{background:var(--card-border)}@media (max-width: 768px){.view-toggle{width:160px;margin-top:8px}.toggle-slider{width:76px}.toggle-label{width:76px;font-size:10px}.view-toggle input[name=view_mode]:nth-child(2):checked~.toggle-slider{transform:translate(78px)}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}