.quote-viewer-container{position:sticky;inset:100px 0 0;height:100vh;display:flex;justify-content:center}.quote-viewer{position:relative;width:100%;height:100%;max-width:400px;max-height:800px;background-color:#000;border-radius:20px;overflow:visible;box-shadow:0 10px 30px #0003}.quote-slide{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;top:0;left:0;transition:transform .5s;border-radius:20px}.quote-slide.current{z-index:-1}.quote-slide.incoming{z-index:-2}@keyframes slide-in-down{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-up{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.quote-slide.animating{transition:transform .5s cubic-bezier(.4,0,.2,1)}.quote-overlay{position:absolute;bottom:0;left:0;width:100%;padding:40px 20px;background:linear-gradient(to top,#000000e6,#000000b3 70%,#0000)}.quote-content{opacity:1;transition:opacity .2s;color:#fff;text-align:center;animation:fadeIn .1s ease-in-out;padding:0 20px}.quote-content.fade-in{opacity:1}.quote-content.fade-out{opacity:0}.quote-icon{font-size:48px;color:#fffc;margin-bottom:10px;font-family:Georgia,serif}.quote-text{font-size:1.5rem;line-height:1.4;margin-bottom:15px;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3)}.quote-author{font-size:1rem;opacity:.8;font-style:italic;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.desktop-navigation{position:absolute;top:50%;left:calc(50% + 220px);transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:200}.nav-button{width:48px;height:48px;border-radius:50%;border:none;background:#bc5729;backdrop-filter:blur(5px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;padding:0}.nav-button:hover:not(:disabled){background:#bc5729;transform:scale(1.1)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button svg{width:28px;height:28px}@media(max-width:768px){.quote-viewer{width:100%;height:100%;max-width:none;max-height:none;border-radius:0;overflow:hidden}.quote-slide{border-radius:0}.quote-text{font-size:1.3rem}.desktop-navigation{display:none}}