html,body{background:#f4f4f4;height:100%;margin:0;font-family:sans-serif;overflow:hidden}.app{justify-content:center;align-items:center;min-height:100vh;display:flex}.toast{left:50%;top:calc(60px + env(safe-area-inset-top));color:#fff;text-align:center;z-index:2000;background:#333;border-radius:24px;max-width:calc(100vw - 40px);padding:12px 20px;position:fixed;bottom:auto;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.app{height:100dvh;display:flex}.card-container{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.saved-card{-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;background:linear-gradient(#fafafa,#f2f2f2);border:1px solid #2c27270d;border-radius:16px;flex-direction:column;width:100%;max-width:420px;height:70dvh;padding:24px 20px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 8px #0000000d,0 12px 30px #00000014}.prayer-body{flex:1;padding:24px;font-family:Georgia,Times New Roman,Times,serif;font-size:24px;position:relative;overflow-y:auto}.prayer-edit{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background:linear-gradient(#fafafa,#f2f2f2);border:none;flex:1;padding:24px;font-family:Georgia,Times New Roman,Times,serif;font-size:24px;position:relative;overflow-y:auto}.prayer-edit::-webkit-scrollbar{display:none}.prayer-date{margin-top:8px}.saved-card:active{cursor:grabbing}.saved-card.dragging{transform:scale(.985);box-shadow:0 18px 50px #0000002e}.saved-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014,0 18px 40px #0000001f}.card-actions{flex-direction:row;justify-content:space-evenly;gap:22px;padding:24px 30px;display:flex}.card-actions button{border-radius:24px;width:40%;margin-bottom:-14px;padding:6px;font-size:18px}.edit-cancel{background-color:#ed4337}.edit-save{background-color:#00a36c}.menu-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.prayer-menu{background:#fff;border-radius:24px;flex-direction:column;gap:12px;width:min(90%,360px);padding:24px;animation:.15s scaleIn;display:flex;box-shadow:0 20px 50px #0003}.prayer-menu h2{text-align:center;margin:0 0 12px;font-size:1.25rem}.prayer-menu button{cursor:pointer;background:#f5f5f5;border:none;border-radius:14px;width:100%;padding:16px;font-size:1rem;transition:transform .1s}.prayer-menu button:active{transform:scale(.97)}.prayer-menu .cancel{background:0 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}:root{--space-1:8px;--space-2:12px;--space-3:16px;--space-4:24px;--space-5:32px;--bg:#f7f4ed;--surface:#fcfaf7;--text:#252525;--muted:#777;--sage1:#b6c1b0;--sage2:#a8b4a2;--sand1:#e2ccb2;--sand2:#d4bb9c;--slate1:#8592a4;--slate2:#717f92}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Manrope,sans-serif}.app{min-height:100vh;padding:var(--space-4) var(--space-3) calc(88px + env(safe-area-inset-bottom));flex-direction:column;display:flex}.background-glow{filter:blur(80px);z-index:-1;background:radial-gradient(circle,#ffffffbf,#0000 65%);border-radius:50%;width:700px;height:700px;position:fixed;top:10%;left:50%;transform:translate(-50%)}header{text-align:center;margin-bottom:var(--space-4);padding-top:var(--space-2)}header h1{letter-spacing:.3px;font-family:Instrument Serif,serif;font-size:1.9rem;font-weight:400}main{padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;width:100%;max-width:520px;margin:0 auto;display:flex}.card{width:100%;min-height:140px;padding:var(--space-4);border-radius:24px;flex-direction:column;justify-content:space-between;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 25px #00000014}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001f}.card h2{letter-spacing:.8px;text-transform:uppercase;font-size:1.6rem;font-weight:300;line-height:1.1}.bottom{color:#000000a6;justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.sage{background:linear-gradient(135deg, var(--sage1), var(--sage2))}.sand{background:linear-gradient(135deg, var(--sand1), var(--sand2))}.slate{background:linear-gradient(135deg, var(--slate1), var(--slate2));color:#fff}.slate .bottom{color:#ffffffd9}nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);height:72px;padding-bottom:env(safe-area-inset-bottom);background:#ffffffb8;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav button{color:#6d655d;cursor:pointer;background:0 0;border:none;font-size:1.35rem}.add{color:#fff;background:#847562;border-radius:50%;width:54px;height:54px;font-size:1.8rem;transform:translateY(-8px);box-shadow:0 10px 20px #0000002e}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f0f0f73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.login-modal,.profile-modal{background:#fff;border-radius:24px;width:100%;max-width:340px;padding:34px 28px 28px;animation:.18s popup;position:relative;box-shadow:0 18px 50px #0000002e}.logout-btn{cursor:pointer;border:1px solid #ffe4e6;border-radius:6px;align-items:center;gap:8px;margin-top:20px;padding:10px 20px;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}@keyframes popup{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.close-btn{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;transition:all .2s;position:absolute;top:16px;right:16px}.close-btn:hover{color:#000;background:#ececec}h2{text-align:center;margin-bottom:6px;font-size:1.9rem}.subtitle{text-align:center;color:#777;margin-bottom:28px;line-height:1.4}.login-form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{font-size:.92rem;font-weight:500}.input-group input{border:1px solid #ddd;border-radius:14px;padding:14px;font-size:1rem;transition:all .2s}.input-group input:focus{border-color:#111;outline:none;box-shadow:0 0 0 4px #0000000d}.primary-button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:14px;margin-top:8px;padding:15px;font-size:1rem;font-weight:600;transition:all .2s}.primary-button:hover{background:#000}.divider{border-top:1px solid #eee;margin:28px 0}.switch-mode{color:#666;cursor:pointer;background:0 0;border:none;width:100%;font-size:.95rem}.switch-mode span{color:#111;font-weight:600}.switch-mode:hover span{text-decoration:underline}