@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow:hidden auto}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff0d}.user-menu{position:relative}.user-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.3rem .3rem .3rem .8rem;font-size:.9rem;transition:all .3s;display:flex}.user-btn:hover{background:#ffffff26;border-color:#ff69b480}.user-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:50%;width:32px;height:32px}.user-avatar-placeholder{background:linear-gradient(45deg,#6a5acd,#ff69b4);border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.signin-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #6a5acd4d}.signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}@media (width<=768px){.user-btn .user-name,.signin-btn span{display:none}.signin-btn{padding:.5rem;font-size:1rem}}.devotional-card{-webkit-backdrop-filter:blur(15px);box-sizing:border-box;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;width:100%;margin-bottom:1.5rem;padding:2rem 1.5rem;transition:transform .3s,box-shadow .3s;animation:.5s ease-out forwards fadeIn;box-shadow:0 10px 30px #0003}.devotional-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.devotional-card.loading,.devotional-card.error{text-align:center;padding:3rem}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.topic{color:var(--accent);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.scripture{margin-bottom:2rem}.verse{margin-bottom:1rem;font-size:1.8rem;font-style:italic;font-weight:500;line-height:1.4}.verse-ref{text-align:right;opacity:.8;font-size:1.1rem}.additional-scriptures{border-left:3px solid var(--secondary);background:#ffffff0d;border-radius:12px;margin:1.5rem 0;padding:1.2rem}.additional-scriptures h4{color:var(--secondary);margin-bottom:.8rem;font-size:1rem}.additional-scriptures p{opacity:.9;font-size:1rem;line-height:1.6}.devotional-content{margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.prayer{border-left:4px solid var(--accent);background:#ffffff0d;border-radius:15px;margin-top:2rem;padding:1.5rem}.prayer h3{color:var(--accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.saved-badge{background:var(--success);color:#fff;border-radius:50px;margin-left:.5rem;padding:.2rem .5rem;font-size:.8rem;display:inline-block}.actions{justify-content:space-between;gap:1rem;margin-top:2rem;display:flex}.content-text{flex-direction:column;gap:1rem;display:flex}.content-text p{margin:0}.content-text p:last-child{background:#6a5acd14;border-left:3px solid #6a5acd80;border-radius:0 10px 10px 0;margin-top:.5rem;padding:.75rem 1rem;font-style:normal}@media (width<=768px){.devotional-card{margin-bottom:1rem;padding:1.5rem 1rem}.verse,.topic{font-size:1.3rem}.devotional-content{font-size:.95rem;line-height:1.7}.prayer{padding:1rem}.actions{flex-direction:column}.actions .btn{width:100%}}@media (width<=480px){.devotional-card{padding:1.2rem .8rem}.verse{font-size:1.1rem}.topic{font-size:1.2rem}.prayer h3{font-size:1.1rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reflection-note{-webkit-backdrop-filter:blur(10px);box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;width:100%;margin:1.5rem 0;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 8px 20px #00000026}.reflection-note:hover{background:#ffffff1a;border-color:#ff69b44d}.reflection-header{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.reflection-header h3{color:var(--accent);align-items:center;gap:.5rem;margin:0;font-size:1.2rem;font-weight:600;display:flex}.reflection-header h3 i{opacity:.9;font-size:1.1rem}.reflection-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-icon{cursor:pointer;width:36px;height:36px;color:var(--text);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex}.btn-icon:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.edit-btn:hover{background:var(--primary);color:#fff}.delete-btn:hover{color:#fff;background:#f44}.save-btn:hover{background:var(--success);color:#fff}.cancel-btn:hover{color:#fff;background:#ff9800}.btn-add-note{background:linear-gradient(45deg, var(--primary), var(--accent));color:#fff;cursor:pointer;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-add-note:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff69b44d}.note-editor{width:100%}.note-textarea{width:100%;min-height:150px;color:var(--text);resize:vertical;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-family:inherit;font-size:.95rem;line-height:1.6;transition:all .3s}.note-textarea:focus{border-color:var(--accent);background:#0006;outline:none;box-shadow:0 0 0 3px #ff69b41a}.note-textarea:disabled{opacity:.7;cursor:wait}.note-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.8rem;font-size:.85rem;display:flex}.char-count{color:#fff9;transition:color .3s}.char-count.limit-reached{color:#f44;font-weight:600}.note-hint{color:#ffffff80;align-items:center;gap:.3rem;display:flex}.note-hint i{font-size:.8rem}.note-display{min-height:100px}.note-content{border-left:3px solid var(--accent);background:#0003;border-radius:12px;padding:1rem}.note-content p{white-space:pre-wrap;word-wrap:break-word;margin-top:0;margin-bottom:.8rem;font-size:.95rem;line-height:1.6}.note-date{text-align:right;color:#fff6;margin-top:.5rem;font-size:.75rem;display:block}.note-empty{text-align:center;color:#ffffff80;border:2px dashed #ffffff1a;border-radius:12px;padding:2rem}.note-empty i{opacity:.5;margin-bottom:1rem;font-size:2.5rem}.note-empty p{margin:0;font-size:.9rem}.saving-indicator{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--accent);z-index:10;background:#000000b3;border:1px solid #ff69b44d;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;animation:.3s fadeIn;display:flex;position:absolute;bottom:1rem;right:1rem}.reflection-note.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.reflection-note.loading .loading-spinner{border:2px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin-bottom:1rem;animation:1s linear infinite spin}.share-menu-wrap{position:relative}.btn-icon.share-btn{color:#ffffff80}.btn-icon.share-btn:hover{color:#6a5acd}.share-menu-dropdown{z-index:100;background:#1e1e2e;border:1px solid #ffffff1f;border-radius:14px;min-width:200px;position:absolute;top:110%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.share-menu-dropdown button{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.6rem;width:100%;padding:.7rem 1rem;font-size:.85rem;transition:background .15s;display:flex}.share-menu-dropdown button:hover{background:#ffffff12}.share-menu-dropdown button i{color:#fff6;width:16px}@media (width<=768px){.reflection-note{margin:1rem 0;padding:1.2rem}.reflection-header{flex-direction:column;align-items:flex-start;gap:.8rem}.reflection-actions{justify-content:flex-end;width:100%}.note-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.btn-add-note{justify-content:center;width:100%}.reflection-header h3{font-size:1.1rem}.note-textarea{min-height:120px;font-size:.9rem}.note-content p{font-size:.9rem}.saving-indicator{padding:.3rem .8rem;font-size:.75rem;bottom:.5rem;right:.5rem}.share-menu-dropdown{min-width:180px;right:-10px}}@media (width<=480px){.reflection-note{margin:.8rem 0;padding:1rem}.reflection-header h3{font-size:1rem}.btn-icon{width:32px;height:32px;font-size:.9rem}.note-textarea{min-height:100px;padding:.8rem}.note-empty{padding:1.5rem}.note-empty i{font-size:2rem}.note-empty p{font-size:.85rem}}@media print{.reflection-note{break-inside:avoid;color:#000;background:0 0;border:1px solid #ccc;margin:1rem 0}.reflection-actions,.saving-indicator,.note-hint{display:none}}.share-menu-container{width:100%;position:relative}.share-menu{width:100%;display:inline-block;position:relative}.share-menu .btn{justify-content:center;width:100%}.social-icons{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);opacity:0;pointer-events:none;z-index:10;background:#ffffff1a;border-radius:15px;gap:.5rem;margin-bottom:1rem;padding:.5rem;transition:all .3s;display:flex;position:absolute;bottom:100%;right:0;transform:translateY(10px);box-shadow:0 5px 15px #0000001a}.share-menu.active .social-icons{opacity:1;pointer-events:all;transform:translateY(0)}.social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:transform .3s;display:flex}.social-icon:hover{transform:scale(1.1)}.facebook{background:#3b5998}.twitter{background:#1da1f2}.whatsapp{background:#25d366}.link{background:var(--primary)}.share-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-left:4px solid var(--success);z-index:1000;background:#000c;border-radius:50px;padding:1rem 1.5rem;animation:.3s forwards slideIn;position:fixed;bottom:2rem;right:2rem;transform:translate(400px)}@keyframes slideIn{to{transform:translate(0)}}@media (width<=768px){.share-toast{left:1rem;right:1rem;transform:translateY(400px)}@keyframes slideIn{to{transform:translateY(0)}}}.date-picker-container{position:relative}.date-picker-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.date-picker-btn:hover{background:#fff3}.date-picker-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:15px;min-width:300px;margin-top:.5rem;padding:1rem;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000004d}.date-picker-header{color:var(--accent);margin-bottom:1rem;font-weight:600}.date-input-group{margin-bottom:1rem}.date-input-group label{opacity:.8;margin-bottom:.3rem;font-size:.9rem;display:block}.date-input-group input{width:100%;color:var(--text);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.5rem;font-size:1rem}.date-input-group input:focus{border-color:var(--accent);outline:none}.date-picker-actions{gap:.5rem;margin-top:1rem;display:flex}.date-picker-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.5rem;font-weight:600;transition:all .3s}.btn-apply{background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff}.btn-reset{color:var(--text);background:#ffffff1a;border:1px solid #fff3}.btn-apply:hover,.btn-reset:hover{transform:translateY(-2px)}@media (width<=768px){.date-picker-dropdown{min-width:280px;left:0;right:auto}}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1000;background:#000c;border-left:4px solid;border-radius:50px;padding:1rem 1.5rem;animation:.3s forwards slideIn;position:fixed;bottom:2rem;right:2rem;transform:translate(400px);box-shadow:0 5px 15px #0000004d}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--accent)}@media (width<=768px){.toast{text-align:center;left:1rem;right:1rem;transform:translateY(400px)}@keyframes slideIn{to{transform:translateY(0)}}}.floating-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-circle{filter:blur(60px);opacity:.15;border-radius:50%;animation:15s ease-in-out infinite float;position:absolute}.circle-1{background:var(--accent);width:300px;height:300px;animation-delay:0s;top:20%;left:10%}.circle-2{background:var(--primary);width:400px;height:400px;animation-delay:2.5s;bottom:15%;right:10%}.circle-3{background:var(--secondary);width:250px;height:250px;animation-delay:5s;top:50%;left:50%}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}@media (width<=768px){.circle-1{width:200px;height:200px}.circle-2{width:300px;height:300px}.circle-3{width:150px;height:150px}}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:linear-gradient(135deg,#1e1e2f 0%,#2a2a3c 100%);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:450px;max-height:90vh;padding:2rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0006}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.close-btn:hover{background:#fff3;transform:rotate(90deg)}.auth-modal-header{text-align:center;margin-bottom:2rem}.auth-modal-header h2{background:linear-gradient(45deg,#ff69b4,#6a5acd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.subtitle{color:#fff9;font-size:.95rem}.auth-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#fffc;font-size:.9rem;font-weight:600}.form-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1rem;font-size:1rem;transition:all .3s}.form-group input:focus{background:#00000080;border-color:#ff69b4;outline:none;box-shadow:0 0 0 3px #ff69b41a}.form-group input::placeholder{color:#ffffff4d}.form-group small{color:#ffffff80;margin-top:.2rem;font-size:.8rem}.auth-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.primary-btn{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);box-shadow:0 4px 15px #6a5acd4d}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff69b466}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{justify-content:space-between;margin-top:.5rem;display:flex}.link-btn{color:#ff69b4;cursor:pointer;background:0 0;border:none;font-size:.9rem;transition:all .3s}.link-btn:hover{color:#ff1493;text-decoration:underline}.auth-divider{text-align:center;margin:1.5rem 0;position:relative}.auth-divider:before{content:"";background:#ffffff1a;height:1px;position:absolute;top:50%;left:0;right:0}.auth-divider span{color:#ffffff80;background:#1e1e2f;padding:0 1rem;font-size:.9rem;position:relative}.social-login{flex-direction:column;gap:.8rem;display:flex}.social-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;padding:.8rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.social-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.google-btn:hover{background:#4285f4;border-color:#4285f4}.facebook-btn:hover{background:#3b5998;border-color:#3b5998}.guest-btn:hover{background:#6a5acd;border-color:#6a5acd}.auth-error,.auth-success{border-radius:12px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:1rem;font-size:.9rem;display:flex}.auth-error{color:#ff6b6b;background:#ff44441a;border:1px solid #ff44444d}.auth-success{color:#4caf50;background:#4caf501a;border:1px solid #4caf504d}.auth-terms{text-align:center;color:#ffffff80;margin-top:1.5rem;font-size:.8rem}.auth-terms a{color:#ff69b4;margin:0 .2rem;text-decoration:none}.auth-terms a:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.auth-modal{width:95%;padding:1.5rem}.auth-modal-header h2{font-size:1.5rem}.social-btn{font-size:.9rem}}.avatar-upload{flex-direction:column;align-items:center;gap:.5rem;display:flex}.avatar-preview{cursor:default;border:3px solid #fff3;border-radius:50%;width:120px;height:120px;transition:all .3s;position:relative;overflow:hidden}.avatar-preview.editable{cursor:pointer}.avatar-preview.editable:hover{border-color:#ff69b4;transform:scale(1.05)}.avatar-preview img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#6a5acd,#ff69b4);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.avatar-overlay{opacity:0;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.8rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.avatar-preview.editable:hover .avatar-overlay{opacity:1}.avatar-overlay i{color:#fff;font-size:2rem}.avatar-uploading{color:#fff;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;display:flex;position:absolute;inset:0}.avatar-uploading i{color:#fff;font-size:2rem}.avatar-hint{color:#ffffff80;margin:0;font-size:.75rem}@media (width<=468px){.avatar-preview{width:100px;height:100px}}.profile-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.profile-modal{background:linear-gradient(135deg,#1e1e2f 0%,#2a2a3c 100%);border:1px solid #ffffff1a;border-radius:24px;width:90%;max-width:600px;max-height:90vh;padding:2rem;animation:.3s slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0006}.profile-header{border-bottom:1px solid #ffffff1a;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.profile-title h2{background:linear-gradient(45deg,#ff69b4,#6a5acd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;font-size:1.8rem;font-weight:700}.profile-email{color:#fff9;margin-bottom:.5rem;font-size:.95rem}.guest-badge{color:#ffc107;background:#ffc10733;border:1px solid #ffc1074d;border-radius:50px;align-items:center;gap:.3rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.guest-notice{color:#ffc107;background:#ffc1071a;border:1px solid #ffc1074d;border-radius:12px;align-items:center;gap:.8rem;margin-bottom:2rem;padding:1rem;display:flex}.guest-notice i{font-size:1.2rem}.guest-notice p{margin:0;font-size:.9rem}.profile-stats h3,.profile-info h3{color:#fff;margin-bottom:1.2rem;font-size:1.2rem;font-weight:600}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1.2rem;transition:all .3s;display:flex}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-card i{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem}.stat-info{flex-direction:column;display:flex}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:#ffffff80;font-size:.85rem}.profile-info{background:#0003;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.info-display{flex-direction:column;gap:1rem;display:flex}.info-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:#fff9;font-size:.95rem}.info-value{color:#fff;font-size:1rem;font-weight:500}.edit-profile-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.8rem;font-weight:600;transition:all .3s;display:flex}.edit-profile-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6a5acd4d}.info-edit{flex-direction:column;gap:1.2rem;display:flex}.info-edit .form-group{flex-direction:column;gap:.5rem;display:flex}.info-edit label{color:#fffc;font-size:.9rem;font-weight:600}.info-edit input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.8rem;font-size:1rem}.info-edit input:focus{border-color:#ff69b4;outline:none}.disabled-input{opacity:.6;cursor:not-allowed}.info-edit small{color:#ffffff80;font-size:.8rem}.edit-actions{gap:1rem;margin-top:1rem;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.8rem;font-weight:600;transition:all .3s}.save-btn{color:#fff;background:#4caf50}.save-btn:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#fff;background:#ffffff1a}.cancel-btn:hover{background:#ffffff26;transform:translateY(-2px)}.profile-message{text-align:center;border-radius:8px;margin:1rem 0;padding:1rem;animation:.3s fadeIn}.profile-message.success{color:#4caf50;background:#4caf501a;border:1px solid #4caf504d}.profile-message.error{color:#ff6b6b;background:#ff44441a;border:1px solid #ff44444d}.profile-actions{text-align:center;margin-top:2rem}.danger-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff444480;border-radius:8px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:inline-flex}.danger-btn:hover{background:#ff44441a;border-color:#f44}@media (width<=768px){.profile-modal{width:95%;padding:1.5rem}.profile-header{text-align:center;flex-direction:column;gap:1rem}.stats-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:.3rem}.edit-actions{flex-direction:column}}.journey-progress{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;padding:1rem 1.2rem}.progress-header{opacity:.8;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.85rem;display:flex}.progress-fraction{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.progress-bar-track{background:#ffffff1a;border-radius:99px;width:100%;height:8px;margin-bottom:.4rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#6a5acd,#ff69b4);border-radius:99px;height:100%;transition:width .6s}.progress-pct{opacity:.6;font-size:.78rem}.stat-card.loading .stat-value{opacity:.3}.btn-mark-read{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;transition:all .3s;box-shadow:0 4px 15px #6a5acd59}.btn-mark-read:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff69b473}.btn-read-done{color:#4caf50;cursor:default;background:#4caf5026;border:1px solid #4caf5066}.btn-read-locked{color:#ffffff59;cursor:not-allowed;background:#ffffff0d;border:1px solid #ffffff1a}.btn-read-missed{color:#f4433699;cursor:not-allowed;background:#f443361a;border:1px solid #f4433633}.stat-card-clickable{cursor:pointer;transition:all .2s;position:relative}.stat-card-clickable:hover{background:#ff69b414;border-color:#ff69b466;transform:translateY(-2px)}.stat-card-arrow{color:#ffffff4d;font-size:.7rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.profile-reminder{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin-bottom:1.2rem;padding:1.2rem}.profile-reminder h3{color:#ffffffe6;margin-bottom:.3rem;font-size:1rem;font-weight:600}.reminder-desc{color:#ffffff73;margin-bottom:1rem;font-size:.8rem}.reminder-controls{flex-direction:column;gap:.75rem;display:flex}.reminder-toggle{cursor:pointer;align-items:center;gap:.75rem;display:flex}.reminder-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ffffff26;border-radius:99px;flex-shrink:0;width:44px;height:24px;transition:background .25s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:3px;left:3px}.reminder-toggle input:checked+.toggle-slider{background:linear-gradient(45deg,#6a5acd,#ff69b4)}.reminder-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{color:#ffffffb3;font-size:.85rem}.reminder-time-wrap{align-items:center;gap:.75rem;display:flex}.reminder-time-label{color:#ffffff8c;white-space:nowrap;font-size:.82rem}.reminder-time-input{color:#f8f9fa;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:.4rem .75rem;font-size:.9rem;transition:border-color .2s}.reminder-time-input:focus{border-color:#ff69b480}.profile-countdown{background:linear-gradient(135deg,#6a5acd26,#ff69b41f);border:1px solid #6a5acd59;border-radius:16px;margin:1rem 0;padding:1rem 1.25rem}.countdown-header{color:#a084e8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.82rem;font-weight:600;display:flex}.countdown-timer{justify-content:center;align-items:center;gap:.4rem;margin-bottom:.6rem;display:flex}.countdown-unit{background:#ffffff0f;border-radius:10px;flex-direction:column;align-items:center;min-width:44px;padding:.4rem .5rem;display:flex}.countdown-value{font-variant-numeric:tabular-nums;background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;line-height:1}.countdown-label{opacity:.55;text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:.6rem}.countdown-sep{opacity:.4;margin-bottom:12px;font-size:1.3rem;font-weight:700}.countdown-note{opacity:.6;text-align:center;font-size:.75rem;line-height:1.4}.profile-series-section{background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;margin:1rem 0;padding:1rem 1.25rem}.profile-series-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.profile-series-header h3{margin:0;font-size:.95rem;font-weight:600}.profile-series-view-all{color:#6a5acde6;cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.78rem;display:flex}.profile-series-view-all:hover{opacity:.75}.profile-series-current,.profile-series-next{align-items:center;gap:.85rem;padding:.75rem 0;display:flex}.profile-series-current{border-bottom:1px solid #ffffff12;margin-bottom:.1rem}.psc-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.psc-badge-active{color:#a084e8;background:#6a5acd40}.psc-badge-unlocked{color:#48c78e;background:#48c78e33}.psc-badge-locked{color:#ffffff4d;background:#ffffff12}.psc-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.psc-label{opacity:.5;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.psc-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.psc-desc{opacity:.55;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.psc-progress-pill{color:#a084e8;white-space:nowrap;background:#6a5acd33;border-radius:99px;padding:3px 10px;font-size:.75rem;font-weight:600}.psc-start-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:99px;align-items:center;gap:.3rem;padding:5px 12px;font-size:.78rem;font-weight:600;transition:transform .15s;display:flex}.psc-start-btn:hover{transform:translateY(-1px)}.profile-series-coming-soon{opacity:.45;text-align:center;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 0;font-size:.8rem;display:flex}.share-journey-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1100;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.share-journey-wrapper{flex-direction:column;gap:1rem;width:100%;max-width:400px;display:flex}.journey-share-card{color:#f8f9fa;background:#121212;border:1px solid #ffffff1a;border-radius:24px;padding:1.5rem;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden}.journey-share-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6a5acd40 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-60px;right:-60px}.journey-share-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff69b433 0%,#0000 70%);width:200px;height:200px;position:absolute;bottom:-60px;left:-60px}.jsc-header{margin-bottom:1.2rem}.jsc-logo{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.jsc-subtitle{color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:.15rem;font-size:.72rem}.jsc-name{color:#f8f9fa;margin-bottom:.75rem;font-size:1.2rem;font-weight:700}.jsc-meta-row{gap:1.5rem;margin-bottom:1.2rem;display:flex}.jsc-meta-item{flex-direction:column;gap:.15rem;display:flex}.jsc-meta-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.jsc-meta-value{color:#ffffffe6;font-size:.88rem;font-weight:600}.jsc-progress-section{margin-bottom:1.2rem}.jsc-progress-label{color:#ffffff8c;justify-content:space-between;margin-bottom:.4rem;font-size:.78rem;display:flex}.jsc-progress-pct{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.jsc-progress-track{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.jsc-progress-fill{background:linear-gradient(90deg,#6a5acd,#ff69b4);border-radius:99px;height:100%;transition:width .6s}.jsc-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.2rem;display:grid}.jsc-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:.25rem;padding:.75rem .5rem;display:flex}.jsc-stat-accent{background:#6a5acd26;border-color:#6a5acd4d}.jsc-stat-value{color:#f8f9fa;font-size:1.4rem;font-weight:700;line-height:1}.jsc-stat-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.jsc-topic-section{background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;margin-bottom:1rem;padding:.85rem 1rem}.jsc-section-label{color:#fff6;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.35rem;font-size:.72rem}.jsc-topic-name{color:#ffffffe6;margin-bottom:.2rem;font-size:.95rem;font-weight:600}.jsc-topic-date{color:#fff6;font-size:.75rem}.jsc-late-badge{color:#ff9800}.jsc-breakdown{margin-bottom:1.2rem}.jsc-breakdown-row{flex-wrap:wrap;gap:.75rem;margin-top:.4rem;display:flex}.jsc-bd-item{border-radius:99px;padding:.25rem .6rem;font-size:.82rem;font-weight:500}.jsc-bd-good{color:#81c784;background:#4caf5026}.jsc-bd-late{color:#ffb74d;background:#ff980026}.jsc-bd-miss{color:#e57373;background:#f4433626}.jsc-footer{color:#ffffff59;border-top:1px solid #ffffff12;flex-direction:column;align-items:center;gap:.15rem;padding-top:1rem;font-size:.72rem;display:flex}.jsc-url{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.share-journey-actions{gap:.6rem;display:flex}.sjc-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.7rem .5rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.sjc-download{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);box-shadow:0 4px 15px #6a5acd4d}.sjc-download:hover:not(:disabled){transform:translateY(-1px)}.sjc-download:disabled{opacity:.6;cursor:not-allowed}.sjc-share{color:#fffc;background:#ffffff14;border:1px solid #ffffff1f}.sjc-share:hover{background:#ffffff24}.sjc-close{color:#fff6;background:#ffffff0d;border:1px solid #ffffff14;flex:none;padding:.7rem .9rem}.sjc-close:hover{color:#ffffffb3;background:#ffffff1a}.timeline-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;background:#000c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.timeline-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;overflow:hidden}.timeline-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:1.2rem 1.2rem .75rem;display:flex}.timeline-title{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.2rem;font-weight:700}.timeline-subtitle{color:#fff6;margin:.15rem 0 0;font-size:.78rem}.timeline-header-actions{align-items:center;gap:.5rem;display:flex}.tl-share-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:99px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:opacity .2s;display:flex}.tl-share-btn:hover{opacity:.85}.tl-close-btn{color:#ffffff80;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.tl-close-btn:hover{color:#fff;background:#ffffff26}.timeline-legend{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;gap:.5rem;padding:.6rem 1.2rem;display:flex}.legend-item{opacity:.75;border-radius:99px;padding:.2rem .5rem;font-size:.72rem}.timeline-list{flex:1;padding:.75rem 1rem 2rem;overflow-y:auto}.timeline-loading{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.tl-skeleton{background:#ffffff0d;border-radius:14px;height:60px;animation:1.4s infinite shimmer}.tl-item{cursor:pointer;border-radius:14px;gap:.75rem;padding:.4rem .5rem;transition:background .15s;display:flex}.tl-item:hover{background:#ffffff0a}.tl-item.expanded{background:#ffffff0d}.tl-today-item{background:#6a5acd14;border:1px solid #6a5acd33}.tl-connector{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.tl-dot{background:#ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;display:flex}.tl-line{background:#ffffff14;flex:1;width:2px;min-height:12px;margin:2px 0}.tl-read .tl-dot{background:#4caf5033}.tl-late .tl-dot{background:#ff980033}.tl-missed .tl-dot{background:#f4433626}.tl-today .tl-dot{background:#6a5acd4d}.tl-future .tl-dot{opacity:.4;background:#ffffff0d}.tl-content{flex:1;min-width:0;padding:.2rem 0 .5rem}.tl-row-main{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.tl-day-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.tl-day-num{color:#ffffffb3;font-size:.78rem;font-weight:700}.tl-topic{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.tl-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.tl-date{color:#fff6;font-size:.72rem}.tl-today-badge{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:99px;padding:.1rem .45rem;font-size:.68rem;font-weight:600}.tl-chevron{color:#ffffff4d;font-size:.65rem}.tl-expanded-body{border-top:1px solid #ffffff12;flex-direction:column;gap:.5rem;margin-top:.6rem;padding-top:.6rem;display:flex}.tl-verse-ref{color:#ffffff80;margin:0;font-size:.78rem}.tl-late-note{color:#ffb74d;margin:0;font-size:.78rem}.tl-missed-note{color:#f44336b3;margin:0;font-size:.8rem;font-style:italic}.tl-reflection{background:#6a5acd14;border-left:3px solid #6a5acd66;border-radius:0 10px 10px 0;padding:.6rem .75rem}.tl-reflection-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-size:.68rem;display:block}.tl-reflection-text{color:#fffc;margin:0;font-size:.85rem;line-height:1.5}.tl-no-reflection{color:#ffffff4d;margin:0;font-size:.78rem;font-style:italic}@keyframes shimmer{0%{opacity:.4}50%{opacity:.7}to{opacity:.4}}.bottom-menu{-webkit-backdrop-filter:blur(10px);z-index:1000;height:70px;padding-bottom:env(safe-area-inset-bottom,0);background:#14141ef2;border-top:1px solid #ffffff1a;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #0000004d}.bottom-menu-inner{justify-content:space-around;align-items:center;max-width:600px;height:100%;margin:0 auto;display:flex;position:relative}.menu-item{color:#fff9;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;height:100%;padding:8px 0;transition:all .3s;display:flex;position:relative}.menu-item:hover{color:#ffffffe6;background:#ffffff0d}.menu-item.active{color:#ff69b4}.active-indicator{pointer-events:none;z-index:1001;background:linear-gradient(90deg,#6a5acd,#ff69b4);border-radius:4px;width:32px;height:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:52px;box-shadow:0 2px 8px #ff69b466}.menu-item.active:before{display:none}.menu-icon-wrapper{justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.menu-item:hover .menu-icon-wrapper{transform:scale(1.1)}.menu-item:active .menu-icon-wrapper{transform:scale(.95)}.menu-icon{filter:drop-shadow(0 2px 4px #0003);margin-bottom:2px;font-size:24px}.menu-svg{stroke:currentColor;fill:#0000;filter:drop-shadow(0 2px 4px #0003);width:28px;height:28px;transition:all .3s}.menu-svg.active{stroke:url(#gradient);filter:drop-shadow(0 2px 8px #ff69b466)}.menu-label{letter-spacing:.3px;text-transform:capitalize;opacity:.8;font-size:11px;font-weight:500;transition:all .2s}.external-indicator{opacity:.7;color:#6a5acd;font-size:8px;position:absolute;top:8px;right:8px}.menu-item.active .menu-label{opacity:1;background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.external-badge{color:#6a5acd;opacity:.7;transition:opacity .2s;position:absolute;top:8px;right:8px}.menu-item:hover .external-badge{opacity:1}.menu-hover-glow{pointer-events:none;background:radial-gradient(circle,#ff69b433 0%,#0000 70%);border-radius:50%;width:40px;height:40px;animation:1.5s infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-tooltip{-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:.3px;z-index:1001;white-space:nowrap;background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:24px;padding:8px 16px;font-size:13px;font-weight:500;animation:.2s tooltipFade;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.tooltip-arrow{background:#1e1e28f2;border-bottom:1px solid #ffffff1a;border-right:1px solid #ffffff1a;width:10px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.menu-tooltip:after{content:"";border-top:6px solid #000c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}@media (width>=768px){.bottom-menu{border-radius:30px 30px 0 0;max-width:400px;left:50%;transform:translate(-50%);box-shadow:0 -8px 32px #00000080}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-menu{padding-bottom:env(safe-area-inset-bottom);height:calc(84px + env(safe-area-inset-bottom))}.active-indicator{bottom:calc(52px + env(safe-area-inset-bottom))}}@media (width<=480px){.bottom-menu{height:76px}.menu-svg{width:24px;height:24px}.menu-label{font-size:10px}.active-indicator{width:28px;height:3px;bottom:48px}}@keyframes pulseGlow{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.2)}}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.menu-item:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 100%);border-radius:30px;width:100%;height:100%;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.menu-item:active:after{transform:translate(-50%,-50%)scale(1)}.menu-item:active{background:#ffffff05}@keyframes gradientFlow{0%,to{background-position:0%}50%{background-position:100%}}.menu-item.active .menu-label{background-size:200% 200%;animation:3s infinite gradientFlow}.reaction-bar{flex-wrap:wrap;gap:.5rem;display:flex}.reaction-btn{cursor:pointer;color:#ffffffb3;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.85rem;transition:all .2s;display:flex}.reaction-btn:hover{background:#ffffff1f;border-color:#ff69b466;transform:translateY(-1px)}.reaction-btn.reacted{color:#ff69b4;background:#ff69b426;border-color:#ff69b480}.reaction-emoji{font-size:1rem;line-height:1}.reaction-count{font-size:.8rem;font-weight:600}.comment-thread{border-top:1px solid #ffffff12;margin-top:.75rem;padding-top:.75rem}.comments-toggle{color:#ffffff8c;cursor:pointer;background:0 0;border:none;align-items:center;gap:.4rem;padding:0;font-size:.85rem;transition:color .2s;display:flex}.comments-toggle:hover{color:#ffffffd9}.toggle-chevron{margin-left:auto;font-size:.7rem}.comments-body{flex-direction:column;gap:.75rem;margin-top:.75rem;display:flex}.comments-loading{text-align:center;opacity:.5;padding:.5rem}.no-comments{opacity:.5;text-align:center;padding:.5rem 0;font-size:.85rem}.comments-list{flex-direction:column;gap:.6rem;display:flex}.comment-item{align-items:flex-start;gap:.6rem;display:flex}.comment-avatar{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.comment-body{background:#ffffff0d;border-radius:12px;flex:1;padding:.5rem .75rem}.comment-header{align-items:center;gap:.5rem;margin-bottom:.2rem;display:flex}.comment-author{color:#ffffffe6;font-size:.8rem;font-weight:600}.comment-time{color:#fff6;font-size:.72rem}.comment-content{color:#fffc;margin:0;font-size:.85rem;line-height:1.4}.comment-delete{color:#ffffff40;cursor:pointer;background:0 0;border:none;align-self:center;padding:.2rem;font-size:.75rem;transition:color .2s}.comment-delete:hover{color:#f44336b3}.comment-input-row{align-items:center;gap:.5rem;display:flex}.comment-input{color:#f8f9fa;background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;outline:none;flex:1;padding:.5rem 1rem;font-size:.85rem;transition:border-color .2s}.comment-input:focus{border-color:#ff69b480}.comment-input::placeholder{color:#ffffff4d}.comment-submit{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:.85rem;transition:opacity .2s,transform .2s;display:flex}.comment-submit:disabled{opacity:.4;cursor:not-allowed}.comment-submit:not(:disabled):hover{transform:scale(1.05)}.guest-comment-prompt{color:#ffffff59;text-align:center;padding:.4rem 0;font-size:.8rem}.post-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;padding:1.2rem;transition:border-color .2s}.post-card:hover{border-color:#ff69b433}.post-header{align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.post-avatar{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.post-meta{flex-direction:column;flex:1;gap:.25rem;display:flex}.post-author{color:#fffffff2;font-size:.9rem;font-weight:600}.post-badges{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.post-time{color:#fff6;font-size:.75rem}.post-day-badge{color:#a992f8;background:#6a5acd40;border-radius:99px;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.post-type-badge{background:color-mix(in srgb, var(--type-color) 15%, transparent);color:var(--type-color);border-radius:99px;align-items:center;gap:.25rem;padding:.1rem .5rem;font-size:.72rem;display:flex}.post-content{color:#ffffffd9;white-space:pre-wrap;word-break:break-word;margin:0 0 .85rem;font-size:.95rem;line-height:1.6}.post-footer{flex-direction:column;gap:.5rem;display:flex}.post-menu-wrap{position:relative}.post-menu-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:.3rem;font-size:.9rem;transition:background .2s,color .2s}.post-menu-btn:hover{color:#fffc;background:#ffffff14}.post-menu-dropdown{z-index:50;background:#1e1e2e;border:1px solid #ffffff1f;border-radius:12px;min-width:130px;position:absolute;top:110%;right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.post-menu-dropdown button{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.85rem;transition:background .15s;display:flex}.post-menu-dropdown button:hover{background:#ffffff12}.post-menu-dropdown button.danger{color:#f44336cc}.post-menu-dropdown button.danger:hover{background:#f443361a}.post-composer{background:#1e1e2dfa;border:1px solid #ff69b440;border-radius:20px;margin-bottom:1.5rem;padding:1.2rem;box-shadow:0 8px 32px #0000004d}.composer-header{align-items:center;gap:.6rem;margin-bottom:1rem;display:flex}.composer-avatar{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.composer-name{flex:1;font-size:.9rem;font-weight:600}.composer-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .2s}.composer-close:hover{color:#fffc}.composer-types{flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem;display:flex}.type-btn{color:#ffffff8c;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.type-btn:hover{color:#ffffffd9;border-color:#ff69b44d}.type-btn.active{color:#f8f9fa;background:linear-gradient(45deg,#6a5acd4d,#ff69b44d);border-color:#ff69b480}.composer-textarea{color:#f8f9fa;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s}.composer-textarea:focus{border-color:#ff69b466}.composer-textarea::placeholder{color:#ffffff4d}.composer-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.composer-options{align-items:center;gap:1rem;display:flex}.day-tag-toggle{color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.day-tag-toggle input{accent-color:#ff69b4;cursor:pointer}.char-count{color:#ffffff59;font-size:.78rem}.char-count.limit{color:#ff5252}.composer-actions{gap:.5rem;display:flex}.composer-cancel{color:#fff9;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:99px;padding:.45rem 1rem;font-size:.85rem;transition:all .2s}.composer-cancel:hover{background:#ffffff1f}.composer-submit{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:99px;padding:.45rem 1.2rem;font-size:.85rem;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 4px 12px #6a5acd4d}.composer-submit:disabled{opacity:.4;cursor:not-allowed}.composer-submit:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff69b459}.community-feed{max-width:680px;margin:0 auto;padding-bottom:2rem}.feed-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.2rem;display:flex}.feed-title{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;display:flex}.feed-filters{background:#ffffff0d;border-radius:99px;gap:.4rem;padding:.25rem;display:flex}.filter-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:99px;padding:.3rem .9rem;font-size:.82rem;transition:all .2s}.filter-btn.active{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);font-weight:600}.new-post-btn{color:#ffffff73;cursor:pointer;text-align:left;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:16px;align-items:center;gap:.6rem;width:100%;margin-bottom:1.2rem;padding:.9rem 1.2rem;font-size:.9rem;transition:all .2s;display:flex}.new-post-btn:hover{color:#ffffffbf;background:#ff69b40d;border-color:#ff69b466}.new-post-btn i{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.guest-banner{color:#fff9;background:#6a5acd1a;border:1px solid #6a5acd33;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.posts-list,.feed-loading{flex-direction:column;gap:1rem;display:flex}.post-skeleton{background:#ffffff0a;border-radius:20px;height:160px;animation:1.4s infinite shimmer}.feed-empty{text-align:center;color:#ffffff59;padding:3rem 1rem}.feed-empty i{opacity:.4;margin-bottom:.75rem;font-size:2.5rem;display:block}.feed-empty p{font-size:.95rem}.feed-sentinel{text-align:center;padding:1rem 0}.feed-loading-more{color:#fff6;font-size:1.2rem}.feed-end{color:#ffffff4d;font-size:.82rem}.sv-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1200;background:#000000d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sv-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:24px 24px 0 0;flex-direction:column;gap:1rem;width:100%;max-width:680px;max-height:92vh;padding:1.2rem;display:flex;overflow-y:auto}.sv-header{justify-content:space-between;align-items:center;display:flex}.sv-logo{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:.95rem;font-weight:700}.sv-close-btn-icon{color:#ffffff80;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .2s;display:flex}.sv-close-btn-icon:hover{color:#fff;background:#ffffff26}.sv-profile{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.sv-avatar{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:50%;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.sv-profile-info{flex:1;min-width:0}.sv-name{color:#fffffff2;margin:0 0 .15rem;font-size:1rem;font-weight:700}.sv-start{color:#fff6;margin:0;font-size:.75rem}.sv-status-badge{color:#a992f8;white-space:nowrap;background:#6a5acd33;border:1px solid #6a5acd4d;border-radius:99px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.sv-progress-section{flex-direction:column;gap:.4rem;display:flex}.sv-progress-header{color:#ffffff80;justify-content:space-between;font-size:.78rem;display:flex}.sv-progress-pct{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.sv-progress-track{background:#ffffff1a;border-radius:99px;height:8px;overflow:hidden}.sv-progress-fill{background:linear-gradient(90deg,#6a5acd,#ff69b4);border-radius:99px;height:100%}.sv-stats{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.sv-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:.2rem;padding:.65rem .5rem;display:flex}.sv-stat-accent{background:#6a5acd1f;border-color:#6a5acd40}.sv-stat-val{font-size:1.3rem;font-weight:700;line-height:1}.sv-stat-lbl{color:#fff6;text-transform:uppercase;font-size:.65rem}.sv-breakdown{flex-wrap:wrap;gap:.6rem;display:flex}.sv-bd{border-radius:99px;padding:.25rem .6rem;font-size:.8rem;font-weight:500}.sv-bd-good{color:#81c784;background:#4caf5026}.sv-bd-late{color:#ffb74d;background:#ff980026}.sv-bd-miss{color:#e57373;background:#f4433626}.sv-timeline-label{color:#fff6;text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:600}.sv-timeline{flex-direction:column;display:flex}.sv-item{cursor:pointer;border-radius:12px;gap:.6rem;padding:.3rem .4rem;transition:background .15s;display:flex}.sv-item:hover{background:#ffffff0a}.sv-item.sv-expanded{background:#ffffff0d}.sv-connector{flex-direction:column;flex-shrink:0;align-items:center;width:26px;display:flex}.sv-dot{background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.7rem;display:flex}.sv-read .sv-dot{background:#4caf5033}.sv-late .sv-dot{background:#ff980033}.sv-missed .sv-dot{background:#f4433626}.sv-today .sv-dot{background:#6a5acd4d}.sv-future .sv-dot{opacity:.4;background:#ffffff0d}.sv-line{background:#ffffff12;flex:1;width:2px;min-height:10px;margin:2px 0}.sv-content{flex:1;min-width:0;padding:.15rem 0 .4rem}.sv-row-main{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.sv-day-info{flex-direction:column;gap:.1rem;min-width:0;display:flex}.sv-day-num{color:#ffffff8c;font-size:.72rem;font-weight:700}.sv-topic{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.sv-right{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sv-date{color:#ffffff59;font-size:.7rem}.sv-chevron{color:#ffffff40;font-size:.6rem}.sv-expanded-body{border-top:1px solid #ffffff0f;flex-direction:column;gap:.35rem;margin-top:.5rem;padding-top:.5rem;display:flex}.sv-verse-ref{color:#ffffff73;margin:0;font-size:.75rem}.sv-late-note{color:#ffb74d;margin:0;font-size:.75rem}.sv-missed-note{color:#f44336a6;margin:0;font-size:.75rem;font-style:italic}.sv-cta{text-align:center;background:#6a5acd14;border:1px solid #6a5acd33;border-radius:16px;padding:1rem}.sv-cta p{color:#ffffffa6;margin:0 0 .75rem;font-size:.88rem}.sv-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:99px;padding:.55rem 1.5rem;font-size:.88rem;font-weight:600;transition:opacity .2s,transform .2s;box-shadow:0 4px 15px #6a5acd4d}.sv-cta-btn:hover{opacity:.9;transform:translateY(-1px)}.sv-snapshot-note{text-align:center;color:#ffffff40;margin:0;font-size:.72rem}.sv-loading,.sv-error{text-align:center;color:#ffffff80;padding:3rem 1rem}.sv-loading i,.sv-error i{margin-bottom:.75rem;font-size:2rem;display:block}.sv-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:99px;margin-top:1rem;padding:.5rem 1.5rem}.sv-reflection{background:#6a5acd14;border-left:3px solid #6a5acd66;border-radius:0 10px 10px 0;padding:.6rem .75rem}.sv-reflection-label{color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem;font-size:.68rem;display:block}.sv-reflection-text{color:#ffffffd1;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.85rem;line-height:1.55}.sv-no-reflection{color:#ffffff47;margin:0;font-size:.75rem;font-style:italic}.series-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.series-modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:80vh;padding:1.5rem;position:relative;overflow-y:auto}.series-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.series-close-btn:hover{background:#ffffff26}.series-header{margin-bottom:1.5rem;padding-right:2.5rem}.series-header h2{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.4rem;font-weight:700}.series-header p{opacity:.6;font-size:.85rem}.series-list{flex-direction:column;gap:.75rem;display:flex}.series-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.series-card:hover:not(.disabled){background:#ffffff17;border-color:#6a5acd66;transform:translateY(-1px)}.series-card.disabled{cursor:default;opacity:.5}.series-card.active{background:#6a5acd14;border-color:#6a5acd80}.series-card.completed{background:#48c78e0f;border-color:#48c78e66}.series-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.series-badge-completed{color:#48c78e;background:#48c78e33}.series-badge-active{color:#a084e8;background:#6a5acd4d}.series-badge-unlocked{color:#fff;background:#ffffff1a}.series-badge-locked{color:#ffffff4d;background:#ffffff0f}.series-card-body{flex:1}.series-title{margin-bottom:.2rem;font-size:.95rem;font-weight:600}.series-desc{opacity:.6;margin-bottom:.35rem;font-size:.78rem}.series-status{align-items:center;gap:.4rem;font-size:.78rem;display:flex}.series-status-completed{color:#48c78e}.series-status-active{color:#a084e8}.series-status-unlocked{color:#ffffffb3}.series-status-locked{color:#ffffff59}.series-current-badge{color:#a084e8;background:#6a5acd4d;border-radius:99px;padding:1px 6px;font-size:.7rem}.series-card-arrow{color:#ffffff4d;font-size:.8rem}.series-guest-note{opacity:.5;text-align:center;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;font-size:.78rem;display:flex}.series-empty{text-align:center;opacity:.5;padding:2rem;font-size:.9rem}.completion-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;opacity:0;background:#000000e6;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.completion-overlay.visible{opacity:1}.completion-modal{text-align:center;width:100%;max-width:420px;max-height:90vh;position:relative;overflow-y:auto}.completion-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{animation:3s ease-in infinite floatUp;animation-delay:calc(var(--i) * .5s);left:calc(var(--i) * 16% + 4%);opacity:0;font-size:1.4rem;position:absolute;bottom:-20px}@keyframes floatUp{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(-300px)rotate(360deg)}}.completion-content{z-index:1;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;padding:2rem 1.5rem;position:relative}.completion-icon{margin-bottom:1rem;font-size:4rem;animation:.6s .3s both bounce}@keyframes bounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.completion-title{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:800}.completion-series-name{opacity:.6;margin-bottom:1rem;font-size:.9rem}.completion-message{opacity:.8;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.completion-verse{opacity:.85;text-align:left;background:#6a5acd1a;border-left:3px solid #6a5acd99;border-radius:0 12px 12px 0;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem;font-style:italic}.completion-verse cite{opacity:.6;margin-top:.35rem;font-size:.75rem;font-style:normal;display:block}.completion-next{margin-bottom:1.25rem}.completion-next-label{opacity:.5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem;font-size:.8rem}.completion-next-card{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:1rem;padding:1rem;display:flex}.completion-next-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.completion-next-number{opacity:.5;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem}.completion-next-title{font-size:.95rem;font-weight:600}.completion-next-desc{opacity:.6;font-size:.78rem}.completion-start-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(45deg,#6a5acd,#ff69b4);border:none;border-radius:99px;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:flex}.completion-start-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6a5acd66}.completion-all-done{opacity:.6;margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.completion-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;width:100%;padding:.65rem 1.5rem;font-size:.85rem;transition:background .2s}.completion-close-btn:hover{background:#ffffff1f}:root{--primary:#6a5acdd9;--secondary:#7b68eecc;--accent:#ff69b4cc;--text:#f8f9fa;--bg:#121212;--success:#4caf50;--warning:#ff9800}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app{min-height:100vh;padding-bottom:70px;position:relative}main{width:100%;max-width:100%;overflow-x:hidden}.home-content{flex-direction:column;gap:1.5rem;display:flex}@supports (padding-bottom:env(safe-area-inset-bottom)){.app{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media (width<=480px){.app{padding-bottom:76px}@supports (padding-bottom:env(safe-area-inset-bottom)){.app{padding-bottom:calc(76px + env(safe-area-inset-bottom))}}.container{padding:1rem .5rem}.day-number{font-size:2.8rem}.total-days{font-size:1rem}}.container{-webkit-overflow-scrolling:touch}.menu-item{-webkit-user-select:none;user-select:none}.menu-item.active .menu-icon{text-shadow:0 0 10px #ff69b480}.container{z-index:1;max-width:1200px;margin:0 auto;padding:2rem .8rem;position:relative}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;display:flex}.header-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.logo{background:linear-gradient(45deg, var(--accent), var(--primary));color:#0000;text-shadow:0 2px 10px #0003;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.day-indicator{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;display:flex}.day-number{background:linear-gradient(45deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:5rem;font-weight:700;line-height:1}.total-days{opacity:.7;font-size:1.2rem}.nav-buttons{justify-content:space-between;gap:1rem;width:100%;margin-top:2rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:linear-gradient(45deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 15px #6a5acd4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6a5acd66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--text);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border:1px solid #fff3}.btn-outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-success{background:var(--success);color:#fff}.footer{text-align:center;opacity:.7;margin-top:3rem;font-size:.9rem}@media (width<=768px){.container{padding:1.5rem .7rem}.header{flex-direction:column;align-items:flex-start}.header-controls{width:100%}.day-number{font-size:3.5rem}.nav-buttons{flex-direction:column;gap:1rem}.btn{justify-content:center;width:100%}}.bible-fullscreen-wrap{z-index:200;background:#121212;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.bible-fullscreen-wrap .bible-app{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bible-fullscreen-wrap .bible-main{flex:1;min-height:0;overflow-y:auto}.bible-fullscreen-wrap .bottom-menu{flex-shrink:0;position:relative}.fullscreen-page{z-index:10;background:#121212;margin:0;padding:0 0 70px;position:fixed;inset:0;overflow:hidden auto}@supports (padding-bottom:env(safe-area-inset-bottom)){.fullscreen-page{padding-bottom:calc(70px + env(safe-area-inset-bottom))}}.fullscreen-page .soundtrack-tab,.fullscreen-page .books-page{box-sizing:border-box;width:100%;max-width:100%;min-height:100%;margin:0;padding:20px}.audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e28f2;border:1px solid #fff3;border-radius:20px;padding:15px;box-shadow:0 10px 30px #0000004d}.audio-player-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.audio-track-info{flex:1;align-items:center;gap:12px;display:flex}.audio-thumbnail{background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.audio-thumbnail img{object-fit:cover;border-radius:10px;width:100%;height:100%}.audio-thumbnail i{color:#fff;font-size:20px}.audio-details h4{margin:0;font-size:.9rem;font-weight:600}.audio-details p{color:#fff9;margin:0;font-size:.75rem}.audio-close-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .3s;display:flex}.audio-close-btn:hover{background:#fff3;transform:scale(1.05)}.audio-progress-container{align-items:center;gap:10px;margin-bottom:15px;display:flex}.time-current,.time-duration{color:#fff9;min-width:40px;font-size:.7rem}.audio-progress-bar{cursor:pointer;background:#fff3;border-radius:2px;flex:1;height:4px;position:relative}.audio-progress-fill{background:linear-gradient(90deg,#6a5acd,#ff69b4);border-radius:2px;height:100%;transition:width .1s linear}.audio-controls{justify-content:center;align-items:center;gap:20px;display:flex}.control-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn.active{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4)}.play-btn{background:linear-gradient(45deg,#6a5acd,#ff69b4);width:50px;height:50px}.play-btn:hover{transform:scale(1.1)}.volume-control{align-items:center;gap:8px;display:flex}.volume-control i{color:#ffffffb3;font-size:16px}.volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:80px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ff69b4;border-radius:50%;width:12px;height:12px}.offline-badge{color:#4caf50;background:#4caf5033;border-radius:15px;align-items:center;gap:5px;padding:4px 10px;font-size:.7rem;display:flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.soundtrack-tab{max-width:800px;margin:0 auto;padding:20px;animation:.3s fadeIn}.soundtrack-header{text-align:center;margin-bottom:30px}.soundtrack-header h2{background:linear-gradient(45deg,#6a5acd,#ff69b4);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:1.8rem}.soundtrack-subtitle{color:#ffffffb3;font-size:.9rem}.soundtrack-search{max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto;position:relative}.soundtrack-search i{color:#ffffff80;z-index:1;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.soundtrack-search input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;width:100%;padding:12px 15px 12px 42px;font-size:1rem;transition:all .3s}.soundtrack-search input:focus{text-align:left;background:#ffffff26;border-color:#6a5acd;outline:none}.soundtrack-search input::placeholder{color:#fff6;text-align:center}.soundtrack-search input:focus::placeholder{text-align:left}.soundtrack-categories{scrollbar-width:thin;gap:10px;margin-bottom:25px;padding-bottom:10px;display:flex;overflow-x:auto}.soundtrack-categories::-webkit-scrollbar{height:4px}.soundtrack-categories::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.soundtrack-categories::-webkit-scrollbar-thumb{background:#6a5acd;border-radius:10px}.category-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;padding:8px 20px;font-size:.9rem;transition:all .3s}.category-btn:hover{background:#fff3;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(45deg,#6a5acd,#ff69b4);border-color:#0000;box-shadow:0 4px 15px #6a5acd4d}.track-list{flex-direction:column;gap:12px;margin-bottom:100px;display:flex}.track-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:15px;padding:12px;transition:all .3s;display:flex}.track-item:hover{background:#ffffff1a;border-color:#fff3;transform:translate(5px)}.track-item.playing{background:linear-gradient(45deg,#6a5acd33,#ff69b433);border-color:#ff69b4}.track-thumbnail{background:linear-gradient(45deg,#6a5acd,#ff69b4);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.track-thumbnail img{object-fit:cover;border-radius:10px;width:100%;height:100%}.track-thumbnail i{color:#fff;font-size:24px}.playing-indicator{color:#fff;background:#ff69b4;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;animation:1s infinite pulse;display:flex;position:absolute;bottom:-5px;right:-5px}.track-info{flex:1}.track-title{color:#fff;margin-bottom:4px;font-weight:600}.track-artist{color:#fff9;margin-bottom:4px;font-size:.85rem}.track-duration{color:#fff6;font-size:.75rem}.track-actions{align-items:center;gap:10px;display:flex}.download-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex}.download-btn:hover{background:#fff3;transform:scale(1.1)}.offline-indicator{color:#4caf50;font-size:18px}.floating-player{z-index:1000;animation:.3s slideUp;position:fixed;bottom:85px;left:20px;right:20px}.no-tracks{text-align:center;color:#ffffff80;padding:60px 20px}.no-tracks i{opacity:.5;margin-bottom:15px;font-size:48px}.no-tracks p{font-size:1rem}@media (width<=768px){.soundtrack-tab{padding:15px}.soundtrack-header h2{font-size:1.5rem}.soundtrack-search i{left:20%}.track-item{padding:10px}.track-thumbnail{width:45px;height:45px}.floating-player{bottom:90px;left:10px;right:10px}.soundtrack-search{max-width:400px;margin-bottom:20px;margin-left:auto;margin-right:auto;position:relative}.soundtrack-search i{color:#ffffff80;z-index:1;pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.soundtrack-search input{color:#fff;text-align:center;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;width:100%;padding:12px 15px 12px 42px;font-size:1rem;transition:all .3s}.soundtrack-search input:focus{text-align:left;background:#ffffff26;border-color:#6a5acd;outline:none}.soundtrack-search input::placeholder{color:#fff6;text-align:center}.soundtrack-search input:focus::placeholder{text-align:left}}@supports (padding-bottom:env(safe-area-inset-bottom)){.floating-player{bottom:calc(85px + env(safe-area-inset-bottom))}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{color:#f8f9fa;background-color:#121212;background-image:radial-gradient(circle at 25% 25%,#6a5acd26 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ff69b426 0%,#0000 50%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;min-height:100vh;overflow:hidden auto}.books-page{width:100%;min-height:100vh;padding:0 20px 80px;overflow-x:hidden}.books-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#121218f2;justify-content:space-between;align-items:center;padding:15px 0 20px;display:flex;position:sticky;top:0}.back-btn-books{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .3s;display:flex}.back-btn-books:hover{background:#fff3;transform:scale(1.05)}.books-header h1{background:linear-gradient(45deg,#ff69b4,#6a5acd);color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.header-placeholder{width:36px;height:36px}.media-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;justify-content:center;align-items:center;gap:4px;width:fit-content;margin:0 auto 25px;padding:4px;display:flex}.toggle-option{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:40px;align-items:center;gap:6px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.toggle-option i{font-size:.9rem}.toggle-option:hover{color:#ffffffe6;background:#ffffff0d}.toggle-option.active{color:#fff;background:linear-gradient(45deg,#6a5acd,#ff69b4);box-shadow:0 2px 8px #6a5acd4d}.search-wrapper{max-width:400px;margin:0 auto 25px;position:relative}.search-icon{color:#fff6;z-index:1;font-size:.9rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-wrapper input{color:#f8f9fa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff14;border:1px solid #ffffff1a;border-radius:40px;outline:none;width:100%;padding:10px 15px 10px 40px;font-size:.9rem;transition:all .3s}.search-wrapper input::placeholder{color:#fff6}.search-wrapper input:focus{background:#ffffff1f;border-color:#ff69b4;box-shadow:0 0 0 3px #ff69b41a}.library-container{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;width:100%;max-width:1000px;margin:0 auto;padding-bottom:20px;display:grid}.book-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s;overflow:hidden}.book-card:hover{background:#ffffff1f;border-color:#ff69b44d;transform:translateY(-5px)}.book-cover{object-fit:cover;border-bottom:1px solid #ffffff1a;width:100%;height:260px}.book-details{text-align:center;padding:12px}.book-title{color:#ff69b4;margin-bottom:4px;font-size:.95rem;font-weight:600}.book-author{opacity:.7;color:#fffc;margin-bottom:4px;font-size:.75rem}.book-year{opacity:.5;color:#fff9;font-size:.7rem}.music-content{width:100%;max-width:800px;margin:0 auto}.music-content .soundtrack-tab{padding:0}.music-content .soundtrack-header{margin-top:0;padding-top:0}.music-content .back-btn-soundtrack{display:none}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e28f2;border:1px solid #ffffff1a;border-radius:20px;width:90%;height:80%;position:relative;overflow:hidden}.close-btn{cursor:pointer;color:#ff69b4;z-index:1001;background:#ff69b433;border:1px solid #ff69b44d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .3s;display:flex;position:absolute;bottom:20px;right:20px}.close-btn:hover{color:#fff;background:#ff69b4;transform:rotate(90deg)}iframe{background:#fff;border:none;width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}::-webkit-scrollbar-thumb{background:#6a5acd80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6a5acdcc}*{scrollbar-width:thin;scrollbar-color:#6a5acd80 #ffffff0d}@media (width<=768px){.books-page{padding:0 15px 80px}.toggle-option{padding:6px 16px;font-size:.8rem}.toggle-option i{font-size:.8rem}.library-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.book-cover{height:220px}}@media (width<=480px){.books-header h1{font-size:1.3rem}.back-btn-books,.header-placeholder{width:32px;height:32px}.toggle-option{gap:4px;padding:5px 14px;font-size:.75rem}.toggle-option i{font-size:.75rem}.library-container{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.book-cover{height:180px}.book-title{font-size:.85rem}.book-author{font-size:.7rem}}.bible-app{--bible-primary:#6a5acde6;--bible-accent:#ff69b4d9;--bible-bg:#121212;--bible-surface:#1a1a2e;--bible-surface2:#16213e;--bible-border:#ffffff14;--bible-text:#f0f0f0;--bible-text-dim:#ffffff80;--bible-radius:12px;--bible-shadow:0 4px 24px #0006;background:var(--bible-bg);height:100%;color:var(--bible-text);flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.bible-app:not(.bible-dark){--bible-bg:#f5f0ff;--bible-surface:#fff;--bible-surface2:#ede8ff;--bible-border:#6a5acd26;--bible-text:#1a1a2e;--bible-text-dim:#1a1a2e80;--bible-shadow:0 4px 24px #6a5acd1a}.bible-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;position:fixed;inset:0}.bible-sidebar{background:var(--bible-surface);border-right:1px solid var(--bible-border);z-index:300;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6a5acd80 #ffffff0d;flex-direction:column;width:300px;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.bible-sidebar::-webkit-scrollbar{width:6px}.bible-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bible-sidebar::-webkit-scrollbar-thumb{background:#6a5acd80;border-radius:3px}.bible-sidebar.open{transform:translate(0)}.bible-sidebar-header{border-bottom:1px solid var(--bible-border);background:linear-gradient(135deg, var(--bible-primary), var(--bible-accent));color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:space-between;align-items:center;padding:1.2rem 1rem;font-size:1.1rem;font-weight:700;display:flex}.bible-sidebar-header button{color:var(--bible-text-dim);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.bible-menu-section{border-bottom:1px solid var(--bible-border);padding:1rem}.bible-menu-section h4{text-transform:uppercase;letter-spacing:.08em;color:var(--bible-text-dim);align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.75rem;display:flex}.bible-header{background:var(--bible-surface);border-bottom:1px solid var(--bible-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.bible-header-left{align-items:center;gap:.75rem;display:flex}.bible-header-right{align-items:center;gap:.4rem;display:flex}.bible-header-title{background:linear-gradient(45deg, var(--bible-primary), var(--bible-accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.bible-header-sub{color:var(--bible-text-dim);align-items:center;gap:.4rem;font-size:.75rem;display:flex}.bible-translation-badge{background:var(--bible-primary);color:#fff;opacity:.9;border-radius:4px;padding:0 5px;font-size:.65rem;font-weight:700}.bible-nav-bar{background:var(--bible-surface2);border-bottom:1px solid var(--bible-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.bible-nav-selects{flex:1;gap:.5rem;display:flex}.bible-nav-arrows{gap:.4rem;display:flex}.bible-main{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6a5acd80 #ffffff0d;flex:1;padding:1rem .5rem 1rem 1rem;overflow-y:auto}.bible-main::-webkit-scrollbar{width:6px}.bible-main::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.bible-main::-webkit-scrollbar-thumb{background:#6a5acd80;border-radius:3px}.bible-main::-webkit-scrollbar-thumb:hover{background:#6a5acdcc}.bible-chapter-header{text-align:center;margin-bottom:1.2rem}.bible-chapter-header h2{background:linear-gradient(45deg, var(--bible-primary), var(--bible-accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.bible-chapter-header span{color:var(--bible-text-dim);font-size:.8rem}.bible-verses{flex-direction:column;gap:.2rem;display:flex}.bible-verse{border-radius:8px;align-items:flex-start;gap:.5rem;padding:.5rem .3rem .5rem .5rem;transition:background .15s;display:flex;position:relative}.bible-verse:hover{background:var(--bible-surface)}.bible-verse:hover .bible-verse-actions{opacity:1}.bible-verse.highlighted{border-left:3px solid var(--bible-accent);background:#ff69b41f}.bible-verse.bookmarked{background:#6a5acd1f}.bible-verse-num{min-width:24px;color:var(--bible-accent);flex-shrink:0;padding-top:3px;font-size:.7rem;font-weight:700}.bible-verse-text{flex:1;font-size:.95rem;line-height:1.7}.bible-verse-actions{opacity:0;flex-shrink:0;gap:.2rem;transition:opacity .15s;display:flex}.bible-search-mark{color:inherit;background:#ff69b459;border-radius:3px;padding:0 2px}.bible-bottom-nav{border-top:1px solid var(--bible-border);justify-content:space-between;margin-top:2rem;padding-top:1rem;display:flex}.bible-select{background:var(--bible-surface2);color:var(--bible-text);border:1px solid var(--bible-border);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:.4rem .6rem;font-size:.85rem}.bible-select.sm{padding:.3rem .5rem;font-size:.8rem}.bible-select:focus{border-color:var(--bible-primary)}.bible-input{background:var(--bible-surface2);color:var(--bible-text);border:1px solid var(--bible-border);border-radius:8px;outline:none;flex:1;padding:.4rem .7rem;font-size:.85rem}.bible-input:focus{border-color:var(--bible-primary)}.bible-input::placeholder{color:var(--bible-text-dim)}.bible-search-box{gap:.4rem;display:flex}.bible-icon-btn{color:var(--bible-text-dim);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;font-size:1rem;transition:color .2s,background .2s;display:flex}.bible-icon-btn:hover,.bible-icon-btn.active{color:var(--bible-accent);background:#ff69b41a}.bible-icon-btn.sm{padding:.2rem;font-size:.75rem}.bible-verse-btn{color:var(--bible-text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .3rem;font-size:.75rem;transition:color .2s}.bible-verse-btn:hover{color:var(--bible-accent)}.bible-nav-btn{background:var(--bible-surface);color:var(--bible-text);border:1px solid var(--bible-border);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.85rem;transition:background .2s,border-color .2s;display:flex}.bible-nav-btn:hover:not(:disabled){background:var(--bible-primary);color:#fff;border-color:#0000}.bible-nav-btn:disabled{opacity:.35;cursor:not-allowed}.bible-nav-btn.lg{border-radius:50px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600}.bible-small-btn{color:var(--bible-primary);cursor:pointer;background:#6a5acd26;border:1px solid #6a5acd4d;border-radius:8px;margin-top:.5rem;padding:.35rem .8rem;font-size:.8rem;transition:background .2s}.bible-small-btn:hover{background:#6a5acd4d}.bible-link-btn{color:var(--bible-accent);cursor:pointer;background:0 0;border:none;font-size:.8rem;text-decoration:underline}.bible-tab-bar{gap:.3rem;margin-bottom:.5rem;display:flex}.bible-tab{background:var(--bible-surface2);color:var(--bible-text-dim);border:1px solid var(--bible-border);cursor:pointer;border-radius:8px;flex:1;padding:.35rem;font-size:.8rem;transition:all .2s}.bible-tab.active{background:var(--bible-primary);color:#fff;border-color:#0000}.bible-toggle{cursor:pointer;align-items:center;gap:.7rem;margin-bottom:.6rem;font-size:.85rem;display:flex}.bible-toggle input{display:none}.bible-toggle-slider{background:var(--bible-border);border-radius:10px;flex-shrink:0;width:34px;height:18px;transition:background .2s;position:relative}.bible-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.bible-toggle input:checked+.bible-toggle-slider{background:var(--bible-primary)}.bible-toggle input:checked+.bible-toggle-slider:after{transform:translate(16px)}.bible-progress-bar-wrap{margin-bottom:.5rem}.bible-progress-bar{background:var(--bible-border);border-radius:10px;height:6px;margin-bottom:.3rem;overflow:hidden}.bible-progress-fill{background:linear-gradient(90deg, var(--bible-primary), var(--bible-accent));border-radius:10px;height:100%;transition:width .5s}.bible-bookmark-list{flex-direction:column;gap:.3rem;max-height:200px;display:flex;overflow-y:auto}.bible-bookmark-item{background:var(--bible-surface2);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .6rem;font-size:.82rem;transition:background .15s;display:flex}.bible-bookmark-item:hover{background:#6a5acd33}.bible-bookmark-ref{color:var(--bible-primary);font-weight:600;display:block}.bible-bookmark-preview{color:var(--bible-text-dim);font-size:.75rem;display:block}.bible-search-results{flex-direction:column;gap:.3rem;max-height:280px;margin-top:.5rem;display:flex;overflow-y:auto}.bible-search-meta{color:var(--bible-text-dim);justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.8rem;display:flex}.bible-search-item{background:var(--bible-surface2);cursor:pointer;border-radius:8px;padding:.5rem;transition:background .15s}.bible-search-item:hover{background:#6a5acd33}.bible-search-ref{color:var(--bible-primary);font-size:.75rem;font-weight:700;display:block}.bible-search-preview{color:var(--bible-text-dim);font-size:.8rem}.bible-modal-overlay{z-index:400;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bible-modal{background:var(--bible-surface);border-radius:var(--bible-radius);border:1px solid var(--bible-border);width:100%;max-width:400px;box-shadow:var(--bible-shadow);overflow:hidden}.bible-modal-header{border-bottom:1px solid var(--bible-border);justify-content:space-between;align-items:center;padding:1rem;font-weight:700;display:flex}.bible-modal-body{flex-direction:column;gap:.6rem;padding:1rem;display:flex}.bible-share-options{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.bible-share-btn{background:var(--bible-surface2);color:var(--bible-text);border:1px solid var(--bible-border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem;font-size:.82rem;transition:background .2s;display:flex}.bible-share-btn:hover{border-color:var(--bible-primary);background:#6a5acd33}.bible-share-btn i{color:var(--bible-primary);font-size:1.1rem}.bible-share-preview{background:var(--bible-surface2);width:100%;height:100px;color:var(--bible-text-dim);border:1px solid var(--bible-border);resize:none;border-radius:8px;padding:.5rem;font-size:.75rem}.bible-loading,.bible-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:3rem 1rem;display:flex}.bible-spinner{border:3px solid var(--bible-border);border-top-color:var(--bible-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite bible-spin}@keyframes bible-spin{to{transform:rotate(360deg)}}.bible-error i{color:var(--bible-accent);font-size:2rem}.bible-toast{background:var(--bible-surface);color:var(--bible-text);border:1px solid var(--bible-border);box-shadow:var(--bible-shadow);z-index:500;white-space:nowrap;border-radius:50px;padding:.6rem 1.2rem;font-size:.85rem;animation:.2s bible-fadein;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.bible-toast.error{border-color:var(--bible-accent);color:var(--bible-accent)}@keyframes bible-fadein{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.bible-hint{color:var(--bible-text-dim);margin-top:.3rem;font-size:.72rem}.bible-empty{color:var(--bible-text-dim);text-align:center;padding:.5rem;font-size:.8rem}@media (width<=480px){.bible-sidebar{width:85vw}.bible-share-options{grid-template-columns:1fr}.bible-verse-text{font-size:.9rem}.bible-main{padding:1rem .3rem 1rem .8rem}.bible-verse{gap:.3rem;padding:.4rem .4rem .4rem .5rem}}