@keyframes heartPagePulse{0%,to{opacity:var(--base-opacity, 0.7);transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@keyframes heartGlowPulse{0%,to{opacity:.4;r:12}50%{opacity:.8;r:16}}@keyframes sparkFloat{0%{opacity:0;transform:translateY(8px) scale(.5)}20%{opacity:.9}80%{opacity:.6}to{opacity:0;transform:translateY(-20px) scale(.2)}}@keyframes drift{0%{transform:translateY(100vh) rotate(0deg);opacity:0}10%,90%{opacity:.3}to{transform:translateY(-10vh) rotate(360deg);opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--splash-gradient);z-index:1000;transition:opacity .8s ease,transform .8s ease}.splash.fade-out{opacity:0;transform:scale(1.1);pointer-events:none}.splash-content{text-align:center;z-index:2;animation:fadeUp 1s ease forwards}.splash-icon{width:80px;height:80px;margin:0 auto 24px;animation:float 3s ease-in-out infinite}.splash-icon.book-heart-icon{width:180px;height:150px;margin:0 auto 32px;animation:float 4s ease-in-out infinite}.splash-icon svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(var(--accent-rgb, 201, 169, 110),.4))}.book-heart-icon svg{filter:drop-shadow(0 0 30px rgba(240,200,80,.35)) drop-shadow(0 0 60px rgba(232,160,64,.15))}.heart-page{animation:heartPagePulse 3s ease-in-out infinite}.hp-l1,.hp-r1{animation-delay:0s}.hp-l2,.hp-r2{animation-delay:.15s}.hp-l3,.hp-r3{animation-delay:.3s}.hp-l4,.hp-r4{animation-delay:.45s}.hp-l5,.hp-r5{animation-delay:.6s}.hp-l1,.hp-r1{--base-opacity:0.5}.hp-l2,.hp-r2{--base-opacity:0.6}.hp-l3,.hp-r3{--base-opacity:0.7}.hp-l4,.hp-r4{--base-opacity:0.85}.hp-l5,.hp-r5{--base-opacity:1}.heart-glow{animation:heartGlowPulse 2.5s ease-in-out infinite}.book-spark{animation:sparkFloat 3s ease-in-out infinite}.s1{animation-delay:0s;animation-duration:3.5s}.s2{animation-delay:.4s;animation-duration:2.8s}.s3{animation-delay:.8s;animation-duration:4s}.s4{animation-delay:1.2s;animation-duration:3.2s}.s5{animation-delay:.6s;animation-duration:3.8s}.s6{animation-delay:1.5s;animation-duration:2.6s}.s7{animation-delay:.2s;animation-duration:4.2s}.s8{animation-delay:1s;animation-duration:3s}.splash-title{font-family:"Playfair Display",serif;font-size:48px;font-weight:700;letter-spacing:2px;margin-bottom:8px;background:linear-gradient(135deg,var(--text),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.splash-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:48px;font-weight:300;letter-spacing:4px;text-transform:uppercase}.splash-btn{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;border:0;padding:16px 48px;font-size:16px;font-family:"Inter",sans-serif;font-weight:500;border-radius:50px;cursor:pointer;transition:var(--transition);letter-spacing:1px}.splash-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(var(--accent-rgb, 201, 169, 110),.4)}.splash-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:var(--gold);border-radius:50%;opacity:.25;animation:drift linear infinite}.particle:nth-child(odd){background:#e8a040}.particle:nth-child(3n){background:var(--accent-light);opacity:.15}.top-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(10,10,15,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 16px;padding-top:env(safe-area-inset-top);display:flex;align-items:center;justify-content:space-between;height:48px}.top-header-title{letter-spacing:-.2px}.top-header-logo,.top-header-title{font-family:"Inter",sans-serif;font-size:17px;font-weight:600;color:var(--text)}.top-header-right{display:flex;align-items:center;gap:12px}.streak-badge{background:rgba(240,200,80,.15);color:var(--gold);font-size:13px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(240,200,80,.2)}.profile-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:14px;font-weight:600;color:#fff}.profile-avatar:active{transform:scale(.92)}.profile-card{position:fixed;top:62px;right:16px;z-index:200;background:rgba(36,31,25,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(242,195,107,.1);border-radius:20px;padding:24px;width:300px;box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 0 1px rgba(242,195,107,.05);animation:fadeIn .2s ease}.profile-card-header-stitch{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;text-align:center}.profile-card-avatar-glow{position:relative}.profile-card-avatar-glow::before{content:"";position:absolute;inset:-16px;background:radial-gradient(circle at center,rgba(242,195,107,.08)0,transparent 70%);z-index:-1}.profile-card-avatar-ring{width:72px;height:72px;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(242,195,107,.5),#f2c36b)}.profile-card-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dark));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;color:#fff;font-family:"Playfair Display",serif;border:3px solid #17120e;background-size:cover;background-position:center}.profile-card-identity{display:flex;flex-direction:column;gap:2px}.profile-card-name,.profile-card-stat-glass strong{font-family:"Playfair Display",serif;color:#ece0d8;font-weight:400}.profile-card-name{font-size:20px;letter-spacing:-.01em}.profile-card-email,.profile-card-stat-glass span{font-size:10px;color:rgba(210,197,178,.6);text-transform:uppercase}.profile-card-email{font-family:"Inter",sans-serif;letter-spacing:1.5px;margin-top:2px}.profile-card-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.profile-card-stat-glass{background:rgba(58,52,46,.15);backdrop-filter:blur(16px);border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.profile-stat-icon{color:#f2c36b;font-size:20px}.profile-card-stat-glass strong{display:block;font-size:18px}.profile-card-stat-glass span{letter-spacing:.5px}.profile-card-settings-list{margin-bottom:12px}.profile-card-setting-row{display:flex;align-items:center;gap:12px;padding:12px 8px;border-bottom:1px solid rgba(242,195,107,.05);cursor:pointer;border-radius:10px;transition:background .15s ease}.profile-card-setting-row:hover{background:rgba(32,27,21,.6)}.profile-setting-icon{color:rgba(210,197,178,.6);font-size:20px;transition:color .15s ease}.profile-card-setting-row:hover .profile-setting-icon{color:#f2c36b}.profile-setting-label{flex:1;font-size:14px;color:#ece0d8}.profile-setting-arrow{color:rgba(210,197,178,.4);font-size:14px}.profile-mfa-toggle{width:44px;height:24px;border-radius:12px;border:0;cursor:pointer;position:relative;transition:background .2s ease;background:rgba(255,255,255,.12);flex-shrink:0}.profile-mfa-toggle.active{background:#f2c36b}.profile-mfa-toggle-dot{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s ease}.profile-mfa-toggle.active .profile-mfa-toggle-dot{left:22px}.profile-card-theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px 8px;border-bottom:1px solid rgba(242,195,107,.05);margin-bottom:12px}.profile-card-theme-label{display:flex;align-items:center;gap:12px;font-size:14px;color:#ece0d8}.profile-card-logout{width:100%;padding:12px;background:rgba(58,52,46,.15);backdrop-filter:blur(16px);border:1px solid rgba(242,195,107,.08);border-radius:14px;color:rgba(210,197,178,.6);font-size:13px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.profile-card-logout:hover{background:rgba(255,180,171,.08);color:#ffb4ab;border-color:rgba(255,180,171,.15)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(23,18,14,.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(236,224,216,.08);border-radius:1.5rem 1.5rem 0 0;display:flex;justify-content:space-around;align-items:stretch;height:64px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0-4px 40px rgba(0,0,0,.5)}.bottom-nav-icon,.bottom-nav-item{display:flex;align-items:center;justify-content:center}.bottom-nav-item{flex-direction:column;gap:1px;flex:1;min-height:44px;padding:4px 0 2px;background:0 0;border:0;color:rgba(210,197,178,.5);font-family:"Inter",sans-serif;cursor:pointer;transition:color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;position:relative}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-label{font-size:9px;font-weight:500;letter-spacing:.2px;opacity:.9}.bottom-nav-item:active{transform:scale(.92);transition:transform .05s ease}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item.active .bottom-nav-icon{transform:none}.more-menu-overlay{position:fixed;inset:0;z-index:150;background:0 0;transition:background .3s ease}.more-menu-overlay.open{background:rgba(0,0,0,.5)}.more-menu{position:fixed;bottom:0;left:0;right:0;z-index:160;background:var(--bg-card);border-top-left-radius:20px;border-top-right-radius:20px;padding:12px 20px;padding-bottom:calc(60px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0-8px 32px rgba(0,0,0,.5)}.more-menu.open{transform:translateY(0)}.more-menu-handle{width:36px;height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin:0 auto 16px}.more-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;background:0 0;border:0;color:var(--text-secondary);font-family:"Inter",sans-serif;font-size:15px;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);-webkit-tap-highlight-color:transparent}.more-menu-item:active{transform:scale(.97);background:rgba(255,255,255,.04)}.more-menu-item.active,.nav-tab.active{color:var(--gold)}.more-menu-icon{font-size:22px;width:28px;text-align:center}.nav-tab{transition:var(--transition)}.tab-content{display:none;padding:80px 16px 120px;padding-top:calc(80px + env(safe-area-inset-top,0));padding-bottom:calc(120px + env(safe-area-inset-bottom,0));max-width:900px;margin:0 auto;animation:fadeIn .4s ease}.tab-content.active{display:block}.section-header{margin-bottom:32px}.section-header h2{font-family:"Playfair Display",serif;font-size:28px;font-weight:600;margin-bottom:4px;letter-spacing:-.3px}.section-sub{color:var(--text-secondary);font-size:13px;font-weight:400;line-height:1.5;letter-spacing:.1px}.year-selector{display:flex;gap:8px;margin-bottom:32px}.year-btn{padding:8px 20px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);color:var(--text-secondary);font-family:"Inter",sans-serif;font-size:13px;font-weight:500;border-radius:50px;cursor:pointer;transition:var(--transition)}.year-btn:hover{border-color:rgba(var(--accent-rgb, 201, 169, 110),.3)}.year-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}