*,*:before,*:after{box-sizing:border-box}:root{--bl-x-gutter: 2rem;--bl-y-gutter: 3rem;--dv-stats-gap: 1.5rem;--glass-bg: rgba(15, 23, 42, .5);--glass-border: rgba(255, 255, 255, .18);--glass-blur: 20px;--glass-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .22), 0 24px 48px -12px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .06)}a{text-decoration:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}.footer{position:fixed;bottom:0;width:100%;padding:1.5rem 2rem;font-size:small}.verse{position:absolute;z-index:100;margin:var(--bl-y-gutter) var(--bl-x-gutter);height:calc(90dvh - calc(var(--bl-y-gutter) * 3.5));text-align:center;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;align-items:center;width:calc(100vw - (var(--bl-x-gutter) * 2));color:#fff;animation:dvFadeIn .8s cubic-bezier(.16,1,.3,1) both;.word{margin:0;padding:0;position:relative;font-family:Playfair Display,Charter,Palatino Linotype,AppleMyungjo,KoPubWorld Batang,"Noto Serif KR",Batang,Songti SC,SimSun,Yu Mincho,Hiragino Mincho ProN,Georgia,serif;font-weight:400;line-height:1.6;letter-spacing:-.015em;text-shadow:0 2px 8px rgba(0,0,0,.55);word-break:keep-all;overflow-wrap:break-word;transition:opacity .22s ease-out,transform .22s ease-out}em{display:inline-block;margin-top:1.5rem;font-family:Cinzel,Playfair Display,AppleMyungjo,KoPubWorld Batang,"Noto Serif KR",Batang,Songti SC,SimSun,Yu Mincho,Georgia,serif;font-style:normal;font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe6;padding:.5rem 1.25rem;border-top:1px solid rgba(255,255,255,.2);text-shadow:0 2px 4px rgba(0,0,0,.6);transition:opacity .22s ease-out}}.box-1{background-color:var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-border);border-radius:1.75rem;box-shadow:var(--glass-shadow);padding:clamp(2rem,5vw,3.5rem) clamp(1.75rem,4vw,3rem);max-width:820px;max-height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;-webkit-overflow-scrolling:touch;width:100%;margin:0 auto;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}.box-1::-webkit-scrollbar{width:5px}.box-1::-webkit-scrollbar-track{background:transparent}.box-1::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:9999px}.box-1::-webkit-scrollbar-thumb:hover{background:#fff6}.mode-minimal .box-1{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}.mode-minimal .verse .word{text-shadow:0 2px 10px rgba(0,0,0,.85),0 4px 28px rgba(0,0,0,.7)!important}.mode-minimal .verse em{border-top-color:#fff6!important;text-shadow:0 2px 6px rgba(0,0,0,.85)!important}#toggle-mode .mode-icon-card{display:none!important}#toggle-mode .mode-icon-minimal{display:block!important}.mode-minimal #toggle-mode .mode-icon-card{display:block!important}.mode-minimal #toggle-mode .mode-icon-minimal{display:none!important}.stats{width:100vw;position:absolute;left:0;bottom:calc(max(7dvh,calc(env(safe-area-inset-bottom,0px) + 1.25rem)) + 48px + var(--dv-stats-gap));display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:90;pointer-events:none;div{font-size:.875rem;font-weight:500;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.5)}svg{color:#ff5722;filter:drop-shadow(0 0 6px rgba(255,87,34,.6));animation:dvFlamePulse 2s ease-in-out infinite alternate}}.box-2{background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:9999px;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;padding:.25rem 1.25rem;box-shadow:0 8px 24px -4px #00000059;transition:all .25s cubic-bezier(.16,1,.3,1);pointer-events:auto;&:hover{background-color:#fff3;border-color:#ffffff59;transform:translateY(-2px);box-shadow:0 12px 28px -4px #00000073}}.buttons{position:absolute;bottom:max(7dvh,calc(env(safe-area-inset-bottom,0px) + 1.25rem));width:100%;display:flex;justify-content:center;align-items:center;gap:1rem;z-index:100}.btn-primary{background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:50%;color:#fffffff2;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;margin:0;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;line-height:1;box-shadow:0 8px 24px -4px #00000059;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active,.btn-primary:hover,.btn-primary:active,.btn-primary:visited,.btn-primary:focus{background-color:#ffffff40;border-color:#ffffff59;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px -4px #00000073}#like.liked,#like.liked:hover{background-color:#ef444440!important;border-color:#ef444499!important;color:#ef4444!important;box-shadow:0 0 20px #ef444473!important;animation:dvHeartBeat .45s ease-in-out}#like.liked svg{fill:#ef4444!important}.btn-glass{background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:50%;color:#fffffff2;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;text-decoration:none;font-size:.875rem;font-weight:500;box-shadow:0 8px 24px -4px #00000059;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;&:hover,&:focus{background-color:#ffffff38;border-color:#ffffff59;color:#fff;transform:translateY(-1px);box-shadow:0 10px 26px -4px #00000073}}.btn-glass svg,.btn-primary svg{display:block;margin:auto;flex-shrink:0}.dropdown-menu{position:absolute;top:100%!important;left:0;margin-top:.5rem!important;z-index:1000;display:none;min-width:10rem;background-color:#0f172ad9!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.15)!important;border-radius:1rem!important;box-shadow:0 20px 40px -10px #0009!important;padding:.5rem!important;color:#fff;overflow:hidden;box-sizing:border-box}.dropdown-menu-end{right:0!important;left:auto!important;top:100%!important;margin-top:.5rem!important;min-width:8.5rem}.dropdown-menu.show{display:block!important;animation:dvDropdownFadeIn .22s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top left}.dropdown-menu-end.show{transform-origin:top right}.dropdown-item{color:#ffffffe6!important;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;box-sizing:border-box;width:100%;display:flex;align-items:center;white-space:nowrap;transition:all .15s ease;&:hover,&:focus{background-color:#ffffff26!important;color:#fff!important}&.disabled{color:#fff6!important}}#bible-version>ul,#bible-version .dropdown-menu{top:100%!important;left:0!important;margin-top:.5rem!important;max-height:80dvh;overflow-y:auto;overflow-x:hidden;max-width:calc(100vw - 2rem);padding:.35rem 0!important}.accordion-header{margin:0!important;padding:0!important;line-height:1}.accordion-item{background-color:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin:0!important;padding:0!important;&:last-child{border-bottom:none!important}}.accordion-button{background-color:transparent!important;color:#ffffffeb!important;font-size:.9rem;font-weight:500;padding:.65rem 1.25rem!important;margin:0!important;box-shadow:none!important;width:100%;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .15s ease,color .15s ease;&:hover{background-color:#ffffff0d!important}&:not(.collapsed){color:#38bdf8!important;font-weight:600}}.accordion-button:after{flex-shrink:0;width:.9rem;height:.9rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%28255,255,255,0.75%29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:.9rem;transition:transform .32s cubic-bezier(.25,1,.5,1),background-image .2s ease;filter:none!important}.accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2338bdf8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");transform:rotate(-180deg);filter:none!important}.accordion-collapse{display:grid!important;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.25,1,.5,1),visibility .32s cubic-bezier(.25,1,.5,1);visibility:hidden;overflow:hidden;margin:0!important;padding:0!important}.accordion-collapse.show{grid-template-rows:1fr;visibility:visible}.accordion-collapse>div{min-height:0;overflow:hidden;margin:.35rem 0!important;padding:0 .5rem!important;display:flex;flex-direction:column;gap:.25rem}.accordion-collapse li{list-style:none;margin:0;padding:0}.accordion-collapse .dropdown-item{display:flex!important;align-items:center!important;width:100%!important;margin:0!important;padding:.42rem .85rem .42rem 1.15rem!important;font-size:.84rem!important;line-height:1.35!important;border-radius:.45rem;color:#fffc!important;box-sizing:border-box!important;transition:all .15s ease}.accordion-collapse .dropdown-item:hover,.accordion-collapse .dropdown-item:focus{background-color:#ffffff1f!important;color:#fff!important}.accordion-collapse .dropdown-item.disabled{color:#38bdf8!important;font-weight:600;background-color:#38bdf81f!important}.buttons .dropdown .dropdown-menu{bottom:100%!important;top:auto!important;margin-top:0!important;margin-bottom:.75rem!important;left:50%!important;transform:translate(-50%)}.buttons .dropdown:last-child .dropdown-menu{left:auto!important;right:0!important;transform:none!important}.buttons .dropdown .dropdown-menu.show{animation:dvDropupFadeIn .22s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom center}.buttons .dropdown:last-child .dropdown-menu.show{animation:dvDropupFadeInRight .22s cubic-bezier(.16,1,.3,1) forwards;transform-origin:bottom right}@keyframes dvDropdownFadeIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dvDropupFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.97)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes dvDropupFadeInRight{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-glass{background-color:#0f172ad9!important;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.2)!important;border-radius:9999px!important;color:#fff!important;box-shadow:0 16px 36px -8px #00000080!important;font-weight:500;letter-spacing:.02em}@keyframes dvFadeIn{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dvHeartBeat{0%{transform:scale(1)}25%{transform:scale(1.22)}50%{transform:scale(.95)}75%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes dvFlamePulse{0%{transform:scale(1);filter:drop-shadow(0 0 4px rgba(255,87,34,.5))}to{transform:scale(1.1);filter:drop-shadow(0 0 10px rgba(255,87,34,.9))}}li a{--bs-icon-link-transform: translate3d(0, -.125rem, 0);svg{margin-right:.25rem}}.streak-chip{background-color:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:9999px;color:#fffffff2;height:38px;padding:0 .8rem;margin:0;display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;line-height:1;text-decoration:none;font-size:.825rem;font-weight:500;box-shadow:0 4px 14px #00000040;transition:background-color .2s ease,border-color .2s ease,color .2s ease;cursor:pointer;&:hover,&:focus{background-color:#ffffff2e;border-color:#ffffff47;color:#fff}}.streak-chip .streak-icon{color:#ffffffb3;display:inline-flex;align-items:center}.streak-chip .streak-count{font-size:.825rem;letter-spacing:-.01em}.modal-glass .modal-content{background:rgba(15,23,42,.94)!important;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08)!important;border-radius:1.25rem!important;color:#fff!important;box-shadow:0 24px 48px -12px rgba(0,0,0,.7)!important;overflow:hidden}.modal-glass .modal-header{border-bottom:1px solid rgba(255,255,255,.06)!important;padding:1.15rem 1.5rem}.modal-glass .modal-title{font-size:1rem;letter-spacing:-.01em;color:#fff}.modal-glass .modal-body{padding:1.25rem 1.5rem;max-height:calc(85dvh - 5rem);overflow-y:auto}.modal-glass .modal-body::-webkit-scrollbar{width:5px}.modal-glass .modal-body::-webkit-scrollbar-track{background:transparent}.modal-glass .modal-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:9999px}.modal-glass .modal-body::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.28)}.btn-close,.modal-glass .btn-close{box-sizing:content-box;width:.9em;height:.9em;padding:.35em;color:#fff;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 2 12 12M14 2 2 14'/%3e%3c/svg%3e") center/.9em auto no-repeat;border:0;border-radius:50%;opacity:.65;cursor:pointer;transition:opacity .15s ease,background-color .15s ease;filter:none}.btn-close:hover,.modal-glass .btn-close:hover{opacity:1;background-color:#ffffff1f}.journey-stat-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:.875rem;padding:1rem .5rem .85rem;text-align:center;transition:background-color .15s ease,border-color .15s ease}.journey-stat-card:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}.journey-stat-num{font-size:1.55rem;font-weight:600;color:#fff;line-height:1.15;letter-spacing:-.02em}.journey-stat-label{font-size:.725rem;color:#ffffff80;font-weight:400;margin-top:.25rem}.journey-stat-sub{display:inline-block;font-size:.65rem;color:#ffffff8c;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:9999px;padding:.1rem .45rem;margin-top:.35rem;line-height:1.2}.journey-section-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:.875rem}.journey-section-title{font-size:.75rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#ffffff73}.journey-progress-track{background:rgba(255,255,255,.08);border-radius:9999px;height:3.5px;overflow:hidden}.journey-progress-fill{background:rgba(255,255,255,.85);height:100%;border-radius:9999px;box-shadow:none;transition:width .6s cubic-bezier(.16,1,.3,1)}.activity-timeline{display:flex;justify-content:space-between;align-items:center;padding:.25rem .75rem .5rem}.activity-col{display:flex;flex-direction:column;align-items:center;gap:10px}.activity-col .activity-day{font-size:.72rem;font-weight:500;color:#ffffff73;letter-spacing:.02em;text-transform:uppercase}.activity-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.12);transition:all .2s ease}.activity-dot.active{background:#fff;box-shadow:0 0 6px rgba(255,255,255,.4)}.journey-badge-pill{font-size:.675rem;color:#ffffff80;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);border-radius:9999px;padding:.15rem .55rem}.journey-badge-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:.75rem .85rem;display:flex;align-items:center;gap:.75rem;transition:background-color .15s ease,border-color .15s ease}.journey-badge-card.earned{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.1)}.journey-badge-card.earned:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.journey-badge-icon{color:#ffffffb3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.journey-badge-card.locked{opacity:.35}.journey-verse-quote{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:.85rem;color:#ffffff8c;line-height:1.5}@media(max-width:768px){:root{--bl-x-gutter: 1rem;--bl-y-gutter: 2rem;--dv-stats-gap: 1.25rem}.box-1{padding:clamp(1.5rem,4vw,2.25rem) clamp(1.25rem,3.5vw,1.75rem);border-radius:1.25rem}}@media(max-height:540px){:root{--bl-y-gutter: .75rem}.box-1{padding:.85rem 1.25rem}.stats{display:none!important}.verse{height:calc(88dvh - calc(var(--bl-y-gutter) * 2.5))}}@media print{*{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important;color-adjust:exact!important}}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}@media(min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}}@media(min-width:992px){.modal-lg{max-width:800px}}.col-6{flex:0 0 auto;width:50%}.col-12{flex:0 0 auto;width:100%}@media(min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-6{flex:0 0 auto;width:50%}}.g-2{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}.g-3{--bs-gutter-x:1rem;--bs-gutter-y:1rem}.row>[class*="col-"]{padding-right:calc(var(--bs-gutter-x, 1.5rem) * .5);padding-left:calc(var(--bs-gutter-x, 1.5rem) * .5);margin-top:var(--bs-gutter-y, 0)}.flex-column{flex-direction:column!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.justify-content-around{justify-content:space-around!important}.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.375rem}.rounded-pill{border-radius:50rem!important}.rounded-4{border-radius:1rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}.fs-5{font-size:1.25rem!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.text-warning{color:#ffc107!important}.text-info{color:#0dcaf0!important}.text-danger{color:#dc3545!important}.text-success{color:#198754!important}.text-light{color:#f8f9fa!important}.text-white-50{color:rgba(255,255,255,.5)!important}.bg-warning-subtle{background-color:rgba(255,193,7,.15)!important}.text-warning-emphasis{color:#ffc107!important}.bg-secondary-subtle{background-color:rgba(255,255,255,.1)!important}.text-secondary-emphasis{color:rgba(255,255,255,.75)!important}.position-fixed{position:fixed!important}.top-50{top:50%!important}.bottom-0{bottom:0!important}.translate-middle{transform:translate(-50%,-50%)!important}.z-3{z-index:1030!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.35)!important}.w-100{width:100%!important}.small{font-size:.875em!important}.border-top{border-top:1px solid rgba(255,255,255,.1)!important}.border-white-10{border-color:rgba(255,255,255,.1)!important}.tracking-wider{letter-spacing:.05em!important}.text-uppercase{text-transform:uppercase!important}.fst-italic{font-style:italic!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-5{margin-bottom:3rem!important}.mt-1{margin-top:.25rem!important}.me-2{margin-right:.5rem!important}.ms-1{margin-left:.25rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}