:root{--votd-overlay:rgba(0, 0, 0, 0.5);--votd-shadow-lg:rgba(0, 0, 0, 0.15)}#verse-widget-header,#verse-widget-sidebar{display:flex;flex-direction:column;width:100%;min-height:320px;max-width:1200px;margin:20px auto;transition:all 0.3s ease;position:relative}#verse-widget-header .votd-theme-toggle,#verse-widget-sidebar .votd-theme-toggle{position:absolute;top:12px;right:12px;z-index:10;background:var(--votd-overlay);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / .2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;color:#fff;font-size:20px}#verse-widget-header .votd-theme-toggle:hover,#verse-widget-sidebar .votd-theme-toggle:hover{background:rgb(255 255 255 / .2);transform:rotate(180deg)}#verse-widget-header .votd-theme-toggle:focus,#verse-widget-sidebar .votd-theme-toggle:focus{outline:2px solid var(--votd-accent);outline-offset:2px}#verse-widget-header .verse-background,#verse-widget-sidebar .verse-background{flex-grow:1;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px var(--votd-shadow-lg);transition:transform 0.3s ease,box-shadow 0.3s ease}#verse-widget-header .verse-background:hover,#verse-widget-sidebar .verse-background:hover{transform:translateY(-2px);box-shadow:0 15px 50px var(--votd-shadow-lg)}#verse-widget-header .verse-text,#verse-widget-sidebar .verse-text{line-height:1.7;font-weight:500;font-size:clamp(1.25rem, 3vw, 2rem);color:white!important;font-family:"Roboto",sans-serif;text-shadow:0 2px 8px rgb(0 0 0 / .4);letter-spacing:.01em;transition:all 0.3s ease}@media screen and (max-width:900px){#verse-widget-header .verse-text,#verse-widget-sidebar .verse-text{font-size:clamp(1rem, 4vw, 1.5rem);line-height:1.6}}@media screen and (max-width:600px){#verse-widget-header .verse-text,#verse-widget-sidebar .verse-text{font-size:clamp(0.95rem, 4.5vw, 1.25rem)}}#verse-widget-header .container,#verse-widget-sidebar .container{background:rgb(0 0 0 / .5);border-radius:20px;box-shadow:0 8px 32px rgb(0 0 0 / .2);color:#fff;width:100%;max-width:900px;padding:2.5rem;margin:3rem auto;text-align:center;border:1px solid rgb(255 255 255 / .18);transition:all 0.3s ease}@media screen and (max-width:768px){#verse-widget-header .container,#verse-widget-sidebar .container{padding:2rem 1.5rem;margin:2rem auto;border-radius:16px}}@media screen and (max-width:480px){#verse-widget-header .container,#verse-widget-sidebar .container{padding:1.5rem 1rem;margin:1.5rem auto;border-radius:12px}}#verse-widget-header .container a,#verse-widget-sidebar .container a{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all 0.2s ease}#verse-widget-header .container a:visited,#verse-widget-sidebar .container a:visited{color:rgb(255 255 255 / .9)}#verse-widget-header .container a:hover,#verse-widget-sidebar .container a:hover{color:rgb(255 255 255 / .7);text-decoration-thickness:2px}#verse-widget-header .container a:focus,#verse-widget-sidebar .container a:focus{outline:2px solid #fff;outline-offset:3px;border-radius:2px}#verse-widget-sidebar{min-height:280px}#verse-widget-sidebar h2{text-align:left;color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}#verse-widget-sidebar .sidebar-verse-text{font-size:clamp(1rem, 2.5vw, 1.4rem);font-family:inherit}#verse-widget-header *,#verse-widget-sidebar *{transition:background-color 0.3s ease,color 0.3s ease,border-color 0.3s ease}#verse-widget-header .verse-text:focus,#verse-widget-sidebar .verse-text:focus{outline:3px solid #fff;outline-offset:4px;border-radius:8px}#verse-widget-header .verse-text.loading,#verse-widget-sidebar .verse-text.loading{opacity:.6;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}#verse-widget-header .votd-truncated-text,#verse-widget-sidebar .votd-truncated-text{display:block;margin-bottom:.75rem}#verse-widget-header .votd-read-full,#verse-widget-sidebar .votd-read-full{display:inline-block;margin-top:.5rem;padding:.4rem .8rem;font-size:.875rem;font-weight:500;color:white!important;background:rgb(255 255 255 / .15);border:1px solid rgb(255 255 255 / .3);border-radius:6px;text-decoration:none!important;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(4px)}#verse-widget-header .votd-read-full:hover,#verse-widget-sidebar .votd-read-full:hover{background:rgb(255 255 255 / .25);border-color:rgb(255 255 255 / .5);transform:translateY(-1px)}#verse-widget-header .votd-read-full:focus,#verse-widget-sidebar .votd-read-full:focus{outline:2px solid #fff;outline-offset:2px}.votd-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease}.votd-modal.votd-modal-open{opacity:1;visibility:visible}.votd-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);backdrop-filter:blur(4px);cursor:pointer}.votd-modal-content{position:relative;width:90%;max-width:600px;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 25px 80px rgb(0 0 0 / .3);overflow:hidden;transform:scale(.9) translateY(20px);transition:transform 0.3s ease}.votd-modal.votd-modal-open .votd-modal-content{transform:scale(1) translateY(0)}.votd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#2c3e50 0%,#1a252f 100%);color:#fff}.votd-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;letter-spacing:.02em}.votd-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;background:rgb(255 255 255 / .1);border:none;border-radius:50%;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;transition:all 0.2s ease}.votd-modal-close:hover{background:rgb(255 255 255 / .2);transform:rotate(90deg)}.votd-modal-close:focus{outline:2px solid #fff;outline-offset:2px}.votd-modal-body{padding:2rem;overflow-y:auto;max-height:calc(80vh - 70px)}#votd-modal-title{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:burlywood}.votd-full-verse{margin:0;padding:0;font-size:1.125rem;line-height:1.8;color:#2c3e50;font-style:italic;text-align:center;border:none;quotes:none}.votd-full-verse::before{content:open-quote;font-size:2rem;color:#7f8c8d;line-height:0;vertical-align:-.4em;margin-right:.25rem}.votd-full-verse::after{content:close-quote;font-size:2rem;color:#7f8c8d;line-height:0;vertical-align:-.4em;margin-left:.25rem}@media screen and (max-width:600px){.votd-modal-content{width:95%;max-height:90vh;border-radius:12px}.votd-modal-header{padding:1rem 1.25rem}.votd-modal-header h3{font-size:1rem}.votd-modal-body{padding:1.5rem;max-height:calc(90vh - 60px)}.votd-full-verse{font-size:1rem;line-height:1.7}}@media print{#verse-widget-header .votd-theme-toggle,#verse-widget-sidebar .votd-theme-toggle{display:none}#verse-widget-header .verse-background,#verse-widget-sidebar .verse-background{box-shadow:none;border:1px solid #ddd}#verse-widget-header .container,#verse-widget-sidebar .container{background:#fff;color:#000;border:1px solid #ddd}#verse-widget-header .verse-text,#verse-widget-sidebar .verse-text{color:black!important;text-shadow:none}.votd-modal,.votd-read-full{display:none!important}}