.desktop-header{display:none;position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 var(--space-xl);align-items:center;justify-content:space-between;z-index:800;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media(min-width:769px){.desktop-header{display:flex}}.header-brand{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.brand-icon{color:var(--blue-500)}.brand-name{font-size:var(--font-size-xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:all var(--transition-fast)}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{color:var(--blue-600);background:var(--blue-50)}[data-theme=dark] .nav-link.active{color:var(--blue-300);background:#b76e7926}.header-actions{display:flex;align-items:center;gap:var(--space-md)}.header-greeting{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500}.theme-toggle{background:var(--bg-tertiary);border:none;padding:var(--space-sm);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--blue-500);background:var(--blue-50)}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--space-xs) var(--space-sm) env(safe-area-inset-bottom,var(--space-xs));z-index:800;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none}.mobile-tabs::-webkit-scrollbar{display:none}@media(min-width:769px){.mobile-tabs{display:none}}.mobile-tab{flex:0 0 72px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-sm) 0;background:none;border:none;color:var(--text-tertiary);font-size:10px;font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.mobile-tab.active{color:var(--blue-500)}.mobile-tab span{display:block}.home{padding-bottom:var(--space-3xl);animation:fadeIn var(--transition-base)}.home-hero{position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-xl);background:var(--brand-900);box-shadow:var(--shadow-md)}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.6;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}[data-theme=dark] .hero-bg{opacity:.4}.home-hero-content{position:relative;z-index:2;padding:var(--space-2xl) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.hero-greeting h1{font-size:var(--font-size-2xl);color:#fff;margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-serif)}.hero-greeting p{color:#ffffffe6;font-size:var(--font-size-sm)}.wave{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}.consistency-badge{background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-md);box-shadow:0 4px 12px #0000001a}.cb-ring{position:relative;width:44px;height:44px}.cb-circular-chart{display:block;margin:0 auto;max-width:80%;max-height:250px}.cb-circle-bg{fill:none;stroke:#fff3;stroke-width:2.5}.cb-circle{fill:none;stroke-width:2.5;stroke-linecap:round;stroke:var(--gold-400);animation:cbProgress 1s ease-out forwards}@keyframes cbProgress{0%{stroke-dasharray:0 100}}.cb-score-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:var(--font-sans);font-weight:700;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.cb-info{display:flex;flex-direction:column}.cb-label{color:#fffc;font-size:10px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.cb-tier{color:#fff;font-family:var(--font-serif);font-size:14px;font-weight:600;display:flex;align-items:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero-stats-card{background:var(--bg-secondary);padding:0;overflow:hidden}[data-theme=dark] .hero-stats-card{background:var(--bg-card)}.hero-stats{display:flex;align-items:center;justify-content:space-between}.hero-stat{flex:1;text-align:center;padding:var(--space-md)}.hero-stat-divider{width:1px;height:40px;background:var(--border-color)}.hero-stat .stat-value{display:block;font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:700;color:var(--brand-700);line-height:1.2}[data-theme=dark] .hero-stat .stat-value{color:var(--brand-300)}.hero-stat .stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.action-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-md);text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.action-card:active{transform:scale(.98)}.action-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a}.action-label{font-family:var(--font-serif);font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.action-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4}.home-intro-text{background:var(--bg-secondary);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);border-left:4px solid var(--brand-600)}.home-intro-text p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin:0}.ai-cta{background:var(--gradient-warm);border-radius:var(--radius-xl);padding:var(--space-lg);color:#fff;display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer;transition:opacity var(--transition-fast);box-shadow:var(--shadow-sm)}.ai-cta:active{opacity:.9}.ai-cta strong{display:block;font-family:var(--font-serif);font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.ai-cta p{font-size:var(--font-size-sm);opacity:.9;line-height:1.4}.consistency-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#12100cb3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:var(--space-lg);animation:fadeIn var(--transition-fast)}.consistency-modal-content{background:var(--bg-primary);width:100%;max-width:320px;border-radius:var(--radius-2xl);padding:var(--space-2xl) var(--space-xl);text-align:center;box-shadow:var(--shadow-xl);position:relative;overflow:hidden;animation:slideUp var(--transition-base)}.modal-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,var(--brand-300) 2px,transparent 2px),radial-gradient(circle,var(--gold-300) 2px,transparent 2px),radial-gradient(circle,var(--blue-300) 2px,transparent 2px);background-size:30px 30px,40px 40px,50px 50px;background-position:0 0,15px 15px,25px 25px;animation:confettiFall 10s linear infinite;opacity:.3}@keyframes confettiFall{0%{background-position:0 0,15px 15px,25px 25px}to{background-position:0 1000px,15px 1200px,25px 800px}}.consistency-modal-icon{width:64px;height:64px;background:var(--gradient-warm);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 8px 16px #b76e794d;position:relative;z-index:2}.consistency-modal-content h3{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--brand-900);margin-bottom:var(--space-sm);position:relative;z-index:2}.consistency-modal-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl);position:relative;z-index:2}.consistency-modal-close{width:100%;position:relative;z-index:2}.badge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:#12100cd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn var(--transition-fast);padding:var(--space-lg)}.badge-modal-glass{position:relative;width:100%;max-width:360px;padding:var(--space-2xl) var(--space-xl);border-radius:var(--radius-2xl);text-align:center;background:linear-gradient(135deg,#ffffff1a,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a,0 0 40px var(--glow-color);overflow:hidden;animation:slideUp var(--transition-base),hoverFloat 6s ease-in-out infinite}.badge-modal-glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a 40%,#ffffff4d,#ffffff1a 60%,#fff0);transform:rotate(30deg);animation:liquidShimmer 4s infinite linear;pointer-events:none}@keyframes liquidShimmer{0%{transform:translateY(-100%) rotate(30deg)}to{transform:translateY(100%) rotate(30deg)}}@keyframes hoverFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-close{position:absolute;top:var(--space-md);right:var(--space-md);background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);z-index:10}.badge-close:hover{background:#fff3}.badge-crown{font-size:2rem;margin-bottom:var(--space-sm);position:relative;z-index:2;animation:dropIn .5s cubic-bezier(.175,.885,.32,1.275) .2s both}.badge-icon-container{width:100px;height:100px;margin:0 auto var(--space-xl);position:relative;display:flex;align-items:center;justify-content:center;z-index:2;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:scaleIn .6s cubic-bezier(.175,.885,.32,1.275) .4s both}.badge-glow-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:2px solid var(--glow-color);animation:pulseRing 2s infinite cubic-bezier(.215,.61,.355,1);opacity:0}.badge-content{position:relative;z-index:2;color:#fff;margin-bottom:var(--space-xl);animation:slideUpFade .6s ease-out .6s both}.badge-eyebrow{display:block;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:var(--space-sm)}.badge-content h2{font-family:var(--font-serif);font-size:var(--font-size-2xl);color:#fff;margin-bottom:var(--space-sm);text-shadow:0 2px 10px rgba(0,0,0,.5)}.badge-content p{font-size:var(--font-size-sm);color:#ffffffe6;line-height:1.6}.btn-share-story{position:relative;z-index:2;width:100%;background:#fff;color:var(--neutrals-900);border:none;border-radius:var(--radius-full);padding:var(--space-md);font-family:var(--font-sans);font-weight:700;font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;box-shadow:0 4px 15px #0003;transition:all var(--transition-fast);animation:slideUpFade .6s ease-out .8s both}.btn-share-story:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@keyframes dropIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.3);opacity:0}}@keyframes slideUpFade{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(var(--bg-primary-rgb),.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-xl) var(--space-md);overflow-y:auto;-webkit-overflow-scrolling:touch;animation:fadeIn .3s ease}.upgrade-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:440px;position:relative;box-shadow:0 20px 40px #0003;margin:auto 0;margin-bottom:var(--space-xl);animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.upgrade-close-btn{position:absolute;top:var(--space-md);right:var(--space-md);background:var(--bg-secondary);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;z-index:2;transition:all .2s}.upgrade-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.upgrade-header{padding:var(--space-xl) var(--space-lg) var(--space-lg);text-align:center;background:linear-gradient(to bottom,var(--brand-50),var(--bg-primary))}[data-theme=dark] .upgrade-header{background:linear-gradient(to bottom,rgba(var(--brand-500-rgb),.1),var(--bg-primary))}.upgrade-icon-wrap{width:64px;height:64px;background:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);box-shadow:0 8px 16px rgba(var(--brand-500-rgb),.15)}.upgrade-header h2{font-size:1.5rem;margin-bottom:var(--space-xs);background:linear-gradient(135deg,var(--gold-500),var(--brand-500));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.upgrade-header p{font-size:var(--font-size-md);margin:0}.upgrade-features{padding:0 var(--space-lg) var(--space-lg)}.feature-row{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--success)}.feature-row:last-child{margin-bottom:0}.feature-row strong{display:block;color:var(--text-primary);margin-bottom:4px;font-size:var(--font-size-md)}.feature-row p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}.upgrade-footer{padding:var(--space-lg);background:var(--bg-secondary);border-top:1px solid var(--border-color);text-align:center}.price-tag{margin-bottom:var(--space-md)}.price-tag .amount{font-size:2.5rem;font-weight:800;color:var(--text-primary);font-family:Outfit,sans-serif}.price-tag .period{color:var(--text-muted);font-size:var(--font-size-md);margin-left:4px}.upgrade-error{background:rgba(var(--danger-rgb),.1);color:var(--danger);padding:var(--space-sm);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.upgrade-cta{width:100%;height:54px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--gold-600),var(--gold-500));border:none;box-shadow:0 4px 15px #d4af374d}.upgrade-cta:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-500),var(--gold-400));transform:translateY(-2px)}.upgrade-cta:disabled{background:var(--border-color);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:var(--font-size-xs);margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-coach{display:flex;flex-direction:column;flex:1;overflow:hidden}.ai-coach.page-mode{max-width:700px;margin:0 auto;padding:var(--space-xl);min-height:70vh}.ai-coach-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.ai-coach-title{display:flex;align-items:center;gap:var(--space-sm);font-weight:700;font-size:var(--font-size-lg);color:var(--sky-600)}[data-theme=dark] .ai-coach-title{color:var(--sky-300)}.ai-header-btn{background:var(--bg-tertiary);border:none;padding:6px 10px;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:600;transition:all var(--transition-fast)}.ai-header-btn:hover{background:var(--blue-50);color:var(--blue-600)}.ai-setup{padding:var(--space-2xl);text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ai-setup h3{margin-bottom:var(--space-sm)}.ai-setup p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.ai-saved{padding:var(--space-lg);flex:1;overflow-y:auto}.saved-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);border-left:3px solid var(--sky-500)}.saved-q{font-weight:700;font-size:var(--font-size-sm);color:var(--blue-600);margin-bottom:var(--space-xs)}[data-theme=dark] .saved-q{color:var(--blue-300)}.saved-a{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;max-height:150px;overflow-y:auto}.ai-messages{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.ai-welcome{text-align:center;padding:var(--space-xl) 0;color:var(--text-tertiary)}.ai-welcome h3{color:var(--text-primary);margin:var(--space-md) 0 var(--space-sm)}.ai-welcome p{margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.quick-chips{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center}.quick-chip{padding:6px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:600;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-chip:hover{border-color:var(--blue-400);color:var(--blue-600);transform:translateY(-1px)}.chat-msg{max-width:88%;animation:fadeIn .3s ease-out}.chat-msg.user{align-self:flex-end}.chat-msg.ai,.chat-msg.error{align-self:flex-start}.msg-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.save-btn{margin-left:auto;display:flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-full);font-size:9px;font-weight:700;background:var(--sky-100);color:var(--sky-700);border:none;cursor:pointer}.save-btn:hover{background:var(--sky-200)}[data-theme=dark] .save-btn{background:#7b4fa033;color:var(--sky-300)}.msg-body{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.65;white-space:pre-wrap}.chat-msg.user .msg-body{background:var(--gradient-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-msg.ai .msg-body{background:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-msg.error .msg-body{background:#d455551a;color:var(--error)}.typing{display:flex;gap:6px;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg);width:fit-content}.typing span{width:8px;height:8px;border-radius:50%;background:var(--blue-400);animation:typingBounce 1.4s ease-in-out infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.ai-input-bar{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color);background:var(--bg-secondary)}.ai-input{flex:1;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-tertiary);transition:border var(--transition-fast)}.ai-input:focus{outline:none;border-color:var(--blue-400);background:var(--bg-secondary)}.ai-send{width:48px;height:48px;border-radius:50%;background:var(--gradient-hero);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.ai-send:hover:not(:disabled){transform:scale(1.05)}.ai-send:disabled{opacity:.4;cursor:not-allowed}.consent-modal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;background:var(--bg-primary);animation:fadeIn .4s ease-out}.consent-icon-wrap{background:var(--blue-50);padding:var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.consent-icon{color:var(--blue-600)}[data-theme=dark] .consent-icon-wrap{background:#7b4fa026}[data-theme=dark] .consent-icon{color:var(--blue-300)}.consent-title{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.5px}.consent-body{background:var(--bg-tertiary);padding:var(--space-xl);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:var(--space-xl);max-width:400px}.consent-body p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-md)}.consent-body p:last-child{margin-bottom:0}.consent-body strong{color:var(--text-primary)}.consent-btn{width:100%;max-width:400px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);font-weight:700;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 4px 14px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.consent-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.consent-footer{margin-top:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-tertiary);letter-spacing:.5px}.nutrition{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.nutrition h2{margin-bottom:var(--space-sm)}.nutrient-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background var(--transition-fast)}.nutrient-row:hover{background:var(--bg-tertiary);border-radius:var(--radius-md);padding-left:var(--space-sm);margin-left:calc(-1 * var(--space-sm))}.nutrient-row:last-of-type{border-bottom:none}.nutrient-check{color:var(--gray-300);flex-shrink:0;transition:color var(--transition-fast)}.nutrient-check.done{color:var(--success)}.check-empty{width:20px;height:20px;border:2px solid var(--gray-300);border-radius:50%}.nutrient-icon{font-size:1.4rem;width:32px;text-align:center;flex-shrink:0}.nutrient-info{flex:1}.nutrient-info strong{display:block;font-size:var(--font-size-base);color:var(--text-primary)}.nutrient-info span{font-size:var(--font-size-xs);color:var(--text-tertiary)}.biotin-warning{display:flex;align-items:flex-start;gap:var(--space-md);margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:#e5a84b1a;border-radius:var(--radius-lg);border-left:3px solid var(--warning);color:var(--warning)}.biotin-warning strong{display:block;font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:2px}.biotin-warning p{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;line-height:1.5}.water-track{display:flex;gap:var(--space-sm);flex-wrap:wrap}.water-glass{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid var(--border-color);background:var(--bg-secondary);font-size:1rem;cursor:pointer;transition:all var(--transition-fast);opacity:.3}.water-glass.filled{opacity:1;background:#5b8fd41a;border-color:var(--info)}.recipe-grid{display:flex;flex-direction:column;gap:var(--space-md)}.recipe-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-base)}.recipe-card:hover{box-shadow:var(--shadow-md)}.recipe-header{display:flex;align-items:flex-start;gap:var(--space-md)}.recipe-emoji{font-size:2rem;flex-shrink:0}.recipe-header strong{display:block;font-size:var(--font-size-base);margin-bottom:2px;color:var(--text-primary)}.recipe-body{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.recipe-body h4{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);color:var(--gold-600)}[data-theme=dark] .recipe-body h4{color:var(--gold-300)}.recipe-body ul{padding-left:var(--space-lg)}.recipe-body li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:2px 0}@media(max-width:768px){.nutrition{padding:var(--space-md)}}.tracker{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.tracker h2{margin-bottom:var(--space-sm)}.tracker-tabs{display:flex;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:6px;margin-bottom:var(--space-xl);max-width:320px;box-shadow:0 1px 3px #2e16240d}.tt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.tt:hover{color:var(--brand-700);background:var(--bg-tertiary)}.tt.active{background:var(--brand-50);color:var(--brand-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .tracker-tabs{background:var(--bg-primary)}[data-theme=dark] .tt.active{background:#b76e7926;color:var(--brand-200)}.add-form{animation:slideDown .3s ease-out}.treatment-options{display:flex;flex-direction:column;gap:var(--space-sm)}.t-opt{text-align:left;padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.t-opt:hover{border-color:var(--blue-400)}.t-opt.active{border-color:var(--blue-500);background:var(--blue-50)}.t-opt.active strong{color:var(--bg-primary)}[data-theme=dark] .t-opt.active{background:#b76e791a}.t-opt strong{display:block;color:var(--text-primary);margin-bottom:2px}.treatment-list{display:flex;flex-direction:column;gap:var(--space-sm)}.treatment-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.treatment-item:hover{box-shadow:var(--shadow-md)}.treatment-item.completed{opacity:.7}.treatment-item.completed .t-info strong{text-decoration:line-through}.treatment-item.past{opacity:.6}.t-check{cursor:pointer;color:var(--gray-300);flex-shrink:0;background:none;border:none;padding:0;display:flex}.treatment-item.completed .t-check{color:var(--success)}.t-info{flex:1}.t-info strong{display:block;font-size:var(--font-size-sm);margin-bottom:2px;color:var(--text-primary)}.t-time{display:flex;align-items:center;gap:3px;font-size:var(--font-size-xs);color:var(--text-tertiary)}.t-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;opacity:0;transition:all var(--transition-fast)}.treatment-item:hover .t-delete{opacity:1}.t-delete:hover{color:var(--error)}@media(max-width:768px){.tracker{padding:var(--space-md)}}.lifestyle{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.lifestyle h2{margin-bottom:var(--space-sm)}.lt-tabs{display:flex;gap:var(--space-xs);background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px;margin-bottom:var(--space-xl);max-width:400px}.lt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.lt:hover{color:var(--text-primary)}.lt.active{background:var(--bg-secondary);color:var(--gold-600);box-shadow:var(--shadow-sm)}[data-theme=dark] .lt.active{color:var(--gold-300)}.night-list{display:flex;flex-direction:column;gap:var(--space-sm)}.night-item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast)}.night-item:hover{background:var(--bg-tertiary)}.n-check{color:var(--gray-300);flex-shrink:0;margin-top:2px;transition:color var(--transition-fast)}.n-check.done{color:var(--success)}.night-item strong{display:block;font-size:var(--font-size-base);margin-bottom:2px;color:var(--text-primary)}.night-item p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin:0}.night-progress{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);font-weight:600;color:var(--blue-600);padding:var(--space-sm);background:var(--blue-50);border-radius:var(--radius-full)}[data-theme=dark] .night-progress{background:#b76e791a;color:var(--blue-300)}.ghe-steps{display:flex;flex-direction:column;gap:var(--space-md)}.ghe-step{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-lg)}.ghe-num{width:36px;height:36px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--font-size-base);flex-shrink:0}.ghe-step strong{display:block;margin-bottom:2px;color:var(--text-primary)}.timer-circle{position:relative;width:200px;height:200px;margin:var(--space-xl) auto}.timer-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-bg{fill:none;stroke:var(--gray-200);stroke-width:8}[data-theme=dark] .timer-bg{stroke:var(--gray-700)}.timer-progress{fill:none;stroke:url(#timerGrad);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.timer-display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);font-weight:800;color:var(--text-primary)}.timer-progress{stroke:var(--blue-500)}.timer-controls{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-xl) auto;max-width:300px}.timer-tips{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-xl)}.timer-tips h4{font-size:var(--font-size-sm);margin-bottom:var(--space-md);color:var(--gold-600)}[data-theme=dark] .timer-tips h4{color:var(--gold-300)}.timer-tips li{font-size:var(--font-size-sm);color:var(--text-secondary);padding:3px 0;line-height:1.6}@media(max-width:768px){.lifestyle{padding:var(--space-md)}}.settings{max-width:600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.settings h2{margin-bottom:var(--space-xl)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-color)}.setting-row:last-child{border-bottom:none}.setting-row span:first-child{font-weight:500;color:var(--text-secondary)}.theme-pill{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-tertiary);font-size:var(--font-size-sm);font-weight:600}.danger-card{border:2px solid rgba(212,85,85,.2)}.btn-danger{background:#d455551a;color:var(--error);border:2px solid rgba(212,85,85,.3);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-sm)}.btn-danger:hover{background:var(--error);color:#fff}@media(max-width:768px){.settings{padding:var(--space-md)}}.real-results-container{padding:var(--space-md);padding-bottom:var(--space-3xl);animation:fadeIn var(--transition-base)}.real-results-header{text-align:center;margin-bottom:var(--space-xl)}.real-results-header h2{color:var(--brand-900);font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.real-results-header p{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:400px;margin:0 auto}[data-theme=dark] .real-results-header h2{color:var(--brand-100)}.case-study-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl);border:1px solid var(--border-color)}.case-study-images{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden}@media(min-width:600px){.case-study-images{flex-direction:row}}.case-image-wrapper{flex:1;position:relative}.case-image-wrapper img{width:100%;height:250px;object-fit:cover;display:block}.image-label{position:absolute;bottom:var(--space-sm);left:50%;transform:translate(-50%);background:#1a0f1ab3;color:var(--neutrals-50);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.case-study-details{padding:0 var(--space-sm)}.case-study-title{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--brand-800);margin-bottom:var(--space-sm)}[data-theme=dark] .case-study-title{color:var(--brand-200)}.case-study-timeline{display:inline-flex;align-items:center;gap:6px;background:var(--brand-100);color:var(--brand-800);padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;margin-bottom:var(--space-md)}[data-theme=dark] .case-study-timeline{background:var(--brand-800);color:var(--brand-100)}.case-study-quote{font-style:italic;color:var(--text-secondary);font-size:var(--font-size-sm);border-left:3px solid var(--brand-300);padding-left:var(--space-md);margin-bottom:var(--space-md);line-height:1.6}.case-study-regimen{background:var(--bg-primary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.case-study-regimen h4{font-size:var(--font-size-sm);color:var(--text-primary);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:6px}.regimen-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.regimen-tag{background:var(--neutrals-100);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--border-color)}.results-cta{margin-top:var(--space-2xl);text-align:center;padding:var(--space-xl);background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-lg)}.results-cta h3{color:#fff;font-size:var(--font-size-xl);margin-bottom:var(--space-sm)}.results-cta p{color:#ffffffe6;font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.btn-luxury{background:#fff;color:var(--brand-800);font-family:var(--font-sans);font-weight:700;font-size:var(--font-size-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.btn-luxury:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.consistency-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a0f1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:var(--space-md);animation:fadeIn var(--transition-fast)}.consistency-modal-content{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--brand-200);animation:slideUp var(--transition-base);position:relative;overflow:hidden}.modal-confetti{position:absolute;top:-20px;left:0;right:0;height:100px;background:radial-gradient(circle,var(--brand-100) 0%,transparent 70%);opacity:.5;z-index:0}.consistency-modal-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);position:relative;z-index:1;box-shadow:0 8px 24px #b76e7966}.consistency-modal-content h3{font-family:var(--font-serif);font-size:var(--font-size-2xl);color:var(--brand-900);margin-bottom:var(--space-xs);position:relative;z-index:1}[data-theme=dark] .consistency-modal-content h3{color:var(--brand-100)}.consistency-modal-content p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);line-height:1.6;position:relative;z-index:1}.consistency-modal-close{width:100%;position:relative;z-index:1}.reports-container{padding:var(--space-md);padding-bottom:var(--space-3xl);animation:fadeIn var(--transition-base)}.reports-header{text-align:center;margin-bottom:var(--space-xl)}.reports-header h2{color:var(--brand-900);font-size:var(--font-size-2xl);margin-bottom:var(--space-sm)}.reports-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}[data-theme=dark] .reports-header h2{color:var(--brand-100)}.report-stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}@media(min-width:600px){.report-stats-grid{grid-template-columns:repeat(3,1fr)}}.report-stat-card{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.stat-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-value{display:block;font-family:var(--font-serif);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.report-breakdown h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.breakdown-item{margin-bottom:var(--space-md)}.breakdown-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-color)}.breakdown-header h4{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--text-primary)}.breakdown-content{display:flex;gap:var(--space-lg)}.b-stat strong{display:block;font-size:var(--font-size-xl);color:var(--brand-600);line-height:1.2}[data-theme=dark] .b-stat strong{color:var(--brand-300)}.b-stat span{font-size:var(--font-size-xs);color:var(--text-tertiary)}.narrative-screen{padding-bottom:var(--space-4xl);animation:fadeIn var(--transition-base)}.narrative-header{text-align:center;margin-bottom:var(--space-2xl)}.narrative-header h1{font-family:var(--font-serif);font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.1}.narrative-header p{font-family:var(--font-sans);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-md)}.btn-export{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;transition:all var(--transition-fast)}.btn-export:hover{background:var(--bg-hover)}.narrative-section{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-sm)}.custom-bg{background:var(--gradient-warm);color:#fff}.custom-bg .section-title h2{color:#fff}.section-title{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.section-title h2{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--gold-400)}.icon-gold{color:var(--gold-500)}.section-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.diff-slider-container{position:relative;width:100%;height:350px;border-radius:var(--radius-xl);overflow:hidden;background:#000}.diff-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.before-container{width:50%;overflow:hidden;border-right:2px solid white;z-index:2}.before-img{width:100vw;max-width:none;height:100%;object-fit:cover}.after-img{z-index:1}.diff-slider{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);z-index:3;opacity:0;cursor:ew-resize}.slider-label{position:absolute;bottom:var(--space-md);background:#0009;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;z-index:3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.slider-label.left{left:var(--space-md)}.slider-label.right{right:var(--space-md)}.correlation-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border-color)}.corr-insight{display:flex;align-items:flex-start;gap:var(--space-sm);background:#8b5c6e1a;box-shadow:0 0 16px #8b5c6e26;border:1px solid rgba(139,92,110,.2);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.corr-insight p{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.pseudo-chart{display:flex;justify-content:space-around;align-items:flex-end;height:140px;padding-top:var(--space-xl);border-bottom:2px solid var(--border-color)}.chart-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:32px;height:100%}.chart-bar .fill{width:100%;background:var(--brand-200);border-radius:4px 4px 0 0;transition:height 1s ease-out}.chart-bar .fill.highlight{background:var(--gold-400);box-shadow:0 0 12px #d4af3766}.chart-bar span{margin-top:var(--space-xs);font-size:10px;color:var(--text-tertiary);font-weight:600}.narrative-ai-content{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:var(--space-xl)}.ai-loading{display:flex;justify-content:center;align-items:center;height:100px}.shimmer-text{background:linear-gradient(90deg,#ffffffb3,#fff,#ffffffb3);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 2s linear infinite;font-family:var(--font-sans);font-weight:600}@keyframes shimmer{to{background-position:200% center}}.ai-response p{font-size:var(--font-size-md);line-height:1.6;margin-bottom:var(--space-md);color:#fff}.ai-response p:last-child{font-family:var(--font-serif);font-weight:700;font-size:var(--font-size-lg);color:var(--gold-400);margin-bottom:0;padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.2)}.retention-hook{text-align:center;margin-top:var(--space-2xl);padding:var(--space-xl);border-radius:var(--radius-2xl);background:var(--bg-hover)}.retention-hook h3{font-family:var(--font-serif);color:var(--brand-900);margin-bottom:var(--space-xs)}html[data-theme=dark] .retention-hook h3,[data-theme=dark] .retention-hook h3{color:var(--gold-300)}.retention-hook p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.hook-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-md)}.narrative-info-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:650px;text-align:left;display:flex;flex-direction:column;gap:var(--space-sm);box-shadow:0 4px 6px -1px #0000001a}.narrative-info-card h4{margin:0;color:var(--brand-300);font-size:var(--font-size-md);display:flex;align-items:center;gap:8px;font-family:var(--font-serif)}.narrative-info-card p{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.6;text-transform:none;letter-spacing:normal}[data-theme=light] .narrative-info-card{background:#b76e790d;border:1px solid rgba(183,110,121,.15)}[data-theme=light] .narrative-info-card h4{color:var(--brand-700)}[data-theme=light] .narrative-info-card p{color:var(--text-secondary)}.archive-card{border:1px solid var(--border-color);background:var(--bg-secondary)}.archive-card:hover{border-color:var(--brand-400);transform:translateY(-2px);box-shadow:var(--shadow-md)}.mgr-container{background-color:#0b0e14;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;border-radius:32px;padding:24px;max-width:400px;margin:0 auto;box-shadow:0 30px 60px #00000080,inset 0 0 0 1px #ffffff1a;position:relative;overflow:hidden}.mgr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.mgr-back-btn{background:transparent;border:none;color:#a0aec0;cursor:pointer;padding:0}.mgr-title{text-align:center}.mgr-title h4{margin:0;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#d4af37;text-transform:uppercase}.mgr-title span{font-size:10px;color:#a0aec0}.mgr-avatar{width:30px;height:30px;border-radius:50%;border:1px solid #D4AF37;display:flex;align-items:center;justify-content:center;color:#d4af37}.mgr-summary{margin-bottom:20px}.mgr-summary-title{font-size:16px;font-weight:600;color:#e2e8f0;margin-bottom:12px;letter-spacing:.5px}.mgr-gain{color:#d4af37;font-weight:700}.mgr-metrics-grid{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.mgr-metric{display:flex;flex-direction:column;gap:4px}.mgr-label{font-size:10px;color:#a0aec0}.mgr-val{font-size:14px;font-weight:700}.mgr-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;margin-bottom:20px}.mgr-mb-0{margin-bottom:0}.mgr-card-title{font-size:13px;font-weight:600;color:#d4af37;margin-bottom:2px}.mgr-card-subtitle{font-size:10px;color:#a0aec0;margin-bottom:16px}.mgr-bar-chart{height:120px;display:flex;position:relative;padding-left:30px}.mgr-y-axis{position:absolute;left:0;top:0;bottom:20px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#718096}.mgr-bars-container{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0}.mgr-bar-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;width:24px;position:relative}.mgr-bar{width:14px;border-radius:4px 4px 0 0;transition:height .5s ease}.mgr-bar-standard{background:#ffffff26}.mgr-bar-gold{background:linear-gradient(180deg,#f6e05e,#b7791f);box-shadow:0 0 10px #d4af374d}.mgr-bar-value{font-size:9px;color:#d4af37;margin-bottom:4px;opacity:0}.mgr-bar-wrapper:hover .mgr-bar-value,.mgr-bar-wrapper:last-child .mgr-bar-value{opacity:1}.mgr-x-label{position:absolute;bottom:-20px;font-size:9px;color:#718096}.mgr-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.mgr-insight-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.mgr-insight-icon.gold{color:#d4af37}.mgr-insight-content{display:flex;flex-direction:column;gap:2px}.mgr-insight-content strong{font-size:13px;color:#fff}.mgr-trend.up{color:#48bb78;font-size:9px;font-weight:700}.mgr-subtext{font-size:9px;color:#a0aec0}.mgr-line-wrapper{position:relative;height:130px;margin-top:10px}.mgr-line-labels{display:flex;justify-content:space-between;font-size:9px;color:#718096;margin-top:5px;padding:0 5px}.mgr-june-annotation{position:absolute;top:-10px;right:20px;display:flex;flex-direction:column;align-items:flex-end}.mgr-big-gain{color:#d4af37;font-size:12px;font-weight:700}.mgr-gain-sub{color:#48bb78;font-size:8px}.mgr-june-details{position:absolute;right:0;bottom:25px;background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;width:120px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mgr-june-details strong{display:block;font-size:10px;color:#fff;margin-bottom:4px}.mgr-detail-row{display:flex;justify-content:space-between;font-size:9px;color:#a0aec0;margin-bottom:2px}.mgr-detail-row span:last-child{color:#fff;font-weight:600}.mgr-home-indicator{width:100px;height:4px;background:#fff;border-radius:2px;margin:20px auto 0;opacity:.3}.diary{max-width:900px;margin:0 auto;padding:var(--space-xl);animation:fadeIn .4s ease-out}.diary h2{margin-bottom:var(--space-sm)}.zone-bar{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-xl)}.zone-btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.zone-btn:hover{border-color:var(--blue-400)}.zone-btn.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}[data-theme=dark] .zone-btn.active{background:#b76e7926;color:var(--blue-300)}.cam-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-xl)}.cam-prompt{text-align:center;padding:var(--space-lg) 0}.cam-big{width:90px;height:90px;border-radius:50%;background:var(--gradient-primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);box-shadow:0 4px 20px #b76e794d;position:relative;transition:all var(--transition-base)}.cam-big:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border:3px solid var(--blue-200);border-radius:50%;animation:growPulse 2.5s ease-in-out infinite}[data-theme=dark] .cam-big:after{border-color:#b76e794d}.cam-big:hover{transform:scale(1.08)}.cam-prompt h3{margin-bottom:var(--space-xs)}.cam-tips{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--space-md)}.cam-error{margin-top:var(--space-lg);padding:var(--space-md);background:#d455551a;color:var(--error);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.cam-live{text-align:center}.vf-wrap{position:relative;max-width:500px;margin:0 auto;border-radius:var(--radius-xl);overflow:hidden;background:#000}.vf-video{width:100%;display:block}.vf-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vfc{position:absolute;width:40px;height:40px;border-color:#b76e79cc;border-style:solid;border-width:0}.vfc.tl{top:16px;left:16px;border-top-width:3px;border-left-width:3px;border-radius:4px 0 0}.vfc.tr{top:16px;right:16px;border-top-width:3px;border-right-width:3px;border-radius:0 4px 0 0}.vfc.bl{bottom:16px;left:16px;border-bottom-width:3px;border-left-width:3px;border-radius:0 0 0 4px}.vfc.br{bottom:16px;right:16px;border-bottom-width:3px;border-right-width:3px;border-radius:0 0 4px}.vf-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-xl);margin-top:var(--space-lg)}.vfb{border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.vfb:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.vfb.capture{width:72px;height:72px;background:var(--gradient-primary);color:#fff;border:4px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #b76e7966}.cam-preview{max-width:400px;margin:0 auto}.cam-preview img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.cam-stamp{display:flex;align-items:center;justify-content:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full)}.cam-actions{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.tl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.tl-list{position:relative}.tl-list:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:3px;background:var(--border-color);border-radius:2px}.tl-day{position:relative;padding-left:36px;margin-bottom:var(--space-xl)}.tl-date{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);position:relative;flex-wrap:wrap}.tl-dot{position:absolute;left:-32px;width:16px;height:16px;border-radius:50%;background:var(--gradient-primary);border:3px solid var(--bg-primary);z-index:1}.tl-date-text{font-weight:700;font-size:var(--font-size-sm)}.tl-ago{font-size:var(--font-size-xs);color:var(--text-tertiary);padding:2px 8px;background:var(--bg-tertiary);border-radius:var(--radius-full)}.tl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-md)}.tl-card{background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.tl-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tl-card.sel{cursor:pointer}.tl-card.picked{outline:3px solid var(--blue-500)}.tl-img{position:relative;aspect-ratio:1}.tl-img img{width:100%;height:100%;object-fit:cover}.tl-del{position:absolute;top:6px;right:6px;background:#0000008c;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:50%;opacity:0;transition:opacity var(--transition-fast);display:flex;align-items:center;justify-content:center}.tl-card:hover .tl-del{opacity:1}.tl-meta{padding:var(--space-sm) var(--space-md)}.tl-zone{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;background:var(--blue-50);color:var(--blue-700);text-transform:uppercase;margin-bottom:2px}[data-theme=dark] .tl-zone{background:#b76e7926;color:var(--blue-300)}.tl-time{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-tertiary)}.tl-note{display:block;font-size:10px;color:var(--text-secondary);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmp-section{background:var(--bg-secondary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);margin-top:var(--space-xl)}.cmp-section h3{margin-bottom:var(--space-lg);display:flex;align-items:center;gap:6px}.cmp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.cmp-panel{text-align:center}.cmp-panel img{width:100%;border-radius:var(--radius-lg);aspect-ratio:1;object-fit:cover;object-position:center 25%;box-shadow:var(--shadow-sm)}.cmp-info{margin-top:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.cmp-info strong{display:block;color:var(--text-primary)}.cmp-placeholder{aspect-ratio:1;background:var(--bg-tertiary);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--text-tertiary);font-size:var(--font-size-sm)}.cmp-diff{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background:var(--blue-50);color:var(--blue-700);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm)}[data-theme=dark] .cmp-diff{background:#b76e791a;color:var(--blue-300)}@media(max-width:768px){.diary{padding:var(--space-md)}.tl-grid{grid-template-columns:1fr 1fr}.cmp-grid{grid-template-columns:1fr}}@media(max-width:480px){.tl-grid{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-50: #FAF5F7;--brand-100: #F3E6EB;--brand-200: #E6CED6;--brand-300: #CFA0A6;--brand-400: #B76E79;--brand-500: #934B58;--brand-600: #743340;--brand-700: #57222D;--brand-800: #4A2B45;--brand-900: #2E1624;--neutrals-50: #FBF0F4;--neutrals-100: #F4E5EB;--neutrals-200: #EBE7E0;--neutrals-300: #D6D0C4;--neutrals-400: #A39B8E;--neutrals-500: #7A7264;--neutrals-600: #524B3F;--neutrals-700: #38332A;--neutrals-800: #1F1C16;--neutrals-900: #12100C;--success: #5D8A66;--success-light: #EAF4EC;--warning: #D97706;--error: #B91C1C;--info: #0369A1;--blue-50: var(--brand-50);--blue-100: var(--brand-100);--blue-200: var(--brand-200);--blue-300: var(--brand-300);--blue-400: var(--brand-400);--blue-500: var(--brand-500);--blue-600: var(--brand-600);--blue-700: var(--brand-700);--blue-800: var(--brand-800);--blue-900: var(--brand-900);--sky-50: var(--brand-50);--sky-100: var(--brand-100);--sky-200: var(--brand-200);--sky-300: var(--brand-300);--sky-400: var(--brand-400);--sky-500: var(--brand-500);--sky-600: var(--brand-600);--sky-700: var(--brand-700);--sky-800: var(--brand-800);--sky-900: var(--brand-900);--gold-50: #FFFBEB;--gold-100: #FEF3C7;--gold-200: #FDE68A;--gold-300: #FCD34D;--gold-400: #FBBF24;--gold-500: #F59E0B;--gold-600: #D97706;--gold-700: #B45309;--gold-800: #92400E;--gold-900: #78350F;--warm-50: var(--neutrals-50);--warm-100: var(--brand-100);--warm-200: var(--brand-200);--warm-300: var(--brand-300);--warm-400: var(--brand-400);--warm-500: var(--brand-500);--bg-primary: #050508;--bg-secondary: rgba(255, 255, 255, .03);--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(46, 22, 36, .04);--shadow-md: 0 8px 24px rgba(46, 22, 36, .06);--shadow-lg: 0 16px 40px rgba(46, 22, 36, .08);--shadow-xl: 0 24px 48px rgba(46, 22, 36, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--gradient-primary: linear-gradient(135deg, var(--brand-800) 0%, var(--brand-600) 100%);--gradient-warm: linear-gradient(135deg, var(--brand-300) 0%, var(--brand-400) 100%);--gradient-hero: linear-gradient(135deg, #1C1A22 0%, var(--brand-800) 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .4) 100%)}[data-theme=dark]{--bg-primary: #050508;--bg-secondary: rgba(255, 255, 255, .03);--bg-tertiary: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 6px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 40px rgba(0, 0, 0, .8);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--blue-50: rgba(183, 110, 121, .15);--blue-500: var(--brand-300);--blue-700: var(--gold-300)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);line-height:1.25;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}a{color:var(--blue-500);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-hero{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-3xl);font-weight:800}.card{background:#050508;border:1px solid rgba(255,255,255,.1);border-radius:2rem;box-shadow:0 4px 24px #00000080;padding:var(--space-lg)}.card-glass{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:2rem;padding:var(--space-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);transition:all var(--transition-fast);text-decoration:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{box-shadow:0 4px 16px #b76e7966;transform:translateY(-1px)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--gray-200)}[data-theme=dark] .btn-secondary:hover{background:var(--gray-700)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--blue-400);color:var(--blue-500)}.btn-sky{background:linear-gradient(135deg,var(--sky-500),var(--blue-500));color:#fff;box-shadow:0 2px 8px #0ea5e94d}.btn-sky:hover{box-shadow:0 4px 16px #0ea5e966}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--blue-400);box-shadow:0 0 0 3px #b76e791a}.form-textarea{resize:vertical;min-height:80px}input[type=range]{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--gray-200);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:0 2px 6px #b76e794d}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-blue{background:var(--blue-100);color:var(--blue-700)}.badge-gold{background:var(--gold-100);color:var(--gold-700)}.badge-sky{background:var(--sky-100);color:var(--sky-700)}.badge-success{background:#4caf8226;color:var(--success)}.badge-warning{background:#e5a84b26;color:var(--warning)}[data-theme=dark] .badge-blue{background:#b76e7933;color:var(--blue-300)}[data-theme=dark] .badge-gold{background:#9b5a8e33;color:var(--gold-300)}[data-theme=dark] .badge-sky{background:#7b4fa033;color:var(--sky-300)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:80px}@media(min-width:769px){.main-content{padding-top:72px;padding-bottom:var(--space-xl)}}.footer{text-align:center;padding:var(--space-lg);color:var(--text-tertiary);font-size:var(--font-size-xs);border-top:1px solid var(--border-color)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--bg-primary)}.auth-card{background:var(--bg-secondary);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.auth-card .subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:var(--space-xl)}.auth-divider{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);margin:var(--space-lg) 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--border-color)}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--text-tertiary)}.auth-footer button{background:none;border:none;color:var(--blue-500);font-weight:600;cursor:pointer}.fab{position:fixed;bottom:90px;right:20px;width:58px;height:58px;border-radius:50%;background:var(--gradient-hero);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7b4fa066;z-index:900;transition:all var(--transition-fast);animation:fabPulse 3s ease-in-out infinite}.fab:hover{transform:scale(1.1);box-shadow:0 6px 28px #7b4fa080}.fab:active{transform:scale(.95)}@media(min-width:769px){.fab{bottom:30px;right:30px}}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px #7b4fa066}50%{box-shadow:0 4px 30px #b76e7980}}.ai-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#0006;animation:fadeIn .2s ease-out}.ai-panel{width:100%;max-width:600px;height:85dvh;max-height:85vh;background:var(--bg-primary);border-top:1px solid var(--border-color);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}@media(min-width:769px){.ai-panel{position:fixed;bottom:20px;right:20px;max-height:70vh;width:420px;border-radius:var(--radius-2xl)}.ai-overlay{background:transparent;pointer-events:none}.ai-panel{pointer-events:all}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes growPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.2}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-600)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-muted{color:var(--text-tertiary)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.page-header-img{width:100%;height:200px;object-fit:cover;object-position:center 25%;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md)}.quiz-option{border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.quiz-option.quiz-option-selected{border:2px solid var(--brand-400);background:#b76e7926;color:var(--gold-300)}.quiz-option.quiz-option-selected .quiz-option-label{color:var(--gold-300)}