*{margin:0;padding:0;box-sizing:border-box;font-variant-ligatures:none;-webkit-font-variant-ligatures:none}:root{--cream:#F5E6D3;--charcoal:#2C3E50;--warm-gray:#64748B;--gold:#D4A574;--sage:#9CAEA9;--coral:#FF8A65;--ivory:#FAF6F0;--soft-white:#FEFDFB;--card-white:#FFFFFF;--tan-light:#E8D5C4;--tan-medium:#D4B5A0;--brown-light:#B8956A;--brown-dark:#8B6F47;--rose-dark:#8B4A4A;--navy:#34495E;--font-display:"Bodoni Moda",serif;--font-scripture:"Bodoni Moda",serif;--font-body:"DM Serif Display",serif;--font-accent:"DM Serif Display",serif;--font-ui:"Inter",system-ui,-apple-system,sans-serif;--font-scale:1;--text-xxs:calc(0.75em * var(--font-scale));--text-xs:calc(0.8125em * var(--font-scale));--text-sm:calc(0.875em * var(--font-scale));--text-base:calc(1em * var(--font-scale));--text-md:calc(1.125em * var(--font-scale));--text-lg:calc(1.25em * var(--font-scale));--text-xl:calc(1.5em * var(--font-scale));--text-2xl:calc(1.875em * var(--font-scale));--text-3xl:calc(2.25em * var(--font-scale));--text-4xl:calc(2.5em * var(--font-scale));--text-5xl:calc(3em * var(--font-scale));--text-verse:calc(1.46em * var(--font-scale));--text-hero:calc(4.6em * var(--font-scale));--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-black:900;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--duration-fast:0.15s;--duration-normal:0.2s;--duration-slow:0.3s;--duration-slower:0.5s;--duration-page:0.6s;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-spring:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--slide-up:translateY(20px);--slide-down:translateY(-20px);--slide-left:translateX(20px);--slide-right:translateX(-20px);--scale-up:scale(1.05);--scale-down:scale(0.95);--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15);--color-brand-primary:#667eea;--color-brand-secondary:#764ba2;--color-accent-gold:#e4a853;--color-accent-gold-hover:#f4b863;--color-accent-orange:#FF6B35;--color-sage-light:#E2EDE2;--color-sage-mid:#B8D4B8;--color-sage-dark:#8AB08A;--color-stone-light:#EAE4DA;--color-stone-mid:#C8BBB0;--color-stone-dark:#9A8A78;--color-ocean-light:#C8D8E0;--color-ocean-mid:#8AACC0;--color-ocean-dark:#5880A0;--color-lavender-light:#E8E0E8;--color-lavender-mid:#D0C0D8;--color-lavender-dark:#B8A0C0;--color-sky-light:#E0E8F0;--color-sky-mid:#C0D0E0;--color-sky-dark:#A0B8D0;--color-wine-light:#E8D8D8;--color-wine-mid:#C8A0A0;--color-wine-dark:#A07878;--color-wheat-light:#F0E8D0;--color-wheat-mid:#D8C8A8;--color-wheat-dark:#C0B090;--color-silver-light:#F0F0F0;--color-silver-mid:#D8D8D8;--color-silver-dark:#C0C0C0;--gradient-sage:linear-gradient(135deg,var(--color-sage-light) 0%,var(--color-sage-mid) 50%,var(--color-sage-dark) 100%);--gradient-stone:linear-gradient(140deg,var(--color-stone-light) 0%,var(--color-stone-mid) 50%,var(--color-stone-dark) 100%);--gradient-ocean:linear-gradient(145deg,var(--color-ocean-dark) 0%,var(--color-ocean-mid) 50%,var(--color-ocean-light) 100%);--gradient-lavender:linear-gradient(135deg,var(--color-lavender-light) 0%,var(--color-lavender-mid) 50%,var(--color-lavender-dark) 100%);--gradient-sky:linear-gradient(115deg,var(--color-sky-light) 0%,var(--color-sky-mid) 50%,var(--color-sky-dark) 100%);--gradient-wine:linear-gradient(135deg,var(--color-wine-light) 0%,var(--color-wine-mid) 50%,var(--color-wine-dark) 100%);--gradient-wheat:linear-gradient(125deg,var(--color-wheat-light) 0%,var(--color-wheat-mid) 50%,var(--color-wheat-dark) 100%);--gradient-silver:linear-gradient(120deg,var(--color-silver-light) 0%,var(--color-silver-mid) 50%,var(--color-silver-dark) 100%);--color-success:#28a745;--color-success-hover:#1e7e34;--color-error:#dc2626;--color-warning:#dc3545;--color-white:#ffffff;--color-black:#0a0a0a;--shadow-sm:0 2px 8px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 12px rgba(0,0,0,0.08),0 1px 3px rgba(0,0,0,0.04);--shadow-lg:0 8px 24px rgba(0,0,0,0.15),0 2px 8px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.15),0 10px 15px rgba(0,0,0,0.1);--color-streak-low:#FF6B35;--color-streak-medium:#FF4500;--color-streak-high:#FFD700;--color-achievement:#4CAF50;--bg-primary:#FAFAFA;--bg-secondary:#FFFFFF;--bg-tertiary:#F8F8F8;--text-primary:#2C3E50;--text-secondary:#64748B;--text-muted:#94A3B8;--border-light:rgba(0,0,0,0.1);--border-medium:rgba(0,0,0,0.15);--text-input-dark:#2C3E50}:root.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3a3a3a;--text-primary:#f5f5f5;--text-secondary:#c9c9c9;--text-muted:#9a9a9a;--border-light:rgba(255,255,255,0.1);--border-medium:rgba(255,255,255,0.15);--text-input-dark:#2C3E50;--shadow-sm:0 2px 8px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.15);--shadow-xl:0 20px 25px rgba(0,0,0,0.4),0 10px 15px rgba(0,0,0,0.2);--color-input-bg:#3a3a3a;--color-input-disabled:#2d2d2d;--color-form-error-bg:#2d1a1a;--color-form-error-border:#944545;--color-form-info-bg:#1a2332;--color-form-info-border:#4b6fa1;--color-form-info-text:#6fa8dc;--color-menu-bg:#2d2d2d;--color-menu-bg-secondary:#1f1f1f;--color-menu-text:#c9c9c9;--color-menu-text-primary:#f5f5f5;--color-menu-hover:rgba(102,126,234,0.1);--color-menu-border:rgba(255,255,255,0.1);--color-divider:rgba(255,255,255,0.1);--color-gradient-start:rgba(255,255,255,0.05);--color-gradient-end:rgba(255,255,255,0.15);--color-disabled-bg:#4a4a4a;--color-disabled-text:#9a9a9a;--verse-bg:#2a2520;--verse-text:#f0e6d2;--devotional-bg:#252525;--highlight-bg:#3d2f1f;--soft-white:#1a1a1a;--card-white:#2d2d2d;--charcoal:#f5f5f5;--warm-gray:#c9c9c9;--tan-light:#3a3a3a;--tan-medium:#4a4a4a;--brown-light:#5a5a5a;--cream:#2a2a2a;--ivory:#252525}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;margin:0;padding:0;font-size:calc(.875rem * var(--font-scale, 1));transition:background-color var(--duration-normal) var(--ease-smooth),color var(--duration-normal) var(--ease-smooth)}@media (min-width:768px){body{background:#3a3a3a}}h1{font-family:var(--font-display);font-weight:var(--font-bold);font-variant-ligatures:none;-webkit-font-variant-ligatures:none}h2,h3,h4,h5,h6{font-family:var(--font-accent);font-weight:400;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures}.app{width:100vw;height:100vh;height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;position:relative}@media (min-width:768px){.app{max-width:600px;margin:0 auto;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.12)}}.screen{flex:1;overflow-y:auto;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.header{padding:calc(20px + env(safe-area-inset-top)) 20px 20px;border-bottom:1px solid rgba(28,28,28,.08);background:var(--bg-primary);animation:slideInDown .3s var(--ease-spring) both}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.date-display{font-size:var(--text-sm);letter-spacing:.5px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:16px;margin-top:8px}.greeting{font-size:var(--text-4xl)}.greeting,.page-title{font-family:var(--font-display);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.5px}.page-title{font-size:var(--text-5xl);margin-bottom:8px}.page-subtitle{font-family:var(--font-accent);font-size:var(--text-md);color:var(--text-secondary)}.verse-card{margin:20px;padding:24px;background:var(--bg-secondary);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:relative;overflow:hidden;transition:all var(--duration-normal)}.verse-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-primary);opacity:.3}.verse-card:after{content:'"';position:absolute;top:16px;left:20px;font-family:var(--font-scripture);font-size:var(--text-hero);color:var(--accent-primary);opacity:.15;line-height:1;pointer-events:none}.verse-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1px;color:var(--accent-primary);margin-bottom:8px;opacity:.8}.verse-text{font-family:var(--font-accent);margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.verse-reference{font-size:var(--text-base);color:var(--charcoal);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;margin-top:8px;opacity:.8}.quick-access{padding:0 20px;margin-bottom:20px;animation:fadeInUp var(--duration-page) var(--ease-spring)}.quick-access-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-access-grid{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quick-access-grid::-webkit-scrollbar{display:none}.quick-access-card{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:24px;text-decoration:none;transition:all var(--duration-normal) var(--ease-smooth);white-space:nowrap}.quick-access-card,.quick-access-card:hover{background:var(--bg-tertiary)}.quick-access-icon{color:var(--text-secondary);flex-shrink:0}.quick-access-label{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.section{padding:20px;animation:slideInScale .4s var(--ease-spring) .15s both}@keyframes slideInScale{0%{opacity:0;transform:translateX(-20px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;margin-left:16px;margin-right:16px}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.section-link{font-size:var(--text-base);color:var(--text-secondary);text-decoration:none;transition:color var(--duration-normal)}.section-link:hover{color:var(--text-primary)}.content-grid{display:grid;gap:16px}.card-image{width:100%;height:180px;background-size:cover;background-position:50%;position:relative;border-radius:12px 12px 0 0}.card-image.devotional{background:linear-gradient(135deg,#667eea,#764ba2)}.card-image.devotional:before{content:"";position:absolute;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%;top:-50px;right:-50px}.card-image.devotional:after{content:"✨";position:absolute;bottom:20px;right:20px;font-size:var(--text-hero);opacity:.3;transform:rotate(-15deg)}.card-image.scripture{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-image.scripture:before{content:"📖";position:absolute;bottom:20px;right:20px;font-size:var(--text-hero);opacity:.3}.card-image.prayer{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-image.prayer:before{content:"🙏";position:absolute;bottom:20px;right:20px;font-size:var(--text-hero);opacity:.3}.library-nav{display:flex;gap:12px;padding:16px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-primary)}.library-nav::-webkit-scrollbar{display:none}.nav-pill{padding:8px 16px;border:1px solid var(--border-light);border-radius:20px;background:transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);white-space:nowrap;cursor:pointer;transition:all var(--duration-normal);animation:popIn .3s var(--ease-spring) both;opacity:0;transform:scale(.8)}.nav-pill:first-child{animation-delay:.05s}.nav-pill:nth-child(2){animation-delay:.08s}.nav-pill:nth-child(3){animation-delay:.11s}.nav-pill:nth-child(4){animation-delay:.14s}@keyframes popIn{0%{opacity:0;transform:scale(.6) rotate(-5deg)}70%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.nav-pill.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.saved-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-light);padding:16px;border-radius:12px;text-align:center}.stat-number{font-size:var(--text-4xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.content-list{display:grid;gap:24px}.saved-item{position:relative;margin-bottom:16px}.saved-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-top:8px;padding-left:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:400px;animation:fadeInScale .5s var(--ease-spring) both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.empty-icon{color:var(--text-muted);margin-bottom:24px;animation:floatIcon .6s var(--ease-spring) .1s both}@keyframes floatIcon{0%{opacity:0;transform:translateY(-20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.empty-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:8px;animation:slideInUp .5s var(--ease-spring) .2s both;opacity:0}.empty-text{font-size:var(--text-md);color:var(--text-secondary);margin-bottom:24px;max-width:280px;animation:slideInUp .5s var(--ease-spring) .3s both;opacity:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-primary{padding:12px 24px;background:var(--text-primary);color:var(--bg-primary);border-radius:24px;text-decoration:none;font-size:var(--text-md);font-weight:var(--font-medium);transition:all var(--duration-normal);border:1px solid transparent;animation:popIn .4s var(--ease-spring) .4s both;opacity:0;box-shadow:var(--shadow-sm)}.button-primary:hover{background:var(--text-secondary);border-color:var(--text-secondary)}.button-primary:active{transform:scale(.95)}.button-secondary{padding:12px 24px;background:transparent;color:var(--text-primary);border:1px solid var(--text-primary);border-radius:24px;font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.button-secondary:hover{background:var(--text-primary);color:var(--bg-primary)}.full-width{width:100%}.settings-section{padding:20px;margin-bottom:8px;animation:settingsFadeIn .6s ease-out backwards}.settings-section:nth-child(2){animation-delay:.2s}.settings-section:nth-child(3){animation-delay:.3s}.settings-section:nth-child(4){animation-delay:.4s}.settings-section:nth-child(5){animation-delay:.5s}@keyframes settingsFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.settings-title{font-size:var(--text-lg);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:12px}.settings-list{border-radius:12px;overflow:hidden;border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.settings-item,.settings-list{background:var(--bg-secondary)}.settings-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text-primary);transition:all var(--duration-normal);cursor:pointer}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--bg-tertiary);transform:translateX(1px)}.settings-item-left{display:flex;align-items:center;gap:12px;font-size:var(--text-md)}.settings-value{color:var(--text-secondary);font-size:var(--text-md)}.settings-select{padding:4px 8px;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-secondary);font-size:var(--text-md);color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle{position:relative;display:inline-block;width:48px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);border-radius:28px;box-shadow:var(--shadow-sm)}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--duration-slow)}.toggle-slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--bg-primary);border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--text-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.reading-screen{position:absolute;left:0;right:0;bottom:0;z-index:100;overflow-y:auto;padding-bottom:120px}.reading-header,.reading-screen{top:0;background:var(--bg-secondary)}.reading-header{position:sticky;padding:20px;border-bottom:1px solid rgba(28,28,28,.08);justify-content:space-between;z-index:10}.back-button,.reading-header{display:flex;align-items:center}.back-button{width:40px;height:40px;border-radius:20px;justify-content:center;color:var(--text-primary);text-decoration:none;transition:background var(--duration-normal)}.back-button,.back-button:hover{background:var(--bg-tertiary)}.reading-meta{display:flex;gap:16px;font-size:var(--text-sm);color:var(--text-secondary)}.reading-category{text-transform:uppercase;letter-spacing:.5px}.reading-time{display:flex;align-items:center;gap:4px}.reading-content{padding:20px 20px 40px}.reading-title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--text-primary);margin-bottom:8px;line-height:1.2}.reading-subtitle{font-size:var(--text-lg);color:var(--text-secondary);font-style:italic;margin-bottom:20px}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;background:transparent}body,html{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar,html::-webkit-scrollbar{width:0;background:transparent}.reading-body{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.8;color:var(--text-primary);margin-top:2.5rem}.reading-body p{margin-bottom:20px}.reading-body p.bullet-point{padding-left:20px;position:relative}.reading-body p.bullet-point:before{content:"•";position:absolute;left:0;color:var(--gold)}.prayer-section{margin-top:28px;padding-top:20px;border-top:1px solid rgba(28,28,28,.08)}.prayer-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:16px}.prayer-text{font-family:var(--font-body);font-size:var(--text-xl);line-height:1.8;color:var(--text-primary);font-style:italic}.reading-actions{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom));left:0;right:0;width:100%;padding:20px 20px 10px;background:linear-gradient(to top,var(--bg-secondary) 80%,transparent);display:flex;gap:12px;z-index:40;opacity:0;transform:translateY(30px);transition:all .5s ease}.reading-actions.show{opacity:1;transform:translateY(0)}@media (min-width:768px){.reading-actions{position:absolute;max-width:600px;left:50%;transform:translateX(-50%) translateY(30px);width:100%}.reading-actions.show{transform:translateX(-50%) translateY(0)}}.action-button{flex:1;padding:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--text-md);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:all var(--duration-normal);box-shadow:var(--shadow-sm)}.action-button:hover{background:var(--bg-tertiary);border-color:var(--border-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-button.saved{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.action-button svg{width:20px;height:20px}.audio-player{margin:24px 0;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:12px;gap:12px}.audio-player,.play-button{display:flex;align-items:center}.play-button{width:48px;height:48px;border-radius:24px;background:var(--text-primary);color:var(--bg-primary);border:none;justify-content:center;cursor:pointer;transition:transform var(--duration-normal)}.play-button:active{transform:scale(.95)}.play-button svg{width:20px;height:20px}.audio-progress{flex:1;display:flex;align-items:center;gap:8px}.audio-time{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);min-width:35px}.audio-bar{flex:1;height:4px;background:rgba(0,0,0,.1);border-radius:2px;position:relative;cursor:pointer}.audio-bar-fill{position:absolute;top:0;left:0;height:100%;background:var(--gold);border-radius:2px;transition:width var(--duration-fast)}.speed-button{padding:6px 12px;background:var(--bg-secondary);border:1px solid rgba(0,0,0,.1);border-radius:16px;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);cursor:pointer;transition:background var(--duration-normal)}.speed-button:hover{background:var(--bg-tertiary)}.mini-player{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:388px;background:var(--bg-secondary);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.15);padding:12px;display:flex;align-items:center;gap:12px;z-index:50;animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes slideUpFromBottom{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInOnly{0%{opacity:0}to{opacity:1}}.mini-play-button{width:36px;height:36px;border-radius:18px;background:var(--text-primary);color:var(--bg-primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.mini-play-button svg{width:16px;height:16px}.mini-info{flex:1;min-width:0}.mini-title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-time{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.mini-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(0,0,0,.05);border-radius:0 0 16px 16px;overflow:hidden}.mini-progress-fill{height:100%;background:var(--gold);transition:width var(--duration-fast)}@media (min-width:768px){.mini-player{max-width:360px}}.pricing-hero{background:var(--bg-secondary);border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid var(--border-light)}.pricing-benefits{text-align:center}.benefits-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-md)}.benefits-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-sm)}.benefit-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs);color:var(--text-secondary)}.benefit-icon{color:var(--accent-primary);flex-shrink:0}.pricing-plans{display:grid;gap:var(--space-lg);max-width:600px;margin:0 auto}.pricing-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative;transition:all var(--duration-fast) var(--ease-smooth)}.pricing-card:hover{border-color:var(--border-secondary);box-shadow:var(--shadow-md)}.pricing-card.featured{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--bg-primary) 0,rgba(102,126,234,.05) 100%)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent-primary);color:white;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);display:flex;align-items:center;gap:var(--space-xs)}.pricing-header{text-align:center;margin-bottom:var(--space-lg)}.plan-icon{width:48px;height:48px;margin:0 auto var(--space-md);background:var(--accent-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:white}.plan-name{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--text-primary)}.plan-name,.plan-price{margin-bottom:var(--space-sm)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--space-xs)}.currency{font-size:var(--text-lg);color:var(--text-secondary)}.amount{font-size:3rem;font-weight:var(--weight-bold);color:var(--text-primary);line-height:1}.period{font-size:var(--text-base);color:var(--text-secondary)}.savings-badge{background:var(--accent-secondary);color:var(--accent-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-block;margin-bottom:var(--space-sm)}.plan-description{color:var(--text-muted);font-size:var(--text-sm);margin:0}.plan-features{list-style:none;padding:0;margin:0 0 var(--space-lg) 0;display:grid;gap:var(--space-sm)}.plan-features li{color:var(--text-secondary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) 0}.pricing-footer{text-align:center;padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-primary)}.footer-text{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-xs) 0;font-weight:var(--weight-medium)}.footer-subtext{color:var(--text-muted);font-size:var(--text-xs);margin:0}.error-message{background:var(--error-bg);color:var(--error-color);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--error-border);font-size:var(--text-sm);text-align:center}.form-container{padding:16px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background:white;border:1px solid var(--border-light);border-radius:8px;font-size:16px;color:var(--text-primary);font-family:inherit;transition:border-color .2s ease;-webkit-appearance:none;appearance:none;min-height:44px;display:block}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L2 5h8z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--sage)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px;line-height:1.5}.error-message{color:#dc3545;font-size:12px;font-weight:400}.input-error{border-color:#dc3545!important}.button-disabled{opacity:.5;cursor:not-allowed!important}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:1}30%{transform:translateY(-10px);opacity:.5}}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}:root.dark .form-input,:root.dark .form-select,:root.dark .form-textarea{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-light)}.button-success{background:var(--color-success)!important;animation:successPulse .5s ease}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.TabBar_tabBar__DvKsc{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:1000;pointer-events:auto;animation:TabBar_slideInUp__Y1TNQ .4s cubic-bezier(.4,0,.2,1) both}@keyframes TabBar_slideInUp__Y1TNQ{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){.TabBar_tabBar__DvKsc{width:600px;max-width:600px;left:50%;right:auto;transform:translateX(-50%);animation:TabBar_slideInUpCentered__iDy8k .4s cubic-bezier(.4,0,.2,1) both}@keyframes TabBar_slideInUpCentered__iDy8k{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}}.TabBar_tab__XzOkh{flex:1;display:flex;flex-direction:column;align-items:center;padding:4px 0;background:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-secondary);pointer-events:auto;position:relative;z-index:1001;opacity:0;animation:TabBar_tabFadeIn__MjYO2 .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes TabBar_tabFadeIn__MjYO2{to{opacity:1}}.TabBar_tab__XzOkh:first-child{animation-delay:.1s}.TabBar_tab__XzOkh:nth-child(2){animation-delay:.15s}.TabBar_tab__XzOkh:nth-child(3){animation-delay:.2s}.TabBar_tab__XzOkh:nth-child(4){animation-delay:.25s}.TabBar_tab__XzOkh:nth-child(5){animation-delay:.3s}.TabBar_tab__XzOkh:hover:not(.TabBar_active__xIDXZ){transform:translateY(-2px);color:var(--text-primary)}.TabBar_tab__XzOkh:active{transform:scale(.95)}.TabBar_tab__XzOkh.TabBar_active__xIDXZ{color:var(--text-primary);position:relative}.TabBar_tab__XzOkh.TabBar_active__xIDXZ:before{content:"";position:absolute;top:-10.5px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--text-primary);animation:TabBar_pulse__gBKva 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes TabBar_pulse__gBKva{0%,to{transform:translateX(-50%) scale(1);opacity:1}50%{transform:translateX(-50%) scale(1.5);opacity:.5}}.TabBar_tabIcon__VE6Pr{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-bottom:4px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.TabBar_tab__XzOkh.TabBar_active__xIDXZ .TabBar_tabIcon__VE6Pr{transform:scale(1.1)}.TabBar_tab__XzOkh:hover .TabBar_tabIcon__VE6Pr{transform:scale(1.15) rotate(5deg)}.TabBar_tabLabel__Rejzu{font-size:var(--text-xs);font-weight:var(--font-medium);transition:all .3s cubic-bezier(.4,0,.2,1)}.TabBar_tab__XzOkh.TabBar_active__xIDXZ .TabBar_tabLabel__Rejzu{font-weight:var(--font-semibold)}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}