@import"https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-background: #F6F9F8;--color-background-alt: #EAF0EF;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #1E2A2A;--color-text-secondary: #7C8A8A;--color-text-tertiary: #A5B5B5;--color-accent: #2FA4A9;--color-accent-soft: rgba(47, 164, 169, .12);--color-accent-glow: rgba(47, 164, 169, .25);--color-accent-hover: #268D91;--color-dawn-gold: #C8B06A;--color-warm-rose: #B07A82;--color-warm-rose-soft: rgba(176, 122, 130, .12);--color-heart: #F5A5A5;--color-heart-active: #E8686B;--color-success: #4ECDC4;--color-warning: #F5B461;--color-error: #E57373;--color-overlay: rgba(246, 249, 248, .85);--color-glass: rgba(255, 255, 255, .72);--color-glass-border: rgba(47, 164, 169, .15);--color-divider: rgba(47, 164, 169, .1);--shadow-sm: 0 1px 2px rgba(30, 42, 42, .04);--shadow-md: 0 4px 12px rgba(30, 42, 42, .06), 0 1px 3px rgba(30, 42, 42, .04);--shadow-lg: 0 8px 24px rgba(30, 42, 42, .08), 0 2px 8px rgba(30, 42, 42, .04);--shadow-xl: 0 16px 48px rgba(30, 42, 42, .1), 0 4px 16px rgba(30, 42, 42, .05);--font-verse: "Crimson Pro", Georgia, serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-display: clamp(1.75rem, 6vw, 2.5rem);--font-size-verse: clamp(1.25rem, 4vw, 1.75rem);--font-size-large: 1.125rem;--font-size-base: 1rem;--font-size-small: .875rem;--font-size-xs: .75rem;--line-height-verse: 1.8;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--header-height: 60px;--max-width: 520px;--safe-bottom: env(safe-area-inset-bottom, 0px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}[data-theme=dark]{--color-background: #0A1212;--color-background-alt: #141C1C;--color-surface: #1E2626;--color-surface-elevated: #262E2E;--color-text-primary: #F6F9F8;--color-text-secondary: #9AA6A6;--color-text-tertiary: #5F6868;--color-accent: #3DC4C4;--color-accent-soft: rgba(61, 196, 196, .15);--color-accent-hover: #4DD4D4;--color-warm-rose: #D4949C;--color-warm-rose-soft: rgba(212, 148, 156, .15);--color-overlay: rgba(10, 18, 18, .9);--color-glass: rgba(30, 42, 42, .85);--color-glass-border: rgba(61, 196, 196, .15);--color-divider: rgba(61, 196, 196, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.5)}[data-theme=dawn]{--color-background: #F8FAFA;--color-accent: #5E9EA0;--color-accent-soft: rgba(94,158,160,.12);--color-accent-hover: #4D8E90;--color-text-primary: #1A3030;--color-text-secondary: #5A7575;--color-warm-rose: #A8757D}[data-theme=lavender]{--color-background: #F7F6F9;--color-accent: #8B7DA8;--color-accent-soft: rgba(139,125,168,.12);--color-accent-hover: #7A6C96;--color-text-primary: #353040;--color-text-secondary: #757085;--color-warm-rose: #B0808E}[data-theme=rose]{--color-background: #FAF7F8;--color-accent: #A67C89;--color-accent-soft: rgba(166,124,137,.15);--color-accent-hover: #966C79;--color-text-primary: #403538;--color-text-secondary: #857075;--color-warm-rose: #C47080}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-ui);background:var(--color-background);color:var(--color-text-primary);min-height:100vh;min-height:100dvh;overflow:hidden;line-height:1.5;overscroll-behavior:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.loading{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center}.loading-text{font-family:var(--font-ui);font-size:var(--font-size-small);color:var(--color-text-tertiary);animation:loadPulse 1.5s ease-in-out infinite}@keyframes loadPulse{0%,to{opacity:.4}50%{opacity:1}}.ambient-bg{position:fixed;inset:0;z-index:-1;background:var(--color-background);overflow:hidden}.ambient-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--color-accent-soft) 0%,transparent 50%);animation:ambientDrift 20s ease-in-out infinite}.ambient-bg:after{content:"";position:absolute;bottom:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 70%,var(--color-warm-rose-soft) 0%,transparent 45%);animation:ambientDrift 25s ease-in-out infinite reverse;opacity:.6}@keyframes ambientDrift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2%,2%) rotate(1deg)}50%{transform:translate(-1%,3%) rotate(-1deg)}75%{transform:translate(1%,-2%) rotate(.5deg)}}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;position:relative}.app-container{flex:1;display:flex;flex-direction:column;position:relative;max-width:var(--max-width);margin:0 auto;width:100%;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5);background:var(--color-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--color-glass-border)}.header-logo{display:flex;align-items:center;gap:var(--space-3)}.header-logo-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-warm-rose) 100%);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.header-logo-icon svg{width:18px;height:18px;color:#fff}.header-logo-text{font-family:var(--font-ui);font-size:var(--font-size-large);font-weight:600;letter-spacing:-.02em}.header-actions{display:flex;gap:var(--space-2)}.header-btn{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out);position:relative}.header-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--color-accent-soft);opacity:0;transition:opacity var(--duration-fast)}.header-btn:hover:before,.header-btn:active:before{opacity:1}.header-btn:active{transform:scale(.92)}.header-btn svg{width:22px;height:22px;color:var(--color-text-secondary);position:relative;z-index:1}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-top:var(--header-height);padding-bottom:calc(var(--safe-bottom) + var(--space-4));-webkit-overflow-scrolling:touch}.screen{padding:var(--space-6);max-width:var(--max-width);margin:0 auto;width:100%;animation:screenEnter var(--duration-normal) var(--ease-out)}@keyframes screenEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.screen-title{font-family:var(--font-verse);font-size:var(--font-size-display);font-weight:400;line-height:1.3;margin-bottom:var(--space-2)}.screen-subtitle{font-family:var(--font-ui);font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.6}.auth-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-6);text-align:center}.auth-logo{width:72px;height:72px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-warm-rose) 100%);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-lg)}.auth-logo svg{width:36px;height:36px;color:#fff}.auth-title{font-family:var(--font-verse);font-size:clamp(1.75rem,5vw,2.25rem);font-weight:400;margin-bottom:var(--space-3)}.auth-subtitle{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:320px;line-height:1.6}.auth-form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:var(--space-4)}.auth-input{width:100%;padding:var(--space-4);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--duration-fast)}.auth-input:focus{border-color:var(--color-accent)}.auth-input::placeholder{color:var(--color-text-tertiary)}.auth-btn-primary{width:100%;padding:var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:all var(--duration-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-btn-primary:hover{background:var(--color-accent-hover)}.auth-btn-primary:active{transform:scale(.98)}.auth-btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-btn-primary svg{width:20px;height:20px;flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-divider)}.auth-btn-google{width:100%;padding:var(--space-4);background:var(--color-surface);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:all var(--duration-fast)}.auth-btn-google:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.auth-btn-google svg{width:20px;height:20px}.auth-magic-sent{text-align:center;padding:var(--space-8) 0}.auth-magic-icon{font-size:3rem;margin-bottom:var(--space-4)}.auth-magic-text{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.6}.auth-error{color:var(--color-error);font-size:var(--font-size-xs);text-align:center;padding:var(--space-2)}.home-greeting{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}.home-cards{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.home-card{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-glass-border);position:relative;overflow:hidden;cursor:pointer;transition:transform var(--duration-fast),box-shadow var(--duration-fast)}.home-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.home-card:active{transform:scale(.98)}.home-card-accent{position:absolute;top:0;left:var(--space-6);right:var(--space-6);height:3px;border-radius:0 0 var(--radius-full) var(--radius-full)}.home-card-accent.teal{background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.home-card-accent.rose{background:linear-gradient(90deg,transparent,var(--color-warm-rose),transparent)}.home-card-accent.gold{background:linear-gradient(90deg,transparent,var(--color-dawn-gold),transparent)}.home-card-icon{font-size:1.5rem;margin-bottom:var(--space-3)}.home-card-title{font-family:var(--font-verse);font-size:1.25rem;font-weight:400;margin-bottom:var(--space-2)}.home-card-desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5}.home-card-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-accent-soft);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;color:var(--color-accent);margin-top:var(--space-3)}.partner-section{margin-bottom:var(--space-8)}.partner-section-title{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.partner-code-display{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--color-glass-border)}.partner-code{font-family:var(--font-ui);font-size:2rem;font-weight:700;letter-spacing:.3em;color:var(--color-accent);margin-bottom:var(--space-4)}.partner-code-actions{display:flex;gap:var(--space-3);justify-content:center}.partner-code-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;display:flex;align-items:center;gap:var(--space-2);background:var(--color-accent-soft);color:var(--color-accent);transition:all var(--duration-fast)}.partner-code-btn:active{transform:scale(.95)}.partner-code-btn svg{width:14px;height:14px}.partner-input-group{display:flex;gap:var(--space-3)}.partner-input{flex:1;padding:var(--space-4);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:1.25rem;font-weight:600;letter-spacing:.2em;text-align:center;text-transform:uppercase;background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--duration-fast)}.partner-input:focus{border-color:var(--color-accent)}.partner-submit-btn{padding:var(--space-4) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-weight:600;white-space:nowrap;transition:all var(--duration-fast)}.partner-submit-btn:hover{background:var(--color-accent-hover)}.partner-submit-btn:disabled{opacity:.5;cursor:not-allowed}.partner-connected{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--color-glass-border)}.partner-connected-icon{font-size:2rem;margin-bottom:var(--space-3)}.partner-connected-name{font-family:var(--font-verse);font-size:1.25rem;margin-bottom:var(--space-1)}.partner-connected-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.partner-disconnect-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-divider);background:transparent;transition:all var(--duration-fast);margin-top:var(--space-4)}.partner-disconnect-btn:hover{border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.book-list{display:flex;flex-direction:column;gap:var(--space-4)}.book-card{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-glass-border);cursor:pointer;transition:all var(--duration-fast);position:relative;overflow:hidden}.book-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.book-card.active{border-color:var(--color-accent)}.book-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}.book-card-title{font-family:var(--font-verse);font-size:1.375rem;font-weight:400}.book-card-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.book-card-badge.progress{background:var(--color-accent-soft);color:var(--color-accent)}.book-card-badge.completed{background:#4ecdc426;color:var(--color-success)}.book-card-desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.book-card-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.book-card-progress-bar{margin-top:var(--space-3);height:4px;background:var(--color-background-alt);border-radius:var(--radius-full);overflow:hidden}.book-card-progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .5s var(--ease-out)}.reading-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.reading-back{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft)}.reading-back svg{width:18px;height:18px;color:var(--color-accent)}.reading-meta{flex:1}.reading-book{font-size:var(--font-size-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.reading-ref{font-family:var(--font-verse);font-size:1.125rem;color:var(--color-text-primary)}.reading-passage-title{font-family:var(--font-verse);font-size:var(--font-size-display);font-weight:400;line-height:1.3;margin-bottom:var(--space-6);color:var(--color-text-primary)}.reading-body{padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-glass-border);position:relative;margin-bottom:var(--space-6)}.reading-body:before{content:"";position:absolute;top:0;left:var(--space-8);right:var(--space-8);height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);border-radius:var(--radius-full);opacity:.5}.reading-text{font-family:var(--font-verse);font-size:var(--font-size-verse);line-height:var(--line-height-verse);color:var(--color-text-primary)}.reading-verse{font-family:var(--font-verse);font-size:var(--font-size-verse);line-height:var(--line-height-verse);color:var(--color-text-primary);margin-bottom:var(--space-2)}.reading-verse:last-child{margin-bottom:0}.verse-num{font-family:var(--font-ui);font-size:.55em;font-weight:700;color:var(--color-accent);vertical-align:super;margin-right:2px;opacity:.6}.notes-section{margin-top:var(--space-6)}.notes-section-title{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.notes-prompt{font-size:var(--font-size-small);color:var(--color-text-tertiary);line-height:1.6;margin-bottom:var(--space-4);font-style:italic}.notes-textarea{width:100%;min-height:150px;padding:var(--space-4);border:1.5px solid var(--color-divider);border-radius:var(--radius-lg);font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.6;background:var(--color-surface);color:var(--color-text-primary);outline:none;resize:vertical;transition:border-color var(--duration-fast)}.notes-textarea:focus{border-color:var(--color-accent)}.notes-textarea::placeholder{color:var(--color-text-tertiary)}.notes-submit-btn{width:100%;padding:var(--space-4);margin-top:var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;transition:all var(--duration-fast)}.notes-submit-btn:hover{background:var(--color-accent-hover)}.notes-submit-btn:disabled{opacity:.5;cursor:not-allowed}.notes-waiting{text-align:center;padding:var(--space-8)}.notes-waiting-icon{font-size:2.5rem;margin-bottom:var(--space-4);animation:gentlePulse 2.5s ease-in-out infinite}@keyframes gentlePulse{0%,to{opacity:1}50%{opacity:.5}}.notes-waiting-text{font-size:var(--font-size-small);color:var(--color-text-secondary)}.notes-reveal{display:flex;flex-direction:column;gap:var(--space-6)}.notes-card{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-glass-border)}.notes-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.notes-card-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-accent-soft);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent)}.notes-card-avatar.partner{background:var(--color-warm-rose-soft);color:var(--color-warm-rose)}.notes-card-name{font-size:var(--font-size-small);font-weight:600}.notes-card-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notes-card-content{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.7}.prayer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.prayer-add-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--duration-fast)}.prayer-add-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.prayer-add-btn svg{width:22px;height:22px}.prayer-list{display:flex;flex-direction:column;gap:var(--space-3)}.prayer-item{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-glass-border);cursor:pointer;transition:all var(--duration-fast)}.prayer-item:active{transform:scale(.98)}.prayer-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.prayer-item-title{font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:600;flex:1}.prayer-status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;white-space:nowrap}.prayer-status-badge.actively_praying{background:var(--color-accent-soft);color:var(--color-accent)}.prayer-status-badge.on_our_mind{background:#7c8a8a1f;color:var(--color-text-secondary)}.prayer-status-badge.god_did_it{background:#c8b06a26;color:var(--color-dawn-gold)}.prayer-status-badge.not_for_now{background:#a5b5b51f;color:var(--color-text-tertiary)}.prayer-item-desc{font-size:var(--font-size-small);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-2)}.prayer-item-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex;gap:var(--space-3)}.prayer-empty{text-align:center;padding:var(--space-12) var(--space-6)}.prayer-empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.prayer-empty-text{font-size:var(--font-size-small);color:var(--color-text-tertiary)}.panel-overlay{position:fixed;inset:0;background:#0006;z-index:300;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.panel-overlay.active{opacity:1;pointer-events:auto}.panel{position:fixed;bottom:0;left:0;right:0;max-height:85vh;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-4) var(--space-6) calc(var(--space-6) + var(--safe-bottom));transform:translateY(100%);transition:transform var(--duration-normal) var(--ease-out);display:flex;flex-direction:column;overflow-y:auto}.panel-overlay.active .panel{transform:translateY(0)}.panel-handle{width:40px;height:4px;background:var(--color-divider);border-radius:var(--radius-full);margin:0 auto var(--space-4);flex-shrink:0}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-shrink:0}.panel-title{font-family:var(--font-verse);font-size:var(--font-size-large);font-weight:500}.panel-close{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-background-alt)}.panel-close svg{width:18px;height:18px;color:var(--color-text-secondary)}.panel-input{width:100%;padding:var(--space-4);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-base);background:var(--color-surface);color:var(--color-text-primary);outline:none;transition:border-color var(--duration-fast);margin-bottom:var(--space-3)}.panel-input:focus{border-color:var(--color-accent)}.panel-textarea{width:100%;min-height:100px;padding:var(--space-4);border:1.5px solid var(--color-divider);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.6;background:var(--color-surface);color:var(--color-text-primary);outline:none;resize:vertical;transition:border-color var(--duration-fast);margin-bottom:var(--space-3)}.panel-textarea:focus{border-color:var(--color-accent)}.panel-btn{width:100%;padding:var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;margin-top:var(--space-3);transition:all var(--duration-fast)}.panel-btn:hover{background:var(--color-accent-hover)}.status-options{display:flex;flex-direction:column;gap:var(--space-3)}.status-option{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--color-divider);cursor:pointer;transition:all var(--duration-fast)}.status-option:hover,.status-option.active{border-color:var(--color-accent);background:var(--color-accent-soft)}.status-option-emoji{font-size:1.25rem}.status-option-label{font-weight:500}.settings-section{margin-bottom:var(--space-8)}.settings-section-title{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.theme-options{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.theme-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1.5px solid transparent;transition:all var(--duration-fast)}.theme-btn.active{border-color:var(--color-accent);background:var(--color-accent-soft)}.theme-preview{width:32px;height:32px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);border:2px solid var(--color-divider)}.theme-preview[data-theme=light]{background:#f6f9f8}.theme-preview[data-theme=dark]{background:#0a1212}.theme-preview[data-theme=dawn]{background:#f8fafa}.theme-preview[data-theme=lavender]{background:#f7f6f9}.theme-preview[data-theme=rose]{background:#faf7f8}.theme-name{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.settings-user-info{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-background-alt);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.settings-user-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-accent-soft);display:flex;align-items:center;justify-content:center}.settings-user-avatar img{width:100%;height:100%;object-fit:cover}.settings-user-avatar svg{width:24px;height:24px;color:var(--color-accent)}.settings-user-name{font-weight:600;font-size:var(--font-size-base)}.settings-user-email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.settings-signout{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-divider);font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center;transition:all var(--duration-fast)}.settings-signout:hover{border-color:var(--color-error);color:var(--color-error)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4) calc(var(--space-2) + var(--safe-bottom));background:var(--color-glass);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--color-glass-border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) 0;border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:all var(--duration-fast);max-width:80px}.nav-item.active{color:var(--color-accent)}.nav-item svg{width:22px;height:22px}.nav-item-label{font-size:.625rem;font-weight:500;letter-spacing:.02em}.toast{position:fixed;bottom:calc(80px + var(--safe-bottom));left:50%;transform:translate(-50%);padding:var(--space-3) var(--space-6);background:var(--color-text-primary);color:var(--color-background);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500;box-shadow:var(--shadow-lg);z-index:500;animation:toastIn .3s var(--ease-out);white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.empty-state-text{font-size:var(--font-size-small);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.empty-state-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);margin-top:var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:500;transition:all var(--duration-fast)}.empty-state-cta:hover{background:var(--color-accent-hover)}.btn-secondary{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:500;color:var(--color-text-secondary);border:1px solid var(--color-divider);background:var(--color-surface);transition:all var(--duration-fast);white-space:nowrap}.btn-secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn-secondary:active{transform:scale(.97)}@media(max-width:640px){.header{padding:0 var(--space-4)}.screen{padding:var(--space-4)}}