@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";.material-symbols-outlined{text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;vertical-align:-4px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}:root{--color-primary:#2c3e7a;--color-primary-soft:#3d5280;--color-secondary:#27c2c9;--color-accent:#f5a623;--color-primary-container:#dde3ff;--color-secondary-container:#d0faff;--color-tertiary:#f0862a;--color-tertiary-container:#fff0dd;--color-on-primary:#fff;--color-on-primary-container:#001257;--color-surface-tonal:#eef0ff;--lyoon-amber:#f5a623;--lyoon-bg:#fff8ec;--lyoon-border:#f5d49a;--sheepy-lavender:#b39ddb;--sheepy-bg:#f5f0ff;--sheepy-border:#d4c4f0;--hiipo-lilac:#9fa8da;--hiipo-bg:#eef0ff;--hiipo-border:#c5caea;--eeglow-sky:#26c6da;--eeglow-bg:#e8fbfd;--eeglow-border:#a8e8ef;--nourish-color:#52b788;--nourish-bg:#eef8f2;--refresh-color:#27c2c9;--refresh-bg:#e8fbfd;--shine-color:#f5a623;--shine-bg:#fff8ec;--color-bg:#fdfaf6;--color-surface:#fff;--color-surface-2:#f5efe4;--color-surface-3:#ede8df;--color-text:#1c1b1f;--color-text-muted:#6b6560;--color-danger:#e63946;--color-success:#52b788;--color-border:#ede8df;--font-family:"Nunito", sans-serif;--font-size-display:32px;--font-size-h1:24px;--font-size-h2:20px;--font-size-body:15px;--font-size-caption:12px;--radius-xs:8px;--radius-sm:12px;--radius-card:20px;--radius-large:28px;--radius-btn:999px;--radius-input:14px;--shadow-0:none;--shadow-1:0 1px 3px #2c3e7a14, 0 1px 2px #2c3e7a0a;--shadow-2:0 3px 12px #2c3e7a1a, 0 1px 4px #2c3e7a0f;--shadow-3:0 6px 24px #2c3e7a24, 0 2px 8px #2c3e7a14;--shadow-4:0 12px 40px #2c3e7a2e, 0 4px 12px #2c3e7a1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--nav-height:64px;--topbar-height:56px;--tr-fast:.12s ease-in;--tr-normal:.22s ease-out;--tr-page:.3s ease-in-out;--transition-fast:.12s ease-in;--transition-normal:.22s ease-out}[data-theme=dark]{--color-primary:#7b93e0;--color-primary-soft:#5c75c8;--color-secondary:#4dd6dc;--color-accent:#f5b842;--color-primary-container:#1e2a54;--color-secondary-container:#0d2e30;--color-tertiary-container:#2e2010;--color-on-primary:#0b1133;--color-on-primary-container:#c0ccff;--color-surface-tonal:#1a1f38;--lyoon-bg:#211a06;--lyoon-border:#5a3f0a;--sheepy-bg:#1e1828;--sheepy-border:#4a3868;--hiipo-bg:#181b30;--hiipo-border:#3a4070;--eeglow-bg:#0c2424;--eeglow-border:#1e5c60;--nourish-bg:#0f2018;--refresh-bg:#0c2424;--shine-bg:#211a06;--color-bg:#0f1120;--color-surface:#161929;--color-surface-2:#1c2038;--color-surface-3:#242844;--color-text:#e8eaf0;--color-text-muted:#8890b0;--color-border:#252a45;--color-danger:#ff6b75;--color-success:#5ecd96;--shadow-1:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-2:0 3px 12px #0006, 0 1px 4px #00000040;--shadow-3:0 6px 24px #00000080, 0 2px 8px #0000004d;--shadow-4:0 12px 40px #0009, 0 4px 12px #00000059}body,.screen,.card,.btn,.input,.chip{transition:background-color .4s,color .4s,border-color .4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-body);background:var(--color-bg);color:var(--color-text);max-width:430px;min-height:100dvh;margin:0 auto;overflow-x:hidden}a{color:inherit;text-decoration:none}h1{font-size:var(--font-size-h1);font-weight:800;line-height:1.3}h2{font-size:var(--font-size-h2);font-weight:700;line-height:1.4}p{line-height:1.6}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-btn);padding:14px var(--space-6);transition:transform var(--tr-fast), box-shadow var(--tr-normal);white-space:nowrap;border:none;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;width:100%;box-shadow:0 4px 16px #2c3e7a47}.btn-primary:hover{background:var(--color-primary-soft)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0;width:100%}.btn-accent{background:var(--color-secondary);color:#fff;width:100%;box-shadow:0 4px 16px #27c2c947}.btn-icon{background:var(--color-surface);width:44px;height:44px;box-shadow:var(--shadow-1);cursor:pointer;color:var(--color-text);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:active{background:var(--color-surface-2);transform:scale(.93)}.send-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-1);border:1.5px solid var(--color-border)}.input{width:100%;padding:14px var(--space-4);font-family:var(--font-family);font-size:var(--font-size-body);background:var(--color-surface-2);color:var(--color-text);border:1.5px solid var(--color-border);border-radius:var(--radius-input);transition:border-color var(--tr-normal);outline:none}.input:focus{border-color:var(--color-secondary)}.chip{font-size:12px;font-weight:700;font-family:var(--font-family);background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--tr-fast);border-radius:999px;align-items:center;gap:4px;padding:5px 12px;display:inline-flex}.chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.progress-bar{background:var(--color-border);border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--color-secondary), var(--color-primary));border-radius:99px;height:100%;transition:width .5s}.skeleton{background:linear-gradient(90deg, var(--color-border) 25%, var(--color-surface-2) 50%, var(--color-border) 75%);border-radius:var(--radius-card);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{bottom:calc(var(--nav-height) + 16px);background:var(--color-primary);color:#fff;box-shadow:var(--shadow-3);opacity:0;z-index:999;white-space:nowrap;border-radius:99px;max-width:calc(100% - 32px);padding:10px 20px;font-size:13px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--tr-normal);background:#00000073;position:fixed;inset:0}.overlay.active{opacity:1;pointer-events:all}.offline-banner{background:var(--color-danger);color:#fff;text-align:center;padding:8px 16px;font-size:13px;font-weight:700;display:none}.offline .offline-banner{display:block}.bible-dl-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.bible-dl-card{background:var(--color-surface);border-radius:var(--radius-card);text-align:center;box-shadow:var(--shadow-3);width:100%;max-width:360px;padding:40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.companion-float{animation:3s ease-in-out infinite float}.companion-float-slow{animation:4s ease-in-out infinite float-slow}.companion-pulse{animation:2s ease-in-out infinite pulse-glow}.rhythm-badge{border-radius:var(--radius-sm);transition:all var(--tr-normal);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 12px;display:flex}.rhythm-badge.nourish{background:var(--nourish-bg);border:1.5px solid #b7e4c7}.rhythm-badge.refresh{background:var(--refresh-bg);border:1.5px solid var(--eeglow-border)}.rhythm-badge.shine{background:var(--shine-bg);border:1.5px solid var(--lyoon-border)}.rhythm-badge.done{opacity:.7}.rhythm-badge.done .rhythm-icon:after{content:"✓";background:var(--color-success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px}.rhythm-icon{font-size:28px;position:relative}.rhythm-label{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.rhythm-badge.nourish .rhythm-label{color:var(--nourish-color)}.rhythm-badge.refresh .rhythm-label{color:var(--refresh-color)}.rhythm-badge.shine .rhythm-label{color:var(--shine-color)}.companion-choice{border-radius:var(--radius-card);background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px 12px;transition:all .2s;display:flex}.companion-choice:active{transform:scale(.97)}.companion-choice.selected{border-color:var(--color-secondary);background:#e8fbfd;box-shadow:0 0 0 3px #27c2c92e}.companion-choice img{object-fit:contain;width:80px;height:80px}.companion-choice .comp-name{font-size:14px;font-weight:800}.companion-choice .comp-disc{color:var(--color-text-muted);font-size:11px;font-weight:600}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary);background:var(--refresh-bg);border:1.5px solid var(--eeglow-border);border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-caption)}.font-bold{font-weight:700}.font-black{font-weight:900}.w-full{width:100%}.text-center{text-align:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.p-4{padding:16px}.px-4{padding:0 16px}.cursor-pointer{cursor:pointer}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.bottom-nav{width:100%;max-width:430px;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#ffffffd9;border-top:1px solid #0000000d;align-items:stretch;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{cursor:pointer;color:var(--color-text-muted);font-family:var(--font-family);transition:all var(--transition-normal);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:11px;font-weight:700;text-decoration:none;display:flex;position:relative}.nav-icon-wrapper{width:64px;height:32px;transition:background-color var(--transition-normal);border-radius:16px;justify-content:center;align-items:center;display:flex;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.active .nav-icon-wrapper{background-color:var(--color-primary-container)}.nav-item .nav-icon{transition:transform var(--transition-fast);font-size:24px;line-height:1}.nav-item:active .nav-icon{transform:scale(.85)}.top-bar{height:var(--topbar-height);background:var(--color-bg);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:40;border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.top-bar .title{color:var(--color-primary);letter-spacing:-.5px;flex:1;font-size:20px;font-weight:800}.top-bar .back-btn{cursor:pointer;background:var(--color-surface-tonal);width:40px;height:40px;color:var(--color-primary);transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.top-bar .back-btn:active{background:var(--color-primary-container);transform:scale(.9)}.mini-player{bottom:var(--nav-height);width:100%;max-width:430px;height:var(--mini-player-height);background:var(--color-surface);border-top:1px solid var(--color-border);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:49;display:none;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 -2px 12px #00000014}.mini-player.visible{display:flex}.mini-player .track-info{flex:1;overflow:hidden}.mini-player .track-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.mini-player .track-sub{color:var(--color-text-muted);font-size:11px}.mini-player .play-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex}.mini-player .progress-bar{height:2px;margin:0}.screen{min-height:100dvh;padding-bottom:calc(var(--nav-height) + 8px);flex-direction:column;display:none;position:relative}.screen.active{display:flex}.page-content{padding:var(--space-4);flex:1;overflow-y:auto}.bible-status-bar{align-items:center;gap:var(--space-2);padding:10px var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px;font-weight:600;display:flex}.testament-tabs{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:12px;gap:0;padding:4px;display:flex}.testament-tab{padding:8px var(--space-3);font-family:var(--font-family);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-normal);background:0 0;border:none;border-radius:10px;flex:1;font-size:13px;font-weight:700}.testament-tab.active{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-1)}.chapter-grid{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.chapter-btn{aspect-ratio:1;border:1.5px solid var(--color-border);background:var(--color-surface);font-family:var(--font-family);cursor:pointer;color:var(--color-text);transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.chapter-btn:active,.chapter-btn.read{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.chapter-nav-bar{padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-2) + var(--nav-height));background:var(--color-bg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.screen-onboarding{padding-bottom:0}.splash-content{justify-content:center;align-items:center;gap:var(--space-3);background:linear-gradient(160deg, var(--color-primary), var(--color-accent));color:#fff;flex-direction:column;flex:1;min-height:100dvh;display:flex}.splash-logo{font-size:80px;animation:.6s cubic-bezier(.34,1.56,.64,1) bouncein}.splash-title{letter-spacing:-1px;font-size:48px;font-weight:800}.splash-tagline{opacity:.9;font-size:18px}@keyframes bouncein{0%{opacity:0;transform:scale(0)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.onboarding-hero{padding:var(--space-8) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;display:flex}.hero-illustration{font-size:80px;animation:3s ease-in-out infinite float}.companion-fade-cycle{object-fit:contain;opacity:0;filter:drop-shadow(0 4px 12px #00000026);width:200px;height:200px;margin-top:-100px;margin-left:-100px;animation:12s infinite fadeCycle;position:absolute;top:50%;left:50%}@keyframes fadeCycle{0%{opacity:0;transform:scale(.9)translateY(10px)}4%{opacity:1;transform:scale(1)translateY(0)}21%{opacity:1;transform:scale(1)translateY(0)}25%{opacity:0;transform:scale(1.1)translateY(-10px)}to{opacity:0;transform:scale(1.1)translateY(-10px)}}.onboarding-actions{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.age-cards{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.age-card{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;font-family:var(--font-family);flex-direction:column;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex}.age-card:hover,.age-card.selected{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 0 0 3px #27c2c92e}.age-icon{font-size:48px}.age-label{color:var(--color-text);font-size:18px;font-weight:800}.companion-select-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.home-greeting-card{align-items:center;gap:var(--space-4);background:linear-gradient(135deg, var(--color-primary), #3d5280);border-radius:var(--radius-card);padding:20px var(--space-5);color:#fff;box-shadow:var(--shadow-2);display:flex}.home-companion-img{object-fit:contain;filter:drop-shadow(0 4px 8px #00000040);flex-shrink:0;width:80px;height:80px}.home-greeting-text h2{font-size:18px;font-weight:900}.home-greeting-text p{opacity:.85;margin-top:4px;font-size:13px}.rhythm-row{gap:var(--space-2);display:flex}.streak-ring-wrap{align-items:center;gap:var(--space-4);background:var(--color-surface);border-radius:var(--radius-card);border:1.5px solid var(--color-border);padding:16px;display:flex}.streak-ring-info{flex:1}.streak-number{color:var(--color-primary);font-size:28px;font-weight:900}.streak-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.quiz-question-card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-4)}.quiz-question-text{margin-bottom:var(--space-4);font-size:18px;font-weight:700}.quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-3);padding:14px var(--space-4);background:var(--color-surface-2);border:1.5px solid var(--color-border);cursor:pointer;font-family:var(--font-family);color:var(--color-text);text-align:left;transition:all var(--transition-normal);border-radius:12px;font-size:15px;display:flex}.quiz-option:active,.quiz-option.selected{border-color:var(--color-primary);background:#f4a2611a}.pet-choices{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.pet-choice{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;display:flex}.pet-choice:hover,.pet-choice.selected{border-color:var(--color-primary);box-shadow:var(--shadow-2);transform:scale(1.05)}.pet-choice .pet-emoji{font-size:48px;animation:3s ease-in-out infinite float}.pet-choice .pet-name{font-size:13px;font-weight:700}.signin-illustration{text-align:center;margin-bottom:var(--space-4);font-size:80px}.btn-google{color:#333;border:1.5px solid var(--color-border);box-shadow:var(--shadow-1);background:#fff;width:100%}.btn-google:active{transform:scale(.97)}.result-badge{margin-bottom:var(--space-4);font-size:80px;animation:.5s cubic-bezier(.34,1.56,.64,1) bouncein}.result-tags{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.home-topbar{padding:14px var(--space-4) 10px;background:var(--color-bg);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.home-topbar-left{flex-direction:column;gap:1px;display:flex}.home-topbar-greeting{color:var(--color-text-muted);font-size:12px;font-weight:600}.home-topbar-name{color:var(--color-text);font-size:22px;font-weight:900;line-height:1.2}.home-topbar-right{align-items:center;gap:10px;display:flex}.xp-pill{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f5a623,#f0862a);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;box-shadow:0 2px 10px #f5a62366}.btn-avatar{background:var(--color-surface);border:2px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-primary);box-shadow:var(--shadow-1);transition:transform var(--tr-fast), box-shadow var(--tr-normal);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-avatar:active{box-shadow:none;transform:scale(.92)}.home-feed{padding-top:var(--space-2);gap:0}.home-hero-card{margin:0 var(--space-4) var(--space-4);border-radius:var(--radius-large);color:#fff;background:linear-gradient(145deg,#1a2856 0%,#2c3e7a 55%,#3d5280 100%);flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #2c3e7a59}.hero-orb{pointer-events:none;background:#ffffff0f;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-30px}.hero-momentum-strip{padding:12px var(--space-4) 10px;border-bottom:1px solid #ffffff1a;justify-content:space-around;align-items:center;display:flex}.hero-momentum-item{flex-direction:column;align-items:center;gap:1px;display:flex}.hero-momentum-emoji{font-size:16px}.hero-momentum-val{color:#fff;font-size:20px;font-weight:900;line-height:1.1}.hero-momentum-lbl{text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:9px;font-weight:700}.hero-momentum-sep{background:#ffffff26;width:1px;height:28px}.hero-greeting-row{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.hero-companion-col{flex-shrink:0}.hero-companion-img{object-fit:contain;filter:drop-shadow(0 6px 18px #00000059);width:88px;height:88px}.hero-body-col{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hero-progress-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#ffffffeb;background:#ffffff2e;border-radius:999px;align-items:center;gap:3px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.hero-greeting{color:#fff;font-size:16px;font-weight:800;line-height:1.3}.hero-sub{opacity:.78;font-size:12px;line-height:1.4}.hero-rhythm-grid{padding:0 var(--space-4) var(--space-3);grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hero-rhythm-col{cursor:pointer;transition:transform var(--tr-fast), opacity var(--tr-normal);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;display:flex}.hero-rhythm-col.nourish{background:#52b7882e}.hero-rhythm-col.refresh{background:#27c2c92e}.hero-rhythm-col.shine{background:#f5a6232e}.hero-rhythm-col:active{transform:scale(.95)}.hero-rhythm-col.done{opacity:.5}.hero-rhythm-col.done .hero-rhythm-xp{color:#8fffb0;background:#52b7884d}.hero-rhythm-emoji{font-size:24px}.hero-rhythm-name{color:#fff;font-size:12px;font-weight:800}.hero-rhythm-desc{opacity:.65;font-size:10px}.hero-rhythm-xp{color:#ffffffd9;background:#ffffff1f;border-radius:999px;margin-top:2px;padding:2px 8px;font-size:10px;font-weight:800}.hero-challenge-strip{padding:10px var(--space-4) 14px;border-top:1px solid #ffffff1a}.hero-challenge-empty{color:#fff9;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.hero-challenge-btn{color:#fff;cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-family);transition:background var(--tr-fast);white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;margin-left:auto;padding:4px 12px}.hero-challenge-btn:active{background:#ffffff40}.hero-challenge-active{color:#ffffffd9;align-items:center;gap:10px;font-size:12px;display:flex}.hero-challenge-active .challenge-name{color:#fff;font-size:13px;font-weight:800}.hero-challenge-active .challenge-progress-bar{background:#ffffff26;border-radius:3px;flex:1;height:5px;overflow:hidden}.hero-challenge-active .challenge-progress-fill{background:linear-gradient(90deg,#f5a623,#f0862a);border-radius:3px;height:100%;transition:width .5s}.assessment-banner{margin:0 var(--space-4) var(--space-4);background:var(--color-surface-tonal);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;animation:.6s ease-out slideInUp;display:flex}.momentum-strip{margin:0 var(--space-4) var(--space-4);background:var(--color-surface);border-radius:var(--radius-card);border:1.5px solid var(--color-border);padding:12px var(--space-4);box-shadow:var(--shadow-1);justify-content:space-around;align-items:center;display:flex}.momentum-item{align-items:center;gap:10px;display:flex}.momentum-emoji{flex-shrink:0;font-size:20px}.momentum-val{color:var(--color-primary);font-size:22px;font-weight:900;line-height:1}.momentum-lbl{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1px;font-size:10px;font-weight:700}.momentum-sep{background:var(--color-border);width:1px;height:32px}.home-section{padding:0 var(--space-4);margin-bottom:var(--space-4)}.home-section-hdr{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.home-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);font-size:11px;font-weight:800}.section-see-all{cursor:pointer;font-family:var(--font-family);color:var(--color-text-muted);background:0 0;border:none;padding:0;font-size:12px;font-weight:700}.rhythm-cards-stack{gap:var(--space-2);flex-direction:column;display:flex}.rhythm-card-v2{align-items:center;gap:var(--space-3);padding:12px var(--space-4);cursor:pointer;transition:transform var(--tr-normal), box-shadow var(--tr-normal);border:1.5px solid #0000;border-radius:16px;display:flex}.rhythm-card-v2.nourish{background:var(--nourish-bg);border-color:#b7e4c7}.rhythm-card-v2.refresh{background:var(--refresh-bg);border-color:var(--eeglow-border)}.rhythm-card-v2.shine{background:var(--shine-bg);border-color:var(--lyoon-border)}.rhythm-card-v2:active{box-shadow:none;transform:scale(.98)}.rhythm-card-v2.done{opacity:.65}.rc-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rc-icon-wrap.nourish{background:#52b78826}.rc-icon-wrap.refresh{background:#27c2c926}.rc-icon-wrap.shine{background:#f5a62326}.rc-emoji{font-size:22px}.rc-body{flex:1;min-width:0}.rc-name{color:var(--color-text);font-size:14px;font-weight:800}.rc-desc{color:var(--color-text-muted);margin-top:2px;font-size:11px}.rc-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.rc-xp-chip{color:var(--color-accent);white-space:nowrap;background:#f5a6231f;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800}.rc-arrow{color:var(--color-text-muted);font-size:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verse-card-v2{background:linear-gradient(135deg, var(--color-primary) 0%, #1a2856 100%);border-radius:var(--radius-large);padding:var(--space-5);color:#fff;box-shadow:var(--shadow-3);position:relative;overflow:hidden}.verse-card-v2:before{content:"\"";color:#ffffff12;font-family:serif;font-size:120px;font-weight:900;line-height:1;position:absolute;top:-10px;left:10px}.verse-ref-v2{letter-spacing:.08em;opacity:.7;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800}.verse-text-v2{margin-bottom:var(--space-4);font-size:15px;font-style:italic;line-height:1.7}.verse-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.verse-action-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-family);transition:background var(--tr-fast);background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:4px;padding:5px 12px;display:inline-flex}.verse-action-btn:active{background:#ffffff40}.card-devotion{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-large);padding:var(--space-4);box-shadow:var(--shadow-1);transition:transform var(--tr-fast), box-shadow var(--tr-normal);animation:.6s ease-out fadeIn}.card-devotion:active{box-shadow:none;transform:scale(.98)}.devotion-card-content{gap:var(--space-3);display:flex}.devotion-icon{width:44px;height:44px;color:var(--refresh-color);background:linear-gradient(135deg,#27c2c926,#52b78826);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.devotion-body{flex:1;min-width:0}.devotion-target{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:9px;font-weight:800}.devotion-title{color:var(--color-text);font-size:15px;font-weight:800;line-height:1.3}.devotion-verse-ref{color:var(--color-primary);margin-bottom:4px;font-size:11px;font-weight:700}.devotion-excerpt{color:var(--color-text-muted);font-size:13px;font-style:italic;line-height:1.5}.discovery-card{margin:0 var(--space-4);border:1.5px solid var(--eeglow-border);border-radius:var(--radius-large);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);background:linear-gradient(135deg,#e8fbfd,#d0faff);display:flex}.discovery-title{color:var(--refresh-color);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:11px;font-weight:800}.discovery-text{color:var(--color-text);font-size:13px;line-height:1.6}.fab{bottom:calc(var(--nav-height) + 16px);background:var(--color-primary);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-3);transition:transform var(--transition-fast);z-index:30;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:calc(min(50vw,215px) - 72px);font-size:24px;display:flex;position:fixed;left:50%}.fab:active{transform:scale(.92)}.book-grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.book-item{background:var(--color-surface);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-2);text-align:center;cursor:pointer;border:1px solid var(--color-border);transition:all var(--transition-fast);color:var(--color-text);box-shadow:var(--shadow-1);font-size:13px;font-weight:800}.book-item:active{background:var(--color-primary-container);border-color:var(--color-primary);transform:scale(.96)}.book-item .book-abbr{color:var(--color-primary);margin-bottom:2px;font-size:18px;font-weight:900;display:block}.verse-row{gap:var(--space-4);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid #0000000d;padding:12px 0;display:flex}.verse-row:active,.verse-row.selected{background:var(--color-primary-container);border-radius:var(--radius-sm);margin:0 -12px;padding-left:12px}.verse-num{color:var(--color-primary);opacity:.6;flex-shrink:0;min-width:24px;font-size:14px;font-weight:900}.verse-text{color:var(--color-text);flex:1;font-size:16px;line-height:1.7}.action-sheet{background:var(--color-surface);width:100%;max-width:430px;padding:var(--space-6) var(--space-4);z-index:200;box-shadow:var(--shadow-3);border-radius:24px 24px 0 0;transition:bottom .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:-100%;left:50%;transform:translate(-50%)}.action-sheet.open{bottom:0}.action-sheet-handle{background:var(--color-border);width:40px;height:4px;margin:0 auto var(--space-4);border-radius:2px}.action-sheet-actions{justify-content:space-around;display:flex}.action-btn{cursor:pointer;font-family:var(--font-family);color:var(--color-text);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:11px;display:flex}.action-btn .action-icon{font-size:28px}.audio-cover{margin:var(--space-8) 0 var(--space-4);font-size:100px}.audio-controls{justify-content:center;align-items:center;gap:var(--space-5);display:flex}.audio-play-btn{background:var(--color-primary);cursor:pointer;color:#fff;width:72px;height:72px;transition:transform var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;box-shadow:0 6px 20px #f4a26166}.audio-play-btn:active{transform:scale(.93)}.audio-progress-wrap{padding:0 var(--space-4)}.screen-chat{flex-direction:column;height:100dvh;padding-bottom:0;display:none}.screen-chat.active{display:flex}.chat-messages{padding:var(--space-4);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{gap:var(--space-3);align-items:flex-end;display:flex}.chat-bubble.user{flex-direction:row-reverse}.bubble-avatar{background:var(--color-surface-tonal);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;display:flex}.bubble-content{background:var(--color-surface);max-width:80%;box-shadow:var(--shadow-1);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px;padding:14px 18px;font-size:15px;line-height:1.6}.chat-bubble.user .bubble-content{background:var(--color-primary);color:#fff;border:none;border-radius:20px 20px 4px;box-shadow:0 4px 12px #2c3e7a33}.chat-bubble.ai .bubble-content{background:var(--color-surface-tonal);border:none;border-radius:20px 20px 20px 4px}.typing-indicator .bubble-content{align-items:center;gap:4px;padding:14px 18px;display:flex}.typing-dot{background:var(--color-primary);opacity:.6;border-radius:50%;width:6px;height:6px;animation:1.2s infinite typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.quick-prompts{gap:var(--space-2);padding:var(--space-2) var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.quick-prompts::-webkit-scrollbar{display:none}.quick-prompts .chip{cursor:pointer;flex-shrink:0}.quick-prompts .chip:active{background:var(--color-primary);color:#fff}.chat-offline-notice{background:var(--color-surface-2);color:var(--color-danger);text-align:center;padding:var(--space-2) var(--space-4);font-size:13px;font-weight:600}.chat-input-bar{gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex}.chat-input-bar .input{flex:1}.challenge-card-item{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-1);cursor:pointer;transition:transform var(--transition-fast)}.challenge-card-item:active{transform:scale(.98)}.challenge-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.challenge-icon{font-size:32px}.challenge-title{font-weight:700}.challenge-days{color:var(--color-text-muted);font-size:12px}.profile-header{align-items:center;gap:var(--space-5);padding:var(--space-4) 0;display:flex}.profile-avatar{background:var(--color-surface-tonal);width:80px;height:80px;box-shadow:var(--shadow-2);border-radius:24px;justify-content:center;align-items:center;font-size:64px;display:flex}.stats-grid{gap:var(--space-3);margin:var(--space-4) 0;grid-template-columns:repeat(3,1fr);display:grid}.stat-card{text-align:center;background:var(--color-surface);padding:var(--space-4) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border);box-shadow:var(--shadow-1)}.stat-value{color:var(--color-primary);font-size:24px;font-weight:900;display:block}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:11px;font-weight:700}.profile-links{gap:var(--space-2);flex-direction:column;display:flex}.profile-link-item{padding:18px var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);color:var(--color-text);cursor:pointer;text-align:left;align-items:center;gap:var(--space-4);transition:all var(--transition-fast);box-shadow:var(--shadow-1);font-size:15px;font-weight:700;display:flex}.profile-link-item:active{background:var(--color-primary-container);border-color:var(--color-primary);box-shadow:none;transform:scale(.98)}.profile-link-icon{background:var(--color-surface-tonal);width:40px;height:40px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.devotion-section{margin-bottom:var(--space-6)}.devotion-section-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);margin-bottom:var(--space-2);font-size:11px;font-weight:800}.devotion-verse-main{padding:var(--space-4);background:var(--color-surface-2);border-left:4px solid var(--color-primary);border-radius:0 12px 12px 0;font-size:20px;font-style:italic;font-weight:700;line-height:1.6}.devotion-quote{color:var(--color-text-muted);text-align:center;padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface-2);font-size:16px;font-style:italic}.devotion-footer{padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--nav-height));background:var(--color-bg);border-top:1px solid var(--color-border)}.screen-completion .page-content{flex:1;justify-content:center;align-items:center}.completion-icon{font-size:90px;animation:.6s cubic-bezier(.34,1.56,.64,1) bouncein}.xp-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:var(--shadow-2);border-radius:999px;padding:12px 32px;font-size:28px;font-weight:800}.settings-group-title{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:12px;font-weight:800}.settings-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle{flex-shrink:0;width:48px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-border);cursor:pointer;border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(22px)}@media (width>=390px){.book-grid{grid-template-columns:repeat(4,1fr)}}.search-bar-wrap{padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:56px}.search-input-wrap{position:relative}.search-icon-inline{color:var(--color-text-muted);pointer-events:none;font-size:20px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{width:100%;padding-left:44px!important}.search-result-item{padding:12px var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.search-result-item:active{background:var(--color-surface-2)}.search-result-ref{color:var(--color-primary);margin-bottom:4px;font-size:12px;font-weight:700}.search-result-text{color:var(--color-text);font-size:14px;line-height:1.5}.search-result-text mark{color:var(--color-text);background:#f4a26159;border-radius:2px;padding:0 2px}.pt-0{padding-top:0!important}.verse-row.verse-selected{border-left:3px solid var(--color-primary);background:#f4a2611f;border-radius:8px;padding-left:8px}.verse-toolbar{z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:8px var(--space-4);align-items:center;gap:var(--space-2);animation:.2s slideDown;display:flex;position:sticky;top:56px;box-shadow:0 2px 8px #00000014}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.verse-toolbar-count{color:var(--color-primary);flex:1;font-size:13px;font-weight:700}.verse-toolbar-btn{cursor:pointer;color:var(--color-text);transition:background var(--transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px;display:flex}.verse-toolbar-btn:active{background:var(--color-surface-2)}.verse-toolbar-close{background:var(--color-surface-2);cursor:pointer;color:var(--color-text-muted);border:none;border-radius:50%;align-items:center;margin-left:auto;padding:4px;display:flex}.verse-row.hl-yellow{background:#ffec9973;border-left:3px solid #f5c400;padding-left:8px}.verse-row.hl-green{background:#a7f0a773;border-left:3px solid #22c55e;padding-left:8px}.verse-row.hl-pink{background:#ffb6c173;border-left:3px solid #ec4899;padding-left:8px}.verse-row.hl-blue{background:#bae6fd73;border-left:3px solid #3b82f6;padding-left:8px}.verse-row.hl-purple{background:#d8b4fe73;border-left:3px solid #a855f7;padding-left:8px}.verse-note-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;align-self:flex-start;width:7px;height:7px;margin-top:7px}.highlight-colors{gap:var(--space-3);padding:var(--space-2) 0 var(--space-4);justify-content:center;display:flex}.hl-color-btn{cursor:pointer;width:44px;height:44px;transition:transform var(--transition-fast), border-color var(--transition-fast);border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.hl-color-btn:active{transform:scale(.9)}.hl-color-btn[data-color=yellow]{background:#fde047}.hl-color-btn[data-color=green]{background:#86efac}.hl-color-btn[data-color=pink]{background:#f9a8d4}.hl-color-btn[data-color=blue]{background:#93c5fd}.hl-color-btn[data-color=purple]{background:#d8b4fe}.hl-color-btn.hl-clear{background:var(--color-surface-2);border:1.5px solid var(--color-border)}.note-sheet{padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.note-textarea{width:100%;min-height:140px;font-family:var(--font-family);border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text);resize:vertical;transition:border-color var(--transition-fast);border-radius:12px;outline:none;padding:14px;font-size:15px;line-height:1.7}.note-textarea:focus{border-color:var(--color-primary)}.ml-auto{margin-left:auto}.verse-row.audio-active{background:var(--color-primary);color:#fff;border-left:3px solid var(--color-accent);border-radius:8px;padding-left:8px;animation:.3s audioActivePulse;box-shadow:0 2px 12px #f4a26159}.verse-row.audio-active .verse-num{color:#ffffffbf}.verse-row.audio-active .verse-text{color:#fff}@keyframes audioActivePulse{0%{opacity:.5;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.verse-row.audio-active.hl-yellow,.verse-row.audio-active.hl-green,.verse-row.audio-active.hl-pink,.verse-row.audio-active.hl-blue,.verse-row.audio-active.hl-purple{background:var(--color-primary);color:#fff}.empty-card-inner{color:var(--color-text-muted);align-items:center;gap:12px;display:flex}.empty-card-inner .font-bold{color:var(--color-text)}.summary-card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-1);border:1px solid var(--color-border)}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid #0000000d;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon-wrap{background:var(--color-surface-tonal);width:44px;height:44px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-body{flex:1;min-width:0}.activity-title{color:var(--color-text);font-size:14px;font-weight:800}.activity-time{color:var(--color-text-muted);margin-top:2px;font-size:12px}.badge-grid-premium{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.badge-card-premium{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--space-5) var(--space-3);text-align:center;border:1.5px solid var(--color-border);transition:all var(--transition-fast);box-shadow:var(--shadow-1)}.badge-card-premium.earned{border-color:var(--color-accent);box-shadow:var(--shadow-2);background:linear-gradient(135deg,#fff,#fff9f0)}.badge-card-premium.locked{opacity:.5;filter:grayscale()}.badge-emoji-large{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:12px;font-size:48px;display:block}.badge-name-premium{color:var(--color-text);font-size:14px;font-weight:900;line-height:1.2;display:block}.badge-desc-premium{color:var(--color-text-muted);margin-top:6px;font-size:11px;line-height:1.4;display:block}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.screen .page-content{animation:.4s cubic-bezier(.2,.8,.2,1) slideInUp}.poster-editor-wrapper{height:calc(100dvh - var(--top-bar-height));background:#0a0a0a;flex-direction:column;display:flex;overflow:hidden}.poster-canvas-container{flex:1;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:hidden}.poster-canvas-container canvas{touch-action:none;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 32px #0006}.poster-toolbar{background:#1a1a2e;border-top:1px solid #ffffff14;flex-shrink:0;gap:0;padding:0;display:flex}.poster-tool-tab{color:#ffffff80;cursor:pointer;font-size:11px;font-family:var(--font-family);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px 8px;transition:all .2s;display:flex}.poster-tool-tab .material-symbols-outlined{font-size:22px}.poster-tool-tab.active{color:var(--color-primary);background:#ffffff0d}.poster-tool-label{font-size:10px;font-weight:600}.poster-asset-panel{background:#16162a;border-top:1px solid #ffffff0f;flex-shrink:0;max-height:240px;padding:12px 16px;overflow-y:auto}.poster-panel-section{margin-bottom:16px}.poster-panel-title{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.poster-color-grid{flex-wrap:wrap;gap:8px;display:flex}.poster-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px;transition:all .2s}.poster-color-swatch:hover,.poster-color-swatch.active{border-color:var(--color-primary);transform:scale(1.15);box-shadow:0 0 8px #009ef766}.poster-bg-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.poster-bg-thumb{aspect-ratio:1;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;padding:0;transition:all .2s;overflow:hidden}.poster-bg-thumb img{object-fit:cover;width:100%;height:100%;display:block}.poster-bg-thumb:hover,.poster-bg-thumb.active{border-color:var(--color-primary);transform:scale(1.05)}.poster-textarea{color:#fff;width:100%;font-family:var(--font-family);resize:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;margin-bottom:8px;padding:10px 12px;font-size:14px}.poster-textarea:focus{border-color:var(--color-primary);outline:none}.poster-font-list{flex-direction:column;gap:4px;display:flex}.poster-font-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:14px;transition:all .2s}.poster-font-btn:hover,.poster-font-btn.active{border-color:var(--color-primary);background:#009ef726}.poster-range{width:100%;accent-color:var(--color-primary)}.poster-btn-sm{color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-family);background:#009ef726;border:1px solid #009ef74d;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;transition:all .2s;display:inline-flex}.poster-btn-sm:hover,.poster-btn-sm.active{background:var(--color-primary);color:#fff}.poster-toggle{color:#ffffffb3;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.poster-toggle input{accent-color:var(--color-primary)}.poster-sticker-grid{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.poster-sticker-btn{aspect-ratio:1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;font-size:24px;transition:all .2s;display:flex}.poster-sticker-btn:hover{background:#009ef726;transform:scale(1.15)}.poster-size-options{gap:8px;display:flex}.poster-layer-list{flex-direction:column;gap:4px;display:flex}.poster-layer-item{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;transition:all .15s;display:flex}.poster-layer-item.selected{border-left:3px solid var(--color-primary);background:#009ef726}.poster-layer-del{color:#ff6b6b;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px}.poster-layer-del:hover{background:#ff6b6b33}