:root{--ios-blue: #007AFF;--ios-blue-light: #5AC8FA;--ios-green: #34C759;--ios-red: #FF3B30;--ios-orange: #FF9500;--ios-gray-1: #8E8E93;--ios-gray-2: #AEAEB2;--ios-gray-3: #C7C7CC;--ios-gray-4: #D1D1D6;--ios-gray-5: #E5E5EA;--ios-gray-6: #F2F2F7;--primary: var(--ios-blue);--primary-hover: #0056b3;--success: var(--ios-green);--error: var(--ios-red);--background: var(--ios-gray-6);--surface: #ffffff;--text-main: #1C1C1E;--text-secondary: #3C3C43;--text-muted: var(--ios-gray-1);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;--font-serif: "SF Pro Display", -apple-system, BlinkMacSystemFont, serif;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-dark: rgba(0, 0, 0, .5);--glass-border: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--background);color:var(--text-main);min-height:100vh;line-height:1.47;font-size:17px;letter-spacing:-.022em}.container{max-width:680px;margin:0 auto;padding:24px 20px}h1{font-family:var(--font-sans);font-size:34px;font-weight:700;letter-spacing:.37px;text-align:center;margin-bottom:8px;color:var(--text-main)}h2{font-family:var(--font-sans);font-size:22px;font-weight:700;letter-spacing:.35px;text-align:center;margin-bottom:16px;color:var(--text-main)}h3{font-family:var(--font-sans);font-size:20px;font-weight:600;letter-spacing:.38px;margin-bottom:12px;color:var(--text-main)}h4{font-family:var(--font-sans);font-size:17px;font-weight:600;letter-spacing:-.022em;color:var(--text-main)}.glass-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:20px;border:.5px solid var(--glass-border)}.ios-card{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}.ios-card-header{padding:8px 16px 6px;font-size:13px;font-weight:400;color:var(--ios-gray-1);text-transform:uppercase;letter-spacing:-.08px}.ios-card-row{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-bottom:.5px solid var(--ios-gray-5);min-height:44px}.ios-card-row:last-child{border-bottom:none}button{cursor:pointer;font-family:var(--font-sans);font-size:17px;font-weight:600;letter-spacing:-.022em;border-radius:var(--radius-md);border:none;padding:12px 20px;transition:all .15s ease;touch-action:manipulation}button:active{transform:scale(.97);opacity:.85}.ios-button-primary{background:var(--primary);color:#fff;width:100%;padding:16px;border-radius:var(--radius-md)}.ios-button-primary:hover{background:#0066e6}.ios-button-secondary{background:var(--ios-gray-5);color:var(--primary)}input,textarea,select{font-family:var(--font-sans);font-size:17px;letter-spacing:-.022em;width:100%;padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--ios-gray-6);color:var(--text-main);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus,select:focus{outline:none;background:var(--ios-gray-5);box-shadow:0 0 0 4px #007aff26}input::placeholder,textarea::placeholder{color:var(--ios-gray-2)}.ios-switch{width:51px;height:31px;border-radius:31px;background:var(--ios-gray-4);position:relative;cursor:pointer;transition:background .3s}.ios-switch.active{background:var(--ios-green)}.ios-switch:after{content:"";position:absolute;width:27px;height:27px;border-radius:50%;background:#fff;top:2px;left:2px;box-shadow:0 3px 8px #00000026;transition:transform .3s}.ios-switch.active:after{transform:translate(20px)}.ios-navbar{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:.5px solid var(--glass-border);padding:12px 16px;position:sticky;top:0;z-index:100}.ios-tabbar{position:fixed;bottom:0;left:0;right:0;background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:.5px solid var(--glass-border);padding:8px 0 34px;display:flex;justify-content:space-around}.ios-segment{display:inline-flex;background:var(--ios-gray-5);border-radius:var(--radius-sm);padding:2px;gap:0}.ios-segment button{padding:8px 16px;font-size:13px;font-weight:500;border-radius:6px;background:transparent;color:var(--text-main);min-width:80px}.ios-segment button.active{background:var(--surface);box-shadow:var(--shadow-sm)}@keyframes scrollUpFade{0%{opacity:0;transform:translateY(5px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}.scroll-arrow-up{animation:scrollUpFade 1.5s infinite ease-in-out}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-out}.prayer-view{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.prayer-text p{font-size:17px;line-height:1.65;color:var(--text-secondary);margin-bottom:8px}.daily-popup .glass-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:none}@media(max-width:600px){body{font-size:16px}h1{font-size:28px}.container{padding:16px}.glass-card{padding:16px;border-radius:var(--radius-md)}}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.ios-tabbar{padding-bottom:calc(8px + env(safe-area-inset-bottom))}}