@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#5a5a5a;--text-light:#8e8e8e;--gold-primary:#d4af37;--gold-light:#f4e7be;--gold-dark:#aa8c2c;--accent-primary:#34c759;--accent-soft:#d4af371a;--border-light:#0000000d;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #0000000f;--shadow-lg:0 16px 40px #d4af3714;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}input,select,textarea{font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}.glass-panel{-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);background:#fffc;border:1px solid #ffffff4d}.text-gold{color:var(--gold-primary)}.bg-gold{background-color:var(--gold-primary);color:#fff}.heading-lg{letter-spacing:-.02em;font-size:3rem}@media (width<=768px){.heading-lg{font-size:2.25rem}}.heading-md{letter-spacing:-.01em;font-size:2rem}.text-body{color:var(--text-secondary);font-size:1.125rem}.btn{border-radius:var(--radius-full);font-weight:500;font-family:var(--font-body);transition:var(--transition-smooth);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.875rem 1.75rem;font-size:1rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;box-shadow:0 4px 12px #d4af374d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4af3766}.btn-outline{border:1px solid var(--gold-primary);color:var(--gold-primary);background:0 0}.btn-outline:hover{background:var(--accent-soft)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.quick-log-switcher{white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:90;align-items:center;gap:8px;width:100%;padding:.65rem 1.25rem;display:flex;position:relative;overflow-x:auto;box-shadow:0 1px 4px #00000005;background:var(--bg-secondary)!important;border-bottom:1px solid var(--border-light)!important;margin-top:56px!important}.quick-log-switcher::-webkit-scrollbar{display:none}.quick-switch-btn{cursor:pointer;align-items:center;gap:4px;display:inline-flex;border:1px solid var(--border-light)!important;background:var(--bg-primary)!important;color:var(--text-secondary)!important;transition:var(--transition-smooth)!important;border-radius:20px!important;padding:6px 14px!important;font-size:.8rem!important;font-weight:500!important}.quick-switch-btn:hover{transform:translateY(-1px);background:var(--bg-secondary)!important;border-color:var(--gold-light)!important;color:var(--gold-dark)!important}.quick-switch-btn.active{color:var(--gold-dark)!important;background:#d4af371a!important;border:1px solid #d4af3766!important;font-weight:700!important;box-shadow:0 2px 8px #d4af3726!important}@keyframes stepIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes stepOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d4af3740}50%{box-shadow:0 0 28px 6px #d4af371f}}.quiz-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#0a0a0a8c;justify-content:center;align-items:center;padding:1rem;animation:.35s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}.quiz-container{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#ffffffeb;border:1px solid #ffffff80;width:100%;max-width:640px;max-height:92vh;padding:2.25rem 2rem 2rem;animation:.45s cubic-bezier(.16,1,.3,1) forwards stepIn;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0000001f,0 2px 8px #d4af370f}.quiz-container::-webkit-scrollbar{width:5px}.quiz-container::-webkit-scrollbar-track{background:0 0}.quiz-container::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:var(--radius-full)}.quiz-header{flex-direction:column;gap:.75rem;margin-bottom:1.75rem;display:flex}.quiz-header-row{justify-content:space-between;align-items:center;display:flex}.quiz-header .close-btn{border-radius:var(--radius-full);background:var(--bg-primary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1.15rem;display:flex}.quiz-header .close-btn:hover{background:var(--gold-light);color:var(--gold-dark);transform:rotate(90deg)}.step-indicator{font-family:var(--font-body);color:var(--gold-primary);letter-spacing:.04em;white-space:nowrap;font-size:.8rem;font-weight:600}.progress-bar{border-radius:var(--radius-full);background:#d4af371f;flex:1;height:5px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold-primary), var(--gold-light), var(--gold-primary));background-size:200% 100%;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);animation:3s ease-in-out infinite shimmer}.step-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--gold-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.quiz-step-header{margin-bottom:1.5rem}.quiz-body{min-height:200px}.input-label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.45rem;font-size:.82rem;font-weight:500;display:block}.select-row{gap:.5rem;display:flex}.select-btn{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);flex:1;padding:.7rem 1rem;font-size:.95rem;font-weight:500}.select-btn:hover{border-color:#d4af3759}.select-btn.selected{border-color:var(--gold-primary);color:var(--gold-dark);background:linear-gradient(135deg,#f4e7be59,#d4af3714);box-shadow:0 0 0 3px #d4af371f}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper .quiz-input{padding-right:3rem}.input-unit{font-family:var(--font-body);color:var(--text-light);pointer-events:none;font-size:.85rem;font-weight:500;position:absolute;right:1rem}.input-fields{flex-direction:column;gap:.5rem;display:flex}.quiz-step{animation:.5s cubic-bezier(.16,1,.3,1) forwards stepIn}.quiz-step.exiting{animation:.35s cubic-bezier(.7,0,.84,0) forwards stepOut}.quiz-question{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.55rem;font-weight:600;line-height:1.3}.quiz-subtitle{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:1.75rem;font-size:.95rem;line-height:1.6}.option-grid{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.option-card{border:1.5px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;align-items:center;gap:.9rem;padding:1rem 1.15rem;display:flex}.option-card:hover{border-color:#d4af3759;transform:translateY(-2px);box-shadow:0 8px 20px #d4af3714,0 2px 6px #0000000a}.option-card:active{transform:translateY(0)}.option-card.selected{border-color:var(--gold-primary);background:linear-gradient(135deg,#f4e7be59 0%,#d4af3714 100%);box-shadow:0 0 0 3px #d4af371f,0 6px 18px #d4af371a}.option-icon{background:var(--accent-soft);width:42px;height:42px;transition:var(--transition-smooth);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.option-card.selected .option-icon{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff}.option-label{font-family:var(--font-body);color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.35}.option-desc{font-family:var(--font-body);color:var(--text-light);margin-top:.15rem;font-size:.82rem;line-height:1.5}.input-group{margin-bottom:1.25rem}.input-group label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.45rem;font-size:.82rem;font-weight:500;display:block}.quiz-input{width:100%;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);border:1.5px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-smooth);outline:none;padding:.8rem 1rem;font-size:1rem}.quiz-input::placeholder{color:var(--text-light)}.quiz-input:focus{border-color:var(--gold-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #d4af371a}.input-row{grid-template-columns:repeat(2,1fr);gap:1.25rem 1.5rem;display:grid}.input-row .input-group{margin-bottom:0}.slider-group{margin-bottom:1.5rem}.slider-group label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.02em;margin-bottom:.75rem;font-size:.82rem;font-weight:500;display:block}.quiz-slider{appearance:none;border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold-light) 0%, #d4af3726 100%);cursor:pointer;width:100%;height:6px;transition:var(--transition-smooth);outline:none}.quiz-slider::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));cursor:grab;width:22px;height:22px;transition:var(--transition-smooth);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #d4af3759}.quiz-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 14px #d4af3773}.quiz-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.quiz-slider::-moz-range-thumb{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));cursor:grab;width:22px;height:22px;transition:var(--transition-smooth);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #d4af3759}.quiz-slider::-moz-range-thumb:hover{transform:scale(1.15)}.quiz-slider::-moz-range-track{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold-light) 0%, #d4af3726 100%);height:6px}.slider-labels{font-family:var(--font-body);color:var(--text-light);justify-content:space-between;margin-top:.45rem;font-size:.75rem;display:flex}.slider-value{text-align:center;font-family:var(--font-heading);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.6rem;font-size:1.8rem;font-weight:700}.quiz-nav{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.75rem;padding-top:1.25rem;display:flex}.quiz-nav .btn-back{font-family:var(--font-body);color:var(--text-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);background:0 0;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:500;display:inline-flex}.quiz-nav .btn-back:hover{border-color:var(--gold-primary);color:var(--gold-primary);background:var(--accent-soft)}.quiz-nav .btn-next{font-family:var(--font-body);color:#fff;background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.4rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #d4af374d}.quiz-nav .btn-next:hover{transform:translateY(-2px);box-shadow:0 8px 22px #d4af3766}.quiz-nav .btn-next:active{transform:translateY(0)}.quiz-nav .btn-next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.step-dots{justify-content:center;align-items:center;gap:.45rem;margin-top:1.25rem;display:flex}.step-dot{width:8px;height:8px;transition:var(--transition-smooth);background:#d4af3733;border-radius:50%}.step-dot.active{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--gold-primary), var(--gold-dark));width:24px;animation:2s ease-in-out infinite pulseGlow}.step-dot.completed{background:var(--gold-primary)}@media (width>=520px){.option-grid{grid-template-columns:repeat(2,1fr)}.quiz-question{font-size:1.7rem}}@media (width<=480px){.quiz-container{border-radius:16px;max-height:96vh;padding:1.5rem 1.15rem 1.25rem}.quiz-question{font-size:1.3rem}.quiz-subtitle{font-size:.88rem}.option-card{gap:.75rem;padding:.85rem 1rem}.option-icon{border-radius:8px;width:36px;height:36px;font-size:1rem}.input-row{grid-template-columns:repeat(2,1fr);gap:.85rem 1rem}.quiz-nav .btn-back{padding:.6rem 1rem;font-size:.85rem}.quiz-nav .btn-next{padding:.65rem 1.35rem;font-size:.85rem}.slider-value{font-size:1.5rem}}@keyframes countUp{0%{opacity:0;filter:blur(8px);transform:scale(.4)}50%{opacity:.6;filter:blur(2px);transform:scale(1.08)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes ringDraw{0%{stroke-dashoffset:565px}to{stroke-dashoffset:var(--ring-offset,100)}}@keyframes barGrow{0%{width:0%}to{width:var(--bar-fill,0%)}}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes badgePop{0%{opacity:0;transform:scale(.6)translateY(8px)}60%{transform:scale(1.1)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.result-overlay{z-index:1000;-webkit-backdrop-filter:blur(10px);scroll-behavior:smooth;background:#0a0a0a73;justify-content:center;align-items:flex-start;padding:2rem 1rem;animation:.4s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.result-container{background:var(--bg-secondary);border-radius:var(--radius-lg);width:100%;max-width:720px;animation:.6s cubic-bezier(.16,1,.3,1) .15s both containerReveal;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000001f,0 0 0 1px #d4af3714}@keyframes containerReveal{0%{opacity:0;transform:translateY(40px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.result-header{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex;position:sticky;top:0}.result-header button{border-radius:var(--radius-full);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;font-size:1.15rem;display:inline-flex}.result-header button:hover{background:var(--gold-light);color:var(--gold-dark);transform:scale(1.05)}.result-hero{text-align:center;background:radial-gradient(at 50% 0,#f4e7be59 0%,#0000 65%),linear-gradient(#d4af370a 0%,#0000 100%);flex-direction:column;align-items:center;padding:3rem 2rem 2.5rem;display:flex}.age-reveal{justify-content:center;align-items:center;width:240px;height:240px;margin-bottom:1.5rem;animation:3s ease-in-out 1.6s infinite pulseGlow;display:flex;position:relative}.age-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.age-ring-svg{width:100%;height:100%;position:absolute;inset:0}.age-ring-progress{filter:drop-shadow(0 0 6px #d4af374d);transition:stroke-dashoffset 2s cubic-bezier(.25,.46,.45,.94)}.age-number{font-family:var(--font-heading);letter-spacing:-.03em;background:linear-gradient(135deg, var(--gold-dark) 0%, var(--gold-primary) 50%, #e8c84a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:700;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) .6s both countUp}.age-label{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-light);margin-top:.25rem;font-size:.8125rem;font-weight:500;animation:.8s ease-out .9s both countUp}.age-comparison{border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid var(--border-light);justify-content:center;align-items:stretch;gap:1.5rem;margin:0 2rem;padding:1.75rem 2rem;animation:.7s cubic-bezier(.16,1,.3,1) 1s both cardSlideUp;display:flex}.comparison-item{flex-direction:column;flex:1;align-items:center;gap:.25rem;display:flex;position:relative}.comparison-item+.comparison-item:before{content:"";background:linear-gradient(180deg, transparent, var(--gold-light) 30%, var(--gold-primary) 50%, var(--gold-light) 70%, transparent);width:1px;position:absolute;top:10%;bottom:10%;left:-.75rem}.comparison-value{font-family:var(--font-heading);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.15}.comparison-label{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);font-size:.75rem;font-weight:500}.comparison-value.bio{color:var(--gold-primary)}.comparison-value.chrono{color:var(--text-primary)}.comparison-divider{justify-content:center;align-items:center;padding:0 .5rem;display:flex}.vs-text{font-family:var(--font-body);color:var(--text-light);letter-spacing:.08em;font-size:.75rem;font-weight:600}.comparison-section{padding:1rem 0 0}.result-section.visible{animation:.7s cubic-bezier(.16,1,.3,1) forwards cardSlideUp}.section-desc{font-family:var(--font-body);color:var(--text-secondary);margin-bottom:1.25rem;font-size:.875rem;line-height:1.6}.health-bar-header{justify-content:space-between;align-items:center;display:flex}.result-close-btn{border-radius:var(--radius-full);background:var(--bg-primary);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;display:inline-flex}.result-close-btn:hover{background:var(--gold-light);color:var(--gold-dark);transform:scale(1.05)}.tip-content{flex-direction:column;gap:.35rem;display:flex}.age-badge{border-radius:var(--radius-full);font-family:var(--font-body);align-items:center;gap:.35rem;margin-top:1rem;padding:.4rem 1rem;font-size:.8125rem;font-weight:600;animation:.6s cubic-bezier(.34,1.56,.64,1) 1.3s both badgePop;display:inline-flex}.age-badge.badge-young{color:#1a8a4a;background:#22aa5514;border:1px solid #22aa552e}.age-badge.badge-old{color:#c06720;background:#e8833a1a;border:1px solid #e8833a33}.age-badge.badge-neutral{color:var(--gold-dark);background:#d4af371a;border:1px solid #d4af3733}.result-section{opacity:0;padding:2rem 2rem 1rem}.result-section+.result-section{border-top:1px solid var(--border-light)}.section-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.35rem;font-weight:600;display:flex}.section-title:before{content:"";background:linear-gradient(180deg, var(--gold-primary), var(--gold-dark));border-radius:2px;flex-shrink:0;width:4px;height:1.1em;display:inline-block}.health-bars{flex-direction:column;gap:1rem;padding-bottom:.5rem;display:flex}.health-bar-item{flex-direction:column;gap:.4rem;display:flex}.health-bar-label{font-family:var(--font-body);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;display:flex}.health-bar-score{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:.8125rem;font-weight:600}.health-bar-track{border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid #00000008;width:100%;height:10px;overflow:hidden}.health-bar-fill{border-radius:var(--radius-full);width:0%;height:100%;position:relative;overflow:hidden}.health-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff59 50%,#0000 100%) 0 0/200% 100%;animation:2.5s ease-in-out 1.4s infinite shimmer;position:absolute;inset:0}.health-bar-fill.score-high{background:linear-gradient(90deg, var(--gold-primary), #e8c84a, #f0d76e);animation-delay:.2s}.health-bar-fill.score-mid{background:linear-gradient(90deg, #c4a235, var(--gold-primary), var(--gold-light));animation-delay:.35s}.health-bar-fill.score-low{background:linear-gradient(90deg, #b8922a, #cca830, var(--gold-primary));animation-delay:.5s}.health-bar-fill.score-excellent{background:linear-gradient(90deg, #34a853, #78b944, var(--gold-primary));animation-delay:.15s}.health-bar-item:first-child .health-bar-fill{animation-delay:.4s}.health-bar-item:nth-child(2) .health-bar-fill{animation-delay:.55s}.health-bar-item:nth-child(3) .health-bar-fill{animation-delay:.7s}.health-bar-item:nth-child(4) .health-bar-fill{animation-delay:.85s}.health-bar-item:nth-child(5) .health-bar-fill{animation-delay:1s}.health-bar-item:nth-child(6) .health-bar-fill{animation-delay:1.15s}.tips-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-bottom:.5rem;display:grid}.tip-card{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(14px);transition:var(--transition-smooth);cursor:default;opacity:0;background:#ffffff8c;border:1px solid #d4af371a;flex-direction:column;gap:.75rem;padding:1.25rem;animation:.65s cubic-bezier(.16,1,.3,1) forwards cardSlideUp;display:flex;box-shadow:0 4px 16px #0000000a,inset 0 1px #fff9}.tip-card:first-child{animation-delay:.6s}.tip-card:nth-child(2){animation-delay:.75s}.tip-card:nth-child(3){animation-delay:.9s}.tip-card:nth-child(4){animation-delay:1.05s}.tip-card:nth-child(5){animation-delay:1.2s}.tip-card:nth-child(6){animation-delay:1.35s}.tip-card:hover{border-color:#d4af3733;transform:translateY(-3px);box-shadow:0 8px 28px #d4af371a,inset 0 1px #fffc}.tip-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--gold-dark);background:linear-gradient(135deg,#f4e7beb3,#d4af3726);border:1px solid #d4af371f;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.tip-title{font-family:var(--font-body);color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3}.tip-desc{font-family:var(--font-body);color:var(--text-secondary);font-size:.8125rem;font-weight:400;line-height:1.55}.result-cta{border-top:1px solid var(--border-light);background:linear-gradient(#0000 0%,#f4e7be26 100%);flex-direction:column;align-items:center;gap:.75rem;padding:2rem 2rem 2.5rem;display:flex}.share-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;max-width:360px;font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9375rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #d4af374d}.share-btn:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#fff3,#0000) 0 0/200% 100%;transition:opacity .4s;position:absolute;inset:0}.share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759}.share-btn:hover:before{opacity:1;animation:1.8s ease-in-out infinite shimmer}.share-btn:active{transform:translateY(0);box-shadow:0 2px 8px #d4af3740}.retake-btn{border-radius:var(--radius-full);width:100%;max-width:360px;color:var(--gold-dark);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1.5px solid #d4af3740;justify-content:center;align-items:center;gap:.4rem;padding:.8125rem 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.retake-btn:hover{background:var(--accent-soft);border-color:var(--gold-primary);transform:translateY(-1px)}.retake-btn:active{transform:translateY(0)}@media (width<=640px){.result-overlay{align-items:flex-start;padding:0}.result-container{border-radius:0;width:100%;max-width:100%;min-height:100dvh}.result-hero{padding:2.5rem 1.25rem 2rem}.age-reveal{width:180px;height:180px}.age-number{font-size:3.5rem}.age-comparison{gap:1rem;margin:0 1.25rem;padding:1.25rem 1rem}.comparison-value{font-size:1.65rem}.result-section{padding:1.5rem 1.25rem .75rem}.tips-grid{grid-template-columns:1fr;gap:.75rem}.tip-card{flex-direction:row;align-items:flex-start;padding:1rem}.result-cta{padding:1.5rem 1.25rem 2rem}.section-title{font-size:1.2rem}.result-header{padding:.875rem 1.25rem}}@media (width<=380px){.age-reveal{width:160px;height:160px}.age-number{font-size:3rem}.comparison-value{font-size:1.4rem}.age-comparison{flex-direction:column;align-items:center;gap:1rem}.comparison-item+.comparison-item:before{background:linear-gradient(90deg, transparent, var(--gold-light) 30%, var(--gold-primary) 50%, var(--gold-light) 70%, transparent);width:auto;height:1px;inset:-.5rem 25% auto}}@media (prefers-reduced-motion:reduce){.age-number,.age-label,.age-badge,.age-comparison,.tip-card,.result-container{opacity:1!important;animation:none!important;transform:none!important}.age-ring .ring-fill{stroke-dashoffset:var(--ring-offset,100)!important;animation:none!important}.health-bar-fill{width:var(--bar-width,70%)!important;animation:none!important}.health-bar-fill:after,.age-reveal{animation:none!important}}.detail-overlay{z-index:2500;-webkit-backdrop-filter:blur(10px);background:#1a1a1a59;justify-content:center;align-items:center;padding:2rem;animation:.35s forwards overlayFadeIn;display:flex;position:fixed;inset:0}.detail-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--gold-light) transparent;width:100%;max-width:580px;max-height:88vh;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0000001f,0 8px 24px #0000000f,0 0 0 1px #ffffff1a}.detail-container::-webkit-scrollbar{width:5px}.detail-container::-webkit-scrollbar-track{background:0 0}.detail-container::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:var(--radius-full)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-close{z-index:10;border-radius:var(--radius-full);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffd9;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex;position:absolute;top:1rem;right:1rem;box-shadow:0 2px 8px #0000000d}.detail-close:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--gold-light);transform:rotate(90deg)}.detail-hero{text-align:center;background:radial-gradient(ellipse 70% 50% at 50% 30%, #d4af370f 0%, transparent 70%), var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:2.5rem 2rem 1.75rem;animation:.5s cubic-bezier(.16,1,.3,1) .15s both detailContentFadeIn}.detail-hero .detail-emoji{filter:drop-shadow(0 4px 8px #0000000f);margin-bottom:1rem;font-size:3.5rem;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) .3s both emojiPop;display:inline-block}@keyframes emojiPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.detail-name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.65rem;font-weight:700;line-height:1.25}.detail-name-en{font-family:var(--font-body);color:var(--text-light);text-transform:capitalize;margin-bottom:.85rem;font-size:.85rem;font-weight:400}.detail-hero .evidence-stars{align-items:center;gap:3px;display:inline-flex}.detail-hero .star-filled{color:var(--gold-primary);filter:drop-shadow(0 1px 3px #d4af3740);font-size:1rem}.detail-hero .star-empty{color:var(--border-light);opacity:.55;font-size:1rem}.evidence-label{font-family:var(--font-body);color:var(--text-light);margin-left:.35rem;font-size:.75rem;font-weight:500}.detail-section{border-bottom:1px solid var(--border-light);padding:1.5rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) both detailContentFadeIn}.detail-section:nth-child(3){animation-delay:.2s}.detail-section:nth-child(4){animation-delay:.26s}.detail-section:nth-child(5){animation-delay:.32s}.detail-section:nth-child(6){animation-delay:.38s}.detail-section:nth-child(7){animation-delay:.44s}.detail-section:nth-child(8){animation-delay:.5s}.detail-section:nth-child(9){animation-delay:.56s}.detail-section:nth-child(10){animation-delay:.62s}.detail-section:last-child{border-bottom:none}@keyframes detailContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.detail-section-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.85rem;padding-left:.85rem;font-size:1.05rem;font-weight:600;position:relative}.detail-section-title:before{content:"";border-radius:var(--radius-full);background:linear-gradient(180deg, var(--gold-primary), var(--gold-light));width:3px;position:absolute;top:.15em;bottom:.15em;left:0}.detail-description{font-family:var(--font-body);color:var(--text-secondary);font-size:.9rem;line-height:1.7}.detail-info-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.detail-info-item{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);transition:var(--transition-smooth);padding:.9rem}.detail-info-item:hover{border-color:#d4af3726;box-shadow:0 2px 12px #d4af370d}.detail-info-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);margin-bottom:.35rem;font-size:.65rem;font-weight:600;display:block}.detail-info-value{font-family:var(--font-body);color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4}.synergy-list{flex-direction:column;gap:.65rem;display:flex}.synergy-item{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);transition:var(--transition-smooth);align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.synergy-item:hover{background:#f4e7be14;border-color:#d4af372e}.synergy-item .synergy-icon{flex-shrink:0;margin-top:.1rem;font-size:1.35rem;line-height:1}.synergy-item-content{flex:1;min-width:0}.synergy-name{font-family:var(--font-body);color:var(--text-primary);margin-bottom:.2rem;font-size:.85rem;font-weight:600}.synergy-reason{font-family:var(--font-body);color:var(--text-secondary);font-size:.775rem;line-height:1.5}.synergy-header{align-items:center;gap:.4rem;margin-bottom:.2rem;display:flex}.synergy-arrow{color:var(--gold-primary);flex-shrink:0}.detail-tags{flex-wrap:wrap;gap:.5rem;display:flex}.detail-tag{border-radius:var(--radius-full);color:var(--gold-dark);font-family:var(--font-body);transition:var(--transition-smooth);background:#f4e7be4d;padding:.3rem .75rem;font-size:.8rem;font-weight:500;display:inline-block}.detail-tag:hover{background:#f4e7be80}.caution-box{border-radius:var(--radius-md);background:#f4e7be26;border:1px solid #d4af3733;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;display:flex}.caution-icon{filter:drop-shadow(0 1px 2px #d4af3726);flex-shrink:0;margin-top:.05rem;font-size:1.2rem;line-height:1}.caution-text{font-family:var(--font-body);color:var(--text-secondary);font-size:.825rem;line-height:1.6}.caution-text strong{color:var(--gold-dark);font-weight:600}.deficiency-box{border-radius:var(--radius-md);background:#36a2eb0f;border:1px solid #36a2eb26;padding:1rem 1.1rem}.deficiency-box .detail-description{color:var(--text-secondary)}.overdose-box{border-radius:var(--radius-md);background:#ff9f430f;border:1px solid #ff9f432e;padding:1rem 1.1rem}.overdose-box .detail-description{color:var(--text-secondary)}.food-source-list{flex-direction:column;gap:0;display:flex}.food-source-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.food-source-item:last-child{border-bottom:none}.food-source-name{font-family:var(--font-body);color:var(--text-primary);flex-shrink:0;font-size:.88rem;font-weight:500}.food-source-amount{font-family:var(--font-body);color:var(--gold-dark);text-align:right;white-space:nowrap;border-radius:var(--radius-full);background:#f4e7be40;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.detail-cta{flex-direction:column;gap:.65rem;padding:1.25rem 2rem 2rem;display:flex}.detail-cta-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;transition:var(--transition-smooth);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 16px #d4af374d}.detail-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3766}.detail-cta-btn:active{transform:translateY(0);box-shadow:0 2px 8px #d4af374d}.detail-cta-btn .btn-icon{font-size:1.05rem}.detail-cta .detail-cta-secondary{border-radius:var(--radius-full);border:1px solid var(--border-light);width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.25rem;font-size:.825rem;font-weight:500;display:flex}.detail-cta .detail-cta-secondary:hover{border-color:var(--gold-light);color:var(--gold-dark);background:var(--accent-soft)}.detail-overlay.closing{animation:.3s forwards overlayFadeOut}.detail-overlay.closing .detail-container{animation:.3s cubic-bezier(.55,0,1,.45) forwards modalSlideDown}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.97)}}@media (width<=640px){.detail-overlay{align-items:flex-end;padding:0}.detail-container{border-radius:24px 24px 0 0;max-width:100%;height:auto;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards modalSlideUpMobile;box-shadow:0 -10px 40px #0003}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.detail-hero{padding:2rem 1.25rem 1.5rem}.detail-hero .detail-emoji{font-size:2.75rem}.detail-name{font-size:1.4rem}.detail-section{padding:1.25rem}.detail-info-grid{grid-template-columns:1fr 1fr;gap:.65rem}.detail-cta{padding:1rem 1.25rem 1.75rem}.detail-close{top:.75rem;right:.75rem}}@media (width<=380px){.detail-info-grid{grid-template-columns:1fr}}.premium-scan-analyzer{animation:.6s cubic-bezier(.16,1,.3,1) both cardSlideUp;background:linear-gradient(135deg,#d4af370d 0%,#f4e7be1f 100%)!important;border:1.5px solid #d4af3759!important;border-radius:18px!important;margin:1.25rem 1.5rem .5rem!important;padding:1.25rem!important;box-shadow:0 4px 15px #d4af370f,inset 0 1px #ffffffe6!important}.premium-scan-tag-card{font-family:var(--font-body)!important;border-radius:8px!important;padding:.75rem .9rem!important;transition:all .25s!important;box-shadow:0 2px 8px #00000005!important}.premium-scan-tag-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af370f!important}.premium-scan-tag-card.synergy{background:#34c75908!important;border:1px solid #34c7590f!important;border-left:4px solid #34c759!important}.premium-scan-tag-card.warning{background:#ff6b6b08!important;border:1px solid #ff6b6b0f!important;border-left:4px solid #ff6b6b!important}.detail-scrollable-body{scrollbar-width:thin;scrollbar-color:var(--gold-light) transparent;padding:1rem 1.5rem!important}.detail-scrollable-body::-webkit-scrollbar{width:4px}.detail-scrollable-body::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:4px}.supplements-page{background-color:var(--bg-primary);min-height:100vh;position:relative;overflow-x:hidden}.supplements-header{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);background:#ffffffb8;align-items:center;gap:1rem;padding:.875rem 1.5rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #00000008}.supplements-header .back-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.supplements-header .back-btn:hover{background:var(--accent-soft);border-color:var(--gold-primary);color:var(--gold-dark);transform:translate(-2px)}.supplements-header .header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.supplements-hero{background:radial-gradient(ellipse 60% 50% at 70% 40%, #d4af370f 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 20% 70%, #f4e7be14 0%, transparent 70%), var(--bg-secondary);border-bottom:1px solid var(--border-light);text-align:center;margin-top:62px;padding:3rem 1.5rem 2.25rem;animation:.7s cubic-bezier(.16,1,.3,1) forwards heroFadeIn}.hero-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:2rem;font-weight:700}.hero-desc{font-family:var(--font-body);color:var(--text-secondary);max-width:480px;margin:0 auto;font-size:1rem;line-height:1.6}.search-bar{border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-light);max-width:420px;transition:var(--transition-smooth);align-items:center;gap:.5rem;margin:1.5rem auto 0;padding:.75rem 1rem;display:flex}.search-bar:focus-within{border-color:var(--gold-primary);background:var(--bg-secondary);box-shadow:0 0 0 3px #d4af371a}.search-icon{color:var(--text-light);flex-shrink:0}.search-input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.search-input::placeholder{color:var(--text-light)}.category-tabs-wrapper{z-index:90;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-light);background:#fafafad9;align-items:center;display:flex;position:sticky;top:62px}.category-name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:600}.category-count{border-radius:var(--radius-full);background:var(--accent-soft);min-width:24px;height:24px;color:var(--gold-dark);font-family:var(--font-body);justify-content:center;align-items:center;padding:0 .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.category-icon{font-size:1.5rem}.category-icon-lg{font-size:2.5rem}.supplement-icon{filter:drop-shadow(0 2px 4px #0000000f);font-size:2rem;line-height:1}.view-detail{font-family:var(--font-body);color:var(--gold-primary);transition:var(--transition-smooth);align-items:center;gap:.2rem;font-size:.775rem;font-weight:500;display:inline-flex}.supplement-card:hover .view-detail{color:var(--gold-dark)}.active-category-header{align-items:center;gap:1rem;padding:2rem 0 1.5rem;display:flex}.active-category-name{font-family:var(--font-heading);color:var(--text-primary);font-size:1.5rem;font-weight:600}.active-category-desc{font-family:var(--font-body);color:var(--text-secondary);margin-top:.25rem;font-size:.9rem;line-height:1.5}.empty-state{text-align:center;color:var(--text-light);padding:4rem 1.5rem;font-size:.95rem}.header-spacer{flex-shrink:0;width:40px}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.supplements-content{max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem}.category-tabs{-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:.5rem;padding:.875rem .5rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards tabSlideIn;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-body);white-space:nowrap;cursor:pointer;transition:var(--transition-smooth);flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.825rem;font-weight:500;display:inline-flex}.category-tab:hover{border-color:var(--gold-light);color:var(--gold-dark);background:#f4e7be26}.category-tab.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;box-shadow:0 4px 14px #d4af3740}.category-tab.active:hover{box-shadow:0 6px 18px #d4af3759}.category-tab-icon{font-size:1rem;line-height:1}@keyframes tabSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-section{margin-top:2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards cardFadeIn}.category-header{align-items:center;gap:.625rem;margin-bottom:.5rem;display:flex}.category-header h2{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:600}.category-header .category-icon{font-size:1.5rem}.category-header .count-badge{border-radius:var(--radius-full);background:var(--accent-soft);min-width:24px;height:24px;color:var(--gold-dark);font-family:var(--font-body);justify-content:center;align-items:center;padding:0 .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.category-desc{font-family:var(--font-body);color:var(--text-light);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.supplement-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.supplement-card{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-sm);opacity:0;background:#ffffffbf;padding:1.35rem;animation:.55s cubic-bezier(.16,1,.3,1) forwards cardFadeIn;position:relative}.supplement-card:first-child{animation-delay:40ms}.supplement-card:nth-child(2){animation-delay:80ms}.supplement-card:nth-child(3){animation-delay:.12s}.supplement-card:nth-child(4){animation-delay:.16s}.supplement-card:nth-child(5){animation-delay:.2s}.supplement-card:nth-child(6){animation-delay:.24s}.supplement-card:nth-child(7){animation-delay:.28s}.supplement-card:nth-child(8){animation-delay:.32s}.supplement-card:nth-child(9){animation-delay:.36s}.supplement-card:nth-child(10){animation-delay:.4s}.supplement-card:nth-child(11){animation-delay:.44s}.supplement-card:nth-child(12){animation-delay:.48s}.supplement-card:hover{box-shadow:var(--shadow-md);border-color:#d4af3740;transform:translateY(-6px)}.supplement-card:active{box-shadow:var(--shadow-sm);transform:translateY(-2px)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.supplement-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.supplement-card-header .card-emoji{filter:drop-shadow(0 2px 4px #0000000f);font-size:2rem;line-height:1}.supplement-name{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.15rem;font-size:1.1rem;font-weight:600;line-height:1.3}.supplement-name-en{font-family:var(--font-body);color:var(--text-light);text-transform:capitalize;margin-bottom:.6rem;font-size:.75rem;font-weight:400}.supplement-desc{font-family:var(--font-body);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.825rem;line-height:1.5;display:-webkit-box;overflow:hidden}.supplement-tags{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.supplement-tag{border-radius:var(--radius-full);color:var(--gold-dark);font-family:var(--font-body);letter-spacing:.01em;background:#f4e7be59;padding:.2rem .6rem;font-size:.675rem;font-weight:500;transition:background .25s;display:inline-block}.supplement-card:hover .supplement-tag{background:#f4e7be8c}.supplement-timing{border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--text-light);font-family:var(--font-body);background:#fafafae6;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.65rem;font-weight:500;display:inline-flex}.supplement-timing:before{content:"⏰";font-size:.7rem}.supplement-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:.85rem;padding-top:.75rem;display:flex}.supplement-footer .view-details{font-family:var(--font-body);color:var(--gold-primary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.3rem;padding:0;font-size:.775rem;font-weight:500;display:inline-flex}.supplement-footer .view-details:after{content:"→";transition:transform .3s}.supplement-footer .view-details:hover{color:var(--gold-dark)}.supplement-footer .view-details:hover:after{transform:translate(3px)}.evidence-stars{align-items:center;gap:2px;display:inline-flex}.star-filled{color:var(--gold-primary);filter:drop-shadow(0 1px 2px #d4af3733);font-size:.8rem}.star-empty{color:var(--border-light);opacity:.6;font-size:.8rem}.supplements-empty{text-align:center;padding:4rem 1.5rem}.supplements-empty .empty-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.supplements-empty h3{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:.5rem;font-size:1.25rem}.supplements-empty p{color:var(--text-light);font-size:.9rem}@media (width<=900px){.supplement-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.supplements-hero h1{font-size:1.65rem}.supplements-content{padding:0 1.25rem 3rem}}@media (width<=600px){.supplements-header{padding:.75rem 1rem}.supplements-header .header-title{font-size:1rem}.supplements-hero{margin-top:56px;padding:2rem 1rem 1.5rem}.supplements-hero h1{font-size:1.4rem}.supplements-hero p{font-size:.875rem}.category-tabs{scroll-behavior:smooth;gap:.4rem;padding:.625rem .2rem;top:56px}.category-tab{padding:.4rem .8rem;font-size:.775rem}.supplements-content{padding:0 1rem 2.5rem}.supplement-grid{grid-template-columns:1fr;gap:.85rem}.supplement-card{border-radius:var(--radius-md);padding:1.1rem}.supplement-card-header .card-emoji{font-size:1.65rem}.supplement-name{font-size:1rem}.supplement-desc{font-size:.8rem}.category-header h2{font-size:1.15rem}.category-section{margin-top:1.75rem}}.tabs-scroll-btn{border:1px solid var(--border-light);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;transition:var(--transition-smooth);background:#ffffffd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 2px 6px #0000000a}.tabs-scroll-btn:hover{background:var(--bg-secondary);color:var(--gold-dark);border-color:var(--gold-light);transform:scale(1.06)}.tabs-scroll-left{margin-left:.75rem}.tabs-scroll-right{margin-right:.75rem}@media (width<=600px){.tabs-scroll-btn{width:28px;height:28px}.tabs-scroll-left{margin-left:.4rem}.tabs-scroll-right{margin-right:.4rem}}@keyframes ssfFadeIn{0%{opacity:0}to{opacity:1}}@keyframes ssfSlideUp{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ssf-overlay{z-index:250;-webkit-backdrop-filter:blur(16px)saturate(1.2);background:#1a1a1a73;justify-content:center;align-items:center;padding:1.25rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards ssfFadeIn;display:flex;position:fixed;inset:0}.ssf-container{background:var(--bg-secondary,#fff);border:1px solid #fff6;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:82vh;animation:.5s cubic-bezier(.16,1,.3,1) forwards ssfSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #0000001f,0 8px 24px #0000000d,inset 0 1px #fff9}.ssf-header{border-bottom:1px solid var(--border-light,#f0f0f0);background:#ffffff80;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;display:flex}.ssf-title{font-family:var(--font-heading,inherit);color:var(--text-primary,#1a1a1a);letter-spacing:-.01em;margin:0;font-size:1.1rem;font-weight:600}.ssf-icon-btn{border:1px solid var(--border-light,#f0f0f0);background:var(--bg-secondary,#fff);width:34px;height:34px;color:var(--text-secondary,#4a4a4a);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:inline-flex}.ssf-icon-btn:hover{background:var(--bg-primary,#f9f9f9);border-color:var(--gold-light,#d4af3740);color:var(--gold-dark,#b8860b);transform:scale(1.04)}.ssf-search-area{background:var(--bg-secondary,#fff);border-bottom:1px solid var(--border-light,#f0f0f0);padding:1rem 1.5rem}.ssf-search-field{background:var(--bg-primary,#f7f7f7);border:1.5px solid var(--border-light,#e8e8e8);border-radius:14px;align-items:center;gap:.65rem;padding:.65rem .95rem;transition:all .3s;display:flex;position:relative}.ssf-search-field:focus-within{background:var(--bg-secondary,#fff);border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 4px #d4af3714}.ssf-search-icon{color:var(--text-light,#999);flex-shrink:0}.ssf-search-input{color:var(--text-primary,#111);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.95rem}.ssf-search-input::placeholder{color:var(--text-light,#a0a0a0)}.ssf-clear{color:var(--text-light,#999);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.ssf-clear:hover{color:var(--text-primary,#111)}.ssf-body{background:var(--bg-secondary,#fff);flex:1;padding:1.5rem;overflow-y:auto}.ssf-section-label{color:var(--text-light,#8e8e93);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .85rem;font-size:.78rem;font-weight:600}.ssf-chips{flex-wrap:wrap;gap:.55rem;margin-bottom:1.75rem;display:flex}.ssf-cat-chip{border:1px solid var(--border-light,#e2e2e2);background:var(--bg-secondary,#fff);color:var(--text-secondary,#3a3a3c);cursor:pointer;border-radius:20px;padding:.5rem .95rem;font-size:.82rem;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1)}.ssf-cat-chip:hover{background:var(--accent-soft,#fdfaf2);border-color:var(--gold-light,#d4af374d);color:var(--gold-dark,#b8860b);transform:translateY(-1px)}.ssf-cat-chip:active{transform:translateY(0)}.ssf-direct-add{background:var(--bg-primary,#f9f9fb);border:1.5px dashed var(--border-light,#e5e5ea);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:.75rem;padding:1.35rem;display:flex}.ssf-direct-text{color:var(--text-secondary,#555557);margin:0;font-size:.85rem}.ssf-outline-btn{border:1.5px solid var(--gold-primary,#d4af37);color:var(--gold-primary,#d4af37);cursor:pointer;background:0 0;border-radius:20px;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.35rem;font-size:.82rem;font-weight:600;transition:all .25s;display:inline-flex}.ssf-outline-btn:hover{background:var(--gold-primary,#d4af37);color:#fff;transform:scale(1.02);box-shadow:0 4px 12px #d4af3733}.ssf-result-list{flex-direction:column;gap:.75rem;display:flex}.ssf-result-card{border:1px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);text-align:left;cursor:pointer;border-radius:16px;align-items:center;gap:1rem;width:100%;padding:.85rem 1.15rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.ssf-result-card:hover{border-color:var(--gold-light,#d4af3740);transform:translateY(-2px);box-shadow:0 6px 20px #00000008,0 2px 6px #d4af370d}.ssf-result-info{flex-direction:column;flex:1;min-width:0;display:flex}.ssf-result-brand{color:var(--text-light,#8e8e93);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.72rem;font-weight:600}.ssf-result-name{color:var(--text-primary,#1c1c1e);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:600;overflow:hidden}.ssf-result-meta{color:var(--text-light,#8e8e93);margin-top:.25rem;font-size:.75rem}.ssf-result-arrow{color:var(--text-light,#c7c7cc);transition:transform .25s}.ssf-result-card:hover .ssf-result-arrow{color:var(--gold-primary,#d4af37);transform:translate(3px)}.ssf-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.15rem;padding:3.5rem 1.5rem;display:flex}.ssf-empty-text{color:var(--text-secondary,#555557);margin:0;font-size:.9rem;line-height:1.45}.ssf-thumb{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;box-shadow:inset 0 -3px #0000001a}.ssf-thumb-letter{font-family:var(--font-heading,inherit);text-shadow:0 1px 2px #00000026}.ssf-setup-preview{background:var(--bg-primary,#f9f9fb);border:1px solid var(--border-light,#f0f0f2);border-radius:18px;align-items:center;gap:1.15rem;margin-bottom:1.5rem;padding:1.25rem 1.35rem;display:flex}.ssf-setup-info{flex-direction:column;min-width:0;display:flex}.ssf-setup-brand{color:var(--text-light,#8e8e93);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .15rem;font-size:.72rem;font-weight:600}.ssf-setup-name{color:var(--text-primary,#1c1c1e);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;overflow:hidden}.ssf-field-group{flex-direction:column;gap:.55rem;margin-bottom:1.5rem;display:flex}.ssf-label{color:var(--text-secondary,#3a3a3c);padding-left:2px;font-size:.85rem;font-weight:600}.ssf-input{border:1.5px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);color:var(--text-primary,#1c1c1e);border-radius:14px;outline:none;padding:.8rem 1rem;font-family:inherit;font-size:.92rem;transition:all .25s}.ssf-input:focus{border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 4px #d4af3714}.ssf-dosage-row{gap:.75rem;display:flex}.ssf-dosage-num{border:1.5px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);width:90px;color:var(--text-primary,#1c1c1e);text-align:center;border-radius:14px;outline:none;padding:.8rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .25s}.ssf-dosage-num:focus{border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 4px #d4af3714}.ssf-dosage-unit{border:1.5px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);color:var(--text-primary,#1c1c1e);cursor:pointer;border-radius:14px;outline:none;flex:1;padding:.8rem 1rem;font-family:inherit;font-size:.92rem;transition:all .25s}.ssf-dosage-unit:focus{border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 4px #d4af3714}.ssf-timing-row{flex-wrap:wrap;gap:.55rem;display:flex}.ssf-timing-chip{border:1.5px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);min-width:80px;color:var(--text-secondary,#2c2c2e);cursor:pointer;text-align:center;border-radius:14px;flex:1;padding:.8rem .5rem;font-size:.85rem;font-weight:600;transition:all .28s cubic-bezier(.16,1,.3,1)}.ssf-timing-chip:hover{background:var(--bg-primary,#f9f9fb);border-color:var(--gold-light,#d4af3733)}.ssf-timing-chip.active{background:linear-gradient(135deg, var(--gold-primary,#d4af37), var(--gold-dark,#b8860b));color:#fff;border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 14px #d4af3747}.ssf-timing-chip.active:active{transform:translateY(0)}.ssf-footer{border-top:1px solid var(--border-light,#f0f0f0);background:#ffffff80;padding:1.15rem 1.5rem}.ssf-primary-btn{background:linear-gradient(135deg, var(--gold-primary,#d4af37), var(--gold-dark,#b8860b));color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:.9rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #d4af3747}.ssf-primary-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 6px 20px #d4af3761}.ssf-primary-btn:active:not(:disabled){transform:translateY(0)}.ssf-primary-btn:disabled{color:#8e8e93;box-shadow:none;cursor:not-allowed;opacity:.7;background:var(--border-light,#d1d1d6)!important}.ssf-scan-btn{background:linear-gradient(135deg,#d4af370f,#d4af371f);border-radius:16px;gap:.65rem;width:100%;height:50px;margin-bottom:1.25rem;font-weight:700;box-shadow:0 4px 15px #d4af3714;border:1.5px solid var(--gold-primary,#d4af37)!important;color:var(--gold-dark,#b8860b)!important}.ssf-scan-btn:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #d4af3729;background:linear-gradient(135deg,#d4af371f,#d4af3738)!important}.ssf-scanning-overlay{z-index:300;-webkit-backdrop-filter:blur(20px);background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;animation:.3s forwards ssfFadeIn;display:flex;position:absolute;inset:0}.ssf-scanning-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:85%;padding:2rem;display:flex;position:relative}.ssf-scanner-laser-line{background:linear-gradient(90deg, transparent, var(--gold-primary,#d4af37), transparent);height:3px;box-shadow:0 0 10px var(--gold-primary,#d4af37), 0 0 20px var(--gold-primary,#d4af37);border-radius:50%;animation:2.4s ease-in-out infinite ssfLaserScan;position:absolute;left:5%;right:5%}@keyframes ssfLaserScan{0%{opacity:0;top:10%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:90%}}.ssf-spinner-spin{color:var(--gold-primary,#d4af37);margin-bottom:1.25rem;animation:1.2s linear infinite ssfSpinnerSpin}@keyframes ssfSpinnerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ssf-scanning-title{font-family:var(--font-heading,inherit);color:var(--text-primary,#1c1c1e);letter-spacing:-.01em;margin:0 0 .6rem;font-size:1.2rem;font-weight:700}.ssf-scanning-subtitle{color:var(--text-secondary,#636366);margin:0;font-size:.86rem;line-height:1.5}.ssf-demo-badge{color:var(--gold-dark,#a37f14);opacity:0;background:#d4af370f;border:1px solid #d4af372e;border-radius:12px;max-width:320px;margin-top:1.75rem;padding:.6rem .9rem;font-size:.76rem;font-weight:500;line-height:1.4;animation:.5s .3s forwards ssfFadeIn}.ssf-scan-success-banner{color:var(--gold-dark,#967205);background:linear-gradient(135deg,#d4af3714,#d4af3708);border:1px solid #d4af3738;border-radius:14px;align-items:center;gap:.65rem;margin-bottom:1.25rem;padding:.85rem 1.15rem;font-size:.82rem;font-weight:600;display:flex}.ssf-sparkle-icon-spin{color:var(--gold-primary,#d4af37);flex-shrink:0;animation:4s linear infinite ssfSparkleSpin}@keyframes ssfSparkleSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.ssf-ai-thumb{background:linear-gradient(135deg, var(--gold-primary,#d4af37), var(--gold-dark,#b8860b))!important;box-shadow:0 4px 12px #d4af3740!important}.ssf-scanned-ing-list{flex-direction:column;gap:.5rem;max-height:165px;margin-bottom:.85rem;padding-right:4px;display:flex;overflow-y:auto}.ssf-scanned-ing-list::-webkit-scrollbar{width:4px}.ssf-scanned-ing-list::-webkit-scrollbar-track{background:0 0}.ssf-scanned-ing-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.ssf-scanned-ing-item{background:var(--bg-primary,#f5f5f7);border:1px solid var(--border-light,#e5e5ea);border-radius:12px;align-items:center;gap:.6rem;min-width:0;padding:.6rem .85rem;display:flex}.ssf-scanned-ing-name{color:var(--text-primary,#1c1c1e);white-space:normal;word-break:keep-all;overflow-wrap:break-word;flex:1;min-width:0;font-size:.82rem;font-weight:600}.ssf-scanned-ing-amount{color:var(--gold-dark,#a37f14);background:#d4af3714;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700}.ssf-scanned-ing-delete{color:#ff3b30;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.ssf-scanned-ing-delete:hover{opacity:1;background:#ff3b3014}.ssf-scanned-ing-add-row{gap:.45rem;display:flex}.ssf-scanned-ing-input{border:1.5px solid var(--border-light,#e5e5ea);background:var(--bg-secondary,#fff);border-radius:12px;outline:none;padding:.6rem .85rem;font-size:.82rem;transition:all .25s}.ssf-scanned-ing-input:focus{border-color:var(--gold-primary,#d4af37);box-shadow:0 0 0 3px #d4af3714}.ssf-scanned-ing-add-btn{background:var(--gold-primary,#d4af37);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.ssf-scanned-ing-add-btn:hover:not(:disabled){background:var(--gold-dark,#b8860b);transform:scale(1.05)}.ssf-scanned-ing-add-btn:disabled{background:var(--border-light,#d1d1d6);color:#8e8e93;cursor:not-allowed;opacity:.6}.ssf-scan-error{color:#ff3b30;background:#ff3b300f;border:1px solid #ff3b302e;border-radius:14px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:.82rem;line-height:1.45;display:flex}.ssf-camera-active-viewport{animation:.35s cubic-bezier(.16,1,.3,1) forwards ssfFadeIn}.ssf-camera-viewfinder{box-shadow:inset 0 0 80px #000000b3}.ssf-camera-target-frame{animation:2.5s ease-in-out infinite ssfPulseGuide;box-shadow:0 0 0 9999px #00000080!important}@keyframes ssfPulseGuide{0%,to{border-color:#ffffff26;transform:scale(1)}50%{border-color:#d4af3773;transform:scale(1.01)}}.ssf-camera-controls button{transition:all .25s cubic-bezier(.16,1,.3,1)}.ssf-camera-controls button:hover{transform:scale(1.04)}.ssf-camera-controls button:active{transform:scale(.96)}.auth-overlay{z-index:3000;-webkit-backdrop-filter:blur(20px);background:#0a0a0c73;justify-content:center;align-items:center;padding:1rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards overlayFadeIn;display:flex;position:fixed;inset:0}.auth-container{color:#1c1c1e;background:linear-gradient(135deg,#fffffff2 0%,#fdfbf6fa 100%);border:1px solid #d4af3759;border-radius:28px;flex-direction:column;gap:1.5rem;width:100%;max-width:440px;padding:2.5rem 2.25rem;display:flex;position:relative;box-shadow:0 30px 80px #d4af3714,0 4px 24px #0000000a}.auth-close-btn{width:32px;height:32px;color:var(--gold-dark);cursor:pointer;z-index:10;background:#d4af370a;border:1px solid #d4af3733;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.auth-close-btn:hover{color:var(--gold-primary);background:#d4af371a;transform:rotate(90deg)}.auth-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.auth-logo-badge{background:#d4af3714;border:1px solid #d4af3759;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;display:flex;box-shadow:0 0 15px #d4af371f}.auth-title{font-family:var(--font-display);letter-spacing:-.015em;background:linear-gradient(135deg, #1c1c1e 40%, var(--gold-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.45rem;font-weight:800}.auth-subtitle{font-family:var(--font-body);color:#1c1c1e8c;max-width:320px;margin:0 auto;font-size:.76rem;line-height:1.55}.auth-tabs{background:#d4af370a;border:1px solid #d4af3726;border-radius:14px;gap:.25rem;padding:.25rem;display:flex}.auth-tab{font-family:var(--font-body);color:#1c1c1e80;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:.6rem 0;font-size:.8rem;font-weight:600;transition:all .25s}.auth-tab.active{color:var(--gold-dark);background:#fff;border:1px solid #d4af374d;box-shadow:0 4px 12px #d4af371a}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-input-group{text-align:left;flex-direction:column;gap:.4rem;display:flex}.auth-label{font-family:var(--font-body);color:#1c1c1e8c;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--gold-dark);opacity:.8;pointer-events:none;position:absolute;left:1rem}.auth-input{width:100%;font-family:var(--font-body);color:#1c1c1e;background:#fff;border:1px solid #d4af3733;border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.6rem;font-size:.85rem;transition:all .25s}.auth-input.no-icon{padding-left:1.1rem}.auth-input:focus{border-color:var(--gold-primary);background:#fff;box-shadow:0 0 12px #d4af3726}.auth-forgot-link{font-family:var(--font-body);color:var(--gold-dark);cursor:pointer;align-self:flex-end;margin-top:.25rem;font-size:.7rem;font-weight:550;transition:color .2s}.auth-forgot-link:hover{color:var(--gold-primary);text-decoration:underline}.auth-alert-message{font-family:var(--font-body);text-align:left;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:550;line-height:1.4;display:flex}.auth-alert-message.error{color:#d32f2f;background:#ef535014;border:1px solid #ef535033}.auth-alert-message.success{color:#2e7d32;background:#4caf5014;border:1px solid #4caf5033}.auth-submit-btn{width:100%;font-family:var(--font-display);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:.9rem;font-size:.95rem;font-weight:800;transition:all .25s;display:flex;box-shadow:0 4px 15px #d4af3726}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transform:translateY(-1.5px);box-shadow:0 8px 20px #d4af3747}.auth-submit-btn:disabled{opacity:.55;cursor:not-allowed}.auth-divider{align-items:center;width:100%;margin:.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#d4af3733;flex:1;height:1px}.auth-divider span{font-family:var(--font-body);color:#1c1c1e73;text-transform:uppercase;letter-spacing:.05em;padding:0 .85rem;font-size:.68rem}.auth-social-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-social-grid.single-provider{grid-template-columns:1fr}.auth-social-grid.single-provider .auth-social-btn{width:100%;padding:.85rem}.auth-social-btn{font-family:var(--font-body);cursor:pointer;border:1px solid #d4af3733;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.75rem;font-size:.82rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.auth-social-btn:disabled{opacity:.45;cursor:not-allowed}.social-icon{font-size:.95rem;font-weight:800}.auth-social-btn.google{color:#1c1c1e;background:#fff}.auth-social-btn.google:hover:not(:disabled){border-color:var(--gold-primary);background:#d4af370f;transform:translateY(-1.5px);box-shadow:0 4px 15px #d4af371a}.auth-social-btn.apple{color:#fff;background:#000;border-color:#000}.auth-social-btn.apple:hover:not(:disabled){background:#1c1c1e;transform:translateY(-1.5px);box-shadow:0 4px 15px #00000026}.auth-social-btn.kakao{color:#191919;background:#fee500;border-color:#fee500}.auth-social-btn.kakao:hover:not(:disabled){background:#fdd835;border-color:#fdd835;transform:translateY(-1.5px);box-shadow:0 4px 15px #fee50026}.auth-social-btn.naver{color:#fff;background:#03c75a;border-color:#03c75a}.auth-social-btn.naver:hover:not(:disabled){background:#02b34f;border-color:#02b34f;transform:translateY(-1.5px);box-shadow:0 4px 15px #03c75a26}.auth-btn-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite auth-spin}.social-btn-loader{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=480px){.auth-container{border-radius:24px;gap:1.25rem;padding:2rem 1.5rem}.auth-social-grid{grid-template-columns:1fr;gap:.5rem}}.auth-google-guide{text-align:left;background:#d4af3708;border:1px dashed #d4af374d;border-radius:18px;flex-direction:column;gap:.6rem;margin-top:.25rem;padding:1.2rem;animation:.4s savedPop;display:flex}.auth-google-guide .guide-header{align-items:center;gap:.4rem;display:flex}.auth-google-guide .guide-icon{font-size:1rem}.auth-google-guide .guide-title{font-family:var(--font-body);color:var(--gold-dark);letter-spacing:-.01em;font-size:.8rem;font-weight:750}.auth-google-guide .guide-desc{font-family:var(--font-body);color:#1c1c1e99;margin:0;font-size:.72rem;line-height:1.5}.auth-google-guide .guide-desc code{color:var(--gold-dark);background:#d4af3714;border-radius:4px;padding:1px 4px;font-family:monospace;font-size:.68rem;font-weight:600}.auth-google-guide .guide-steps{font-family:var(--font-body);color:#1c1c1ead;flex-direction:column;gap:.4rem;margin:.2rem 0;padding-left:1.2rem;font-size:.7rem;line-height:1.45;display:flex}.auth-google-guide .guide-steps a{color:var(--gold-primary);font-weight:700;text-decoration:underline;transition:color .2s}.auth-google-guide .guide-steps a:hover{color:var(--gold-dark)}.auth-google-guide .guide-steps strong{color:#1c1c1e;font-weight:700}.auth-google-guide .guide-status-badge{font-family:var(--font-body);color:var(--gold-dark);letter-spacing:-.01em;background:#d4af370f;border:1px solid #d4af3733;border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:.65rem;font-weight:800;box-shadow:0 2px 6px #d4af370a}.auth-supabase-guide{text-align:left;background:#d4af3708;border:1px dashed #d4af374d;border-radius:18px;flex-direction:column;gap:.6rem;margin-top:.75rem;padding:1.2rem;animation:.4s savedPop;display:flex}.auth-supabase-guide .guide-header{align-items:center;gap:.4rem;display:flex}.auth-supabase-guide .guide-icon{font-size:1rem}.auth-supabase-guide .guide-title{font-family:var(--font-body);color:var(--gold-dark);letter-spacing:-.01em;font-size:.8rem;font-weight:750}.auth-supabase-guide .guide-desc{font-family:var(--font-body);color:#1c1c1e99;margin:0;font-size:.72rem;line-height:1.5}.auth-supabase-guide .guide-desc code{color:var(--gold-dark);background:#d4af3714;border-radius:4px;padding:1px 4px;font-family:monospace;font-size:.68rem;font-weight:600}.auth-supabase-guide .guide-steps{font-family:var(--font-body);color:#1c1c1ead;flex-direction:column;gap:.4rem;margin:.2rem 0;padding-left:1.2rem;font-size:.7rem;line-height:1.45;display:flex}.auth-supabase-guide .guide-steps a{color:var(--gold-primary);font-weight:700;text-decoration:underline;transition:color .2s}.auth-supabase-guide .guide-steps a:hover{color:var(--gold-dark)}.auth-supabase-guide .guide-steps code{background:#d4af370f;border-radius:3px;padding:0 3px;font-family:monospace}.auth-supabase-guide .guide-status-badge{font-family:var(--font-body);color:var(--gold-dark);letter-spacing:-.01em;background:#d4af370f;border:1px solid #d4af3733;border-radius:20px;align-self:flex-start;padding:3px 10px;font-size:.65rem;font-weight:800;box-shadow:0 2px 6px #d4af370a}.ns-container{background:#fafafa;border:1px solid #eee;border-radius:14px;margin:16px 0 0;overflow:hidden}.ns-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px 16px;display:flex}.ns-toggle-left{align-items:center;gap:8px;display:flex}.ns-toggle-right{color:#999;align-items:center;gap:6px;font-size:13px;display:flex}.ns-toggle-title{color:#333;font-size:14px;font-weight:600}.ns-ok-icon{color:#34c759}.ns-warn-icon{color:#ff9500}.ns-warn-badge{color:#e65100;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ns-count{color:#888;font-size:13px}.ns-body{border-top:1px solid #f0f0f0;padding:0 16px 16px}.ns-warning-banner{color:#bf360c;background:linear-gradient(135deg,#fff3e0,#ffecb3);border-radius:10px;align-items:center;gap:8px;margin:12px 0;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.ns-grid{flex-direction:column;gap:10px;margin-top:12px;display:flex}.ns-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:12px 14px;transition:border-color .2s}.ns-item.over-ul{background:#fff8f8;border-color:#ffcdd2}.ns-item.over-rda{background:#fffbf5;border-color:#ffe0b2}.ns-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ns-item-name{color:#333;font-size:13px;font-weight:600}.ns-item-amount{color:#111;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.ns-bar-track{background:#f0f0f0;border-radius:3px;height:6px;position:relative;overflow:visible}.ns-bar-fill{border-radius:3px;height:100%;transition:width .4s}.ns-bar-fill.normal{background:linear-gradient(90deg,#34c759,#30d158)}.ns-bar-fill.warning{background:linear-gradient(90deg,#ff9500,#ffcc02)}.ns-bar-fill.danger{background:linear-gradient(90deg,#ff3b30,#ff6b6b)}.ns-bar-ul-marker{background:#ff3b30;border-radius:1px;width:2px;height:10px;position:absolute;top:-2px;transform:translate(-1px)}.ns-item-footer{justify-content:space-between;margin-top:6px;display:flex}.ns-item-pct{color:#555;font-size:11px;font-weight:600}.ns-item-rda{color:#999;font-size:11px}.ns-item-alert{color:#c62828;background:#ffebee;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:11px;font-weight:500;display:flex}.ns-item-sources{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.ns-source-tag{color:#777;white-space:nowrap;background:#f5f5f5;border-radius:8px;padding:2px 8px;font-size:10px}.ns-disclaimer{color:#999;background:#f8f8f8;border-radius:8px;align-items:flex-start;gap:6px;margin-top:14px;padding:10px;font-size:11px;line-height:1.4;display:flex}.ns-disclaimer svg{flex-shrink:0;margin-top:1px}.ns-checked-badge{color:#38a169;background:linear-gradient(135deg,#48bb781f,#d4af371a);border:1px solid #48bb7833;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.ns-info-icon{color:#aaa}.ns-count-empty{color:#bbb;font-style:italic}.ns-empty-state{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;display:flex}.ns-empty-icon{opacity:.6;font-size:2rem;line-height:1}.ns-empty-title{color:#555;margin:0;font-size:14px;font-weight:600}.ns-empty-desc{color:#999;margin:0;font-size:12px;line-height:1.5}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.25)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes checkmarkDraw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes itemComplete{0%{opacity:1;transform:translate(0)}40%{transform:translate(6px)}to{opacity:.72;transform:translate(0)}}@keyframes pillListEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes streakPulse{0%,to{box-shadow:0 0 #d4af3759}50%{box-shadow:0 0 0 8px #d4af3700}}@keyframes progressStroke{0%{stroke-dashoffset:var(--circumference,264)}to{stroke-dashoffset:var(--progress-offset,0)}}@keyframes ringFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.tracker-page{background-color:var(--bg-primary);min-height:100vh;padding-bottom:3rem;position:relative}.tracker-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffffb8;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000a}.tracker-header .header-back,.tracker-header .header-edit{border-radius:var(--radius-full);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.tracker-header .header-back:hover,.tracker-header .header-edit:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.06)}.tracker-header .header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.tracker-header .back-btn,.tracker-header .edit-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.tracker-header .back-btn:hover,.tracker-header .edit-btn:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.06)}.tracker-hero{background:radial-gradient(ellipse 80% 60% at 50% 20%, #d4af370f 0%, transparent 70%), var(--bg-primary);flex-direction:column;align-items:center;gap:1rem;padding:calc(60px + 1.5rem) 1.25rem 1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards heroFadeIn;display:flex}.tracker-hero .hero-date{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.02em;font-size:.85rem;font-weight:500}.tracker-hero .hero-row{justify-content:center;align-items:center;gap:1.25rem;width:100%;display:flex}.hero-top{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:520px;display:flex}.hero-date-area{flex-direction:column;gap:.5rem;display:flex}.today-date{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.streak-text{font-size:.85rem;font-weight:500}.progress-text-wrapper{flex-direction:column;align-items:center;gap:.1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.streak-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-family:var(--font-body);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.45rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #d4af374d,inset 0 1px #ffffff2e}.streak-badge.active{animation:2.2s ease-in-out infinite streakPulse}.streak-badge .streak-fire{font-size:1.05rem;line-height:1}.streak-number{font-family:var(--font-body);font-size:1.2rem;font-weight:800;line-height:1}.stats-row{gap:.65rem;width:100%;max-width:520px;margin:0 auto;padding:0 1.25rem;display:flex}.stat-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:.85rem .5rem;display:flex}.stat-card:hover{border-color:#d4af372e;transform:translateY(-2px);box-shadow:0 4px 16px #d4af370f}.stat-value{font-family:var(--font-body);color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.1}.stat-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.65rem;font-weight:500}.week-calendar{justify-content:center;gap:.55rem;width:100%;max-width:420px;margin:0 auto;padding:1rem 1.25rem;display:flex}.week-day{cursor:default;transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:.3rem;display:flex}.week-day-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:500}.week-day-date{border-radius:var(--radius-full);width:38px;height:38px;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-secondary);border:1.5px solid var(--border-light);transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.week-day.today .week-day-date{border-color:var(--gold-primary);width:42px;height:42px;color:var(--gold-dark);border-width:2px;font-weight:700;box-shadow:0 0 0 3px #d4af371a}.week-day.today .week-day-label{color:var(--gold-primary);font-weight:600}.week-day.completed .week-day-date{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;box-shadow:0 3px 10px #d4af3740}.week-day.completed .week-day-label{color:var(--gold-dark)}.week-day.missed .week-day-date{background:var(--bg-primary);color:var(--text-light);opacity:.6;border-color:#0000000f}.checkin-section{margin-bottom:.5rem;padding:1.25rem 1.25rem .75rem}.checkin-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.45rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:600;display:flex}.checkin-count{font-family:var(--font-body);color:var(--gold-dark);background:var(--accent-soft);border-radius:var(--radius-full);margin-left:auto;padding:.15rem .6rem;font-size:.8rem;font-weight:600}.pill-remove{border-radius:var(--radius-full);color:#dc3545;cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#dc35450d;border:1px solid #dc354533;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pill-remove:hover{background:#dc35451f;border-color:#dc35454d}.checkin-title .checkin-icon{font-size:1.2rem;line-height:1}.checkin-time{font-family:var(--font-body);color:var(--text-light);margin-bottom:.85rem;padding-left:1.65rem;font-size:.75rem;font-weight:400}.pill-list{flex-direction:column;gap:.5rem;display:flex}.pill-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);min-height:56px;box-shadow:var(--shadow-sm);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.85rem;padding:.75rem 1rem;transition:background .35s,border-color .35s,box-shadow .35s,opacity .4s,transform .35s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) both pillListEntrance;display:flex}.pill-item:first-child{animation-delay:50ms}.pill-item:nth-child(2){animation-delay:.1s}.pill-item:nth-child(3){animation-delay:.15s}.pill-item:nth-child(4){animation-delay:.2s}.pill-item:nth-child(5){animation-delay:.25s}.pill-item:nth-child(6){animation-delay:.3s}.pill-item:nth-child(7){animation-delay:.35s}.pill-item:nth-child(8){animation-delay:.4s}.pill-item:hover{border-color:#d4af3726;box-shadow:0 4px 18px #d4af3712}.pill-item:active{transform:scale(.985)}.pill-item.checked{background:#f4e7be1f;border-color:#d4af372e;animation:.5s cubic-bezier(.16,1,.3,1) forwards itemComplete}.pill-item.checked .pill-name{color:var(--text-light);-webkit-text-decoration:line-through #d4af3759;text-decoration:line-through #d4af3759;text-decoration-thickness:1.5px}.pill-item.checked .pill-icon{opacity:.55}.pill-item.checked .pill-timing-tag{opacity:.5}.pill-checkbox{border-radius:var(--radius-full);background:var(--bg-secondary);border:2px solid #0000001f;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.pill-checkbox:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:5.5px;margin-top:-1.5px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:block;transform:rotate(-45deg)scale(0)}.pill-checkbox.checked{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));border-color:#0000;animation:.4s cubic-bezier(.34,1.56,.64,1) checkPop;box-shadow:0 2px 10px #d4af3759}.pill-checkbox.checked:after{transform:rotate(-45deg)scale(1)}.pill-icon{flex-shrink:0;font-size:1.4rem;line-height:1;transition:opacity .35s}.pill-name{font-family:var(--font-body);color:var(--text-primary);flex:1;min-width:0;font-size:.9rem;font-weight:500;line-height:1.35;transition:color .35s,text-decoration-color .35s}.pill-timing-tag{border-radius:var(--radius-full);color:var(--gold-dark);font-family:var(--font-body);letter-spacing:.03em;white-space:nowrap;background:#f4e7be4d;align-items:center;padding:.2rem .55rem;font-size:.65rem;font-weight:600;transition:opacity .35s;display:inline-flex}.progress-ring-container{flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;animation:.7s cubic-bezier(.16,1,.3,1) .2s both ringFadeIn;display:flex;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.16,1,.3,1)}.progress-ring .ring-bg{stroke:var(--border-light);stroke-width:5px}.progress-ring .ring-fill{stroke:url(#goldGradient);stroke-width:5px;stroke-dasharray:var(--circumference,264);stroke-dashoffset:var(--progress-offset,264);filter:drop-shadow(0 1px 4px #d4af3740);animation:1.2s cubic-bezier(.16,1,.3,1) .4s forwards progressStroke}.progress-text{font-family:var(--font-body);color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.progress-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);white-space:nowrap;font-size:.55rem;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,55%)}.add-section{padding:.75rem 1.25rem 2rem}.add-btn{border-radius:var(--radius-md);width:100%;color:var(--gold-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:2px dashed #d4af374d;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.add-btn:hover{border-color:var(--gold-primary);background:#f4e7be1a;transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}.add-btn .add-btn-icon{font-size:1.15rem;font-weight:300;line-height:1}.add-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);background:#1a1a1a59;justify-content:center;align-items:center;padding:1.5rem;animation:.3s forwards modalFadeIn;display:flex;position:fixed;inset:0}.add-container{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:500px;max-height:80vh;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards modalSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #0000001f,0 8px 24px #0000000f,0 0 0 1px #ffffff1a}.add-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.add-header h3{font-family:var(--font-heading);color:var(--text-primary);font-size:1.15rem;font-weight:600}.add-close{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;display:inline-flex}.add-close:hover{background:var(--bg-secondary);color:var(--text-primary);transform:rotate(90deg)}.add-search-wrap{border-bottom:1px solid var(--border-light);background:var(--bg-primary);align-items:center;gap:.5rem;padding:0 1.25rem;display:flex}.add-search-icon{color:var(--text-light);flex-shrink:0}.add-search{width:100%;font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;padding:.85rem 0;font-size:.9rem;font-weight:400}.add-search::placeholder{color:var(--text-light)}.add-cat-title{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.06em;color:var(--text-light);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:1;padding:.65rem 1.25rem .35rem;font-size:.7rem;font-weight:600;position:sticky;top:0}.add-empty{text-align:center;color:var(--text-light);padding:2rem 1rem;font-size:.9rem}.add-list{overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:thin;scrollbar-color:var(--gold-light) transparent;flex:1;padding:.5rem 0;overflow-y:auto}.add-list::-webkit-scrollbar{width:4px}.add-list::-webkit-scrollbar-track{background:0 0}.add-list::-webkit-scrollbar-thumb{background:var(--gold-light);border-radius:var(--radius-full)}.add-item{cursor:pointer;transition:var(--transition-smooth);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.8rem 1.25rem;display:flex}.add-item:hover{background:#f4e7be14}.add-item.selected{border-left-color:var(--gold-primary);background:#f4e7be26}.add-item-check{border-radius:var(--radius-full);border:2px solid var(--border-light);width:22px;height:22px;transition:var(--transition-smooth);color:#0000;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;display:flex}.add-item.selected .add-item-check{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;box-shadow:0 2px 8px #d4af374d}.add-item .add-item-emoji{flex-shrink:0;font-size:1.2rem;line-height:1}.add-item .add-item-name,.add-item-name{font-family:var(--font-body);color:var(--text-primary);font-size:.875rem;font-weight:500}.add-item-main{cursor:pointer;flex:1;align-items:center;gap:.75rem;display:flex}.add-item-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.add-item-en{font-family:var(--font-body);color:var(--text-light);font-size:.7rem}.add-item-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.add-item-match{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--gold-dark);vertical-align:middle;background:#d4af3714;margin-left:.25rem;padding:.1rem .35rem;font-size:.55rem;font-weight:500;display:inline-block}.add-timing-select{border-top:1px solid var(--border-light);background:var(--bg-primary);gap:.5rem;padding:.85rem 1.25rem;display:flex}.timing-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.6rem .75rem;font-size:.8rem;font-weight:500;display:flex}.timing-btn:hover{color:var(--gold-dark);border-color:#d4af3740}.timing-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;box-shadow:0 3px 12px #d4af374d}.add-actions{border-top:1px solid var(--border-light);gap:.65rem;padding:.85rem 1.25rem 1.15rem;display:flex}.add-actions button{border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:none;flex:1;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.add-actions .cancel-btn{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-secondary)}.add-actions .cancel-btn:hover{color:var(--text-primary);border-color:#0000001a}.add-actions .confirm-btn,.add-actions .add-confirm-btn{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;box-shadow:0 4px 14px #d4af374d}.add-actions .confirm-btn:hover,.add-actions .add-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3766}.add-actions .confirm-btn:active,.add-actions .add-confirm-btn:active{transform:translateY(0);box-shadow:0 2px 8px #d4af374d}.add-actions .confirm-btn:disabled,.add-actions .add-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.add-actions .cancel-btn,.add-actions .add-cancel-btn{background:var(--bg-primary);border:1px solid var(--border-light);color:var(--text-secondary)}.add-actions .cancel-btn:hover,.add-actions .add-cancel-btn:hover{color:var(--text-primary);border-color:#0000001a}.empty-tracker{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:calc(60px + 4rem) 2rem 4rem;display:flex}@supports (padding-top:env(safe-area-inset-top)){.empty-tracker{padding-top:calc(60px + 4rem + env(safe-area-inset-top))}}.empty-icon{filter:drop-shadow(0 4px 8px #0000000f);margin-bottom:1.25rem;font-size:3.5rem;line-height:1;animation:2.5s ease-in-out infinite emptyBounce}.empty-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.empty-desc{font-family:var(--font-body);color:var(--text-light);max-width:280px;font-size:.85rem;line-height:1.6}@media (width<=640px){.tracker-header{padding:.75rem 1rem}.tracker-header .header-back,.tracker-header .header-edit{width:34px;height:34px;font-size:.95rem}.tracker-header .header-title{font-size:1rem}.tracker-hero{padding-top:calc(52px + 1.25rem);padding-left:1rem;padding-right:1rem}.progress-ring-container{width:78px;height:78px}.progress-text{font-size:1.1rem}.stats-row{gap:.5rem;padding:0 1rem}.stat-card{padding:.7rem .35rem}.stat-value{font-size:1.15rem}.stat-label{font-size:.6rem}.week-calendar{gap:.4rem;padding:.85rem 1rem}.week-day-date{width:34px;height:34px;font-size:.75rem}.week-day.today .week-day-date{width:38px;height:38px}.checkin-section{padding:1rem 1rem .5rem}.pill-item{gap:.7rem;padding:.65rem .85rem}.add-section{padding:.5rem 1rem 2rem}.add-overlay{align-items:flex-end;padding:0}.add-container{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:90vh}}@media (width<=380px){.stats-row{flex-wrap:wrap}.stat-card{flex:calc(50% - .35rem);min-width:0}.stat-card:last-child{flex:100%}.streak-badge{padding:.45rem .95rem;font-size:.8rem}.streak-number{font-size:1.05rem}.week-day-date{width:30px;height:30px;font-size:.7rem}.week-day.today .week-day-date{width:34px;height:34px}.week-day-label{font-size:.6rem}}@supports (padding-bottom:env(safe-area-inset-bottom)){.tracker-page{padding-bottom:calc(3rem + env(safe-area-inset-bottom))}.tracker-header{padding-top:calc(.85rem + env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.pill-item,.pill-checkbox,.streak-badge.active,.progress-ring .ring-fill,.empty-icon{transition-duration:.01ms!important;animation:none!important}}.pill-item:focus-visible,.add-btn:focus-visible,.timing-btn:focus-visible,.add-item:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.pill-checkbox:focus-visible{box-shadow:0 0 0 3px #d4af374d}.pill-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.pill-ingredients-preview{flex-wrap:wrap;gap:.25rem;margin-top:.15rem;display:flex}.pill-ing-tag{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--gold-dark);white-space:normal;word-break:keep-all;overflow-wrap:break-word;background:#d4af3714;border:1px solid #d4af371f;padding:.1rem .4rem;font-size:.55rem;font-weight:500;display:inline-block}.pill-ing-more{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--text-light);background:#0000000a;padding:.1rem .35rem;font-size:.55rem;font-weight:500;display:inline-block}.pill-detail-btn{width:30px;height:30px;color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.pill-detail-btn:hover{color:var(--gold-dark);background:#d4af3714}.detail-modal{background:var(--bg-secondary);border-radius:var(--radius-lg);flex-direction:column;width:92%;max-width:480px;max-height:85vh;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000001f,0 8px 24px #0000000f}.detail-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.detail-modal-title-area{align-items:center;gap:.75rem;display:flex}.detail-modal-icon{font-size:1.8rem;line-height:1}.detail-modal-name{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.detail-modal-timing{font-family:var(--font-body);color:var(--text-light);font-size:.7rem}.detail-modal-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.detail-modal-footer{border-top:1px solid var(--border-light);gap:.5rem;padding:1rem 1.25rem;display:flex}.detail-field{flex-direction:column;gap:.5rem;display:flex}.detail-field-label{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:flex}.detail-field-input{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);width:100%;font-family:var(--font-body);color:var(--text-primary);outline:none;padding:.65rem .85rem;font-size:.85rem;transition:border-color .3s,box-shadow .3s}.detail-field-input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.detail-field-input::placeholder{color:var(--text-light)}.detail-field-textarea{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);width:100%;font-family:var(--font-body);color:var(--text-primary);resize:vertical;outline:none;min-height:50px;max-height:100px;padding:.65rem .85rem;font-size:.85rem;line-height:1.5;transition:border-color .3s,box-shadow .3s}.detail-field-textarea:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.detail-field-textarea::placeholder{color:var(--text-light)}.ingredient-list{flex-direction:column;gap:.35rem;display:flex}.ingredient-item{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.ingredient-item:hover{border-color:#d4af3726}.ingredient-name{font-family:var(--font-body);color:var(--text-primary);flex:1;font-size:.82rem;font-weight:500}.ingredient-amount{font-family:var(--font-body);color:var(--gold-dark);border-radius:var(--radius-full);white-space:nowrap;background:#d4af3714;padding:.15rem .45rem;font-size:.75rem;font-weight:600}.ingredient-delete{width:24px;height:24px;color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ingredient-delete:hover{color:#dc3545;background:#dc354514}.ingredient-add-row{align-items:center;gap:.35rem;display:flex}.ingredient-input{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);font-family:var(--font-body);color:var(--text-primary);outline:none;padding:.5rem .65rem;font-size:.8rem;transition:border-color .3s}.ingredient-input:focus{border-color:var(--gold-primary)}.ingredient-input::placeholder{color:var(--text-light);font-size:.72rem}.ingredient-input-name{flex:1.2;min-width:0}.ingredient-input-amount{flex:.8;min-width:0}.ingredient-add-btn{border:1.5px solid var(--gold-primary);width:34px;height:34px;color:var(--gold-primary);cursor:pointer;transition:var(--transition-smooth);background:#d4af370f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ingredient-add-btn:hover{background:var(--gold-primary);color:#fff}.ingredient-add-btn:disabled{border-color:var(--border-light);color:var(--text-light);cursor:not-allowed;background:0 0}.ingredient-hint{font-family:var(--font-body);color:var(--text-light);border-radius:var(--radius-md);background:#d4af370a;border:1px dashed #d4af3726;margin:0;padding:.5rem;font-size:.72rem;line-height:1.5}.add-no-result{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.add-no-result-text{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.85rem}.add-custom-trigger{border-radius:var(--radius-full);border:2px dashed var(--gold-primary);color:var(--gold-dark);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:#d4af370f;align-items:center;gap:.35rem;padding:.6rem 1.25rem;font-size:.82rem;font-weight:600;display:inline-flex}.add-custom-trigger:hover{border-color:var(--gold-dark);background:#d4af371f;transform:translateY(-1px)}.add-custom-section{border-top:1px solid var(--border-light);margin-top:.5rem;padding:.75rem .5rem}.add-custom-trigger-subtle{border-radius:var(--radius-md);width:100%;color:var(--text-light);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;gap:.35rem;padding:.55rem;font-size:.75rem;font-weight:500;display:flex}.add-custom-trigger-subtle:hover{color:var(--gold-dark);background:#d4af370d}.custom-form{border-radius:var(--radius-md);background:#d4af370a;border:1.5px solid #d4af3726;flex-direction:column;gap:.75rem;margin:.5rem .25rem;padding:1rem;display:flex}.custom-form-title{font-family:var(--font-body);color:var(--text-primary);font-size:.82rem;font-weight:600}.custom-form-row{gap:.35rem;display:flex}.custom-form-input{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-primary);outline:none;flex:1;padding:.6rem .85rem;font-size:.85rem;transition:border-color .3s}.custom-form-input:focus{border-color:var(--gold-primary)}.custom-form-input::placeholder{color:var(--text-light)}.custom-form-icons{flex-direction:column;gap:.35rem;display:flex}.custom-form-label{font-family:var(--font-body);color:var(--text-light);font-size:.65rem;font-weight:500}.custom-icon-grid{flex-wrap:wrap;gap:.3rem;display:flex}.custom-icon-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;width:34px;height:34px;transition:var(--transition-smooth);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.custom-icon-btn:hover{border-color:#d4af374d;transform:scale(1.08)}.custom-icon-btn.selected{border-color:var(--gold-primary);background:#f4e7be33;transform:scale(1.1);box-shadow:0 2px 8px #d4af3733}.custom-form-actions{justify-content:flex-end;gap:.4rem;display:flex}.custom-form-cancel{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);padding:.45rem .85rem;font-size:.75rem;font-weight:500}.custom-form-cancel:hover{background:var(--bg-primary)}.custom-form-add{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.3rem;padding:.45rem .85rem;font-size:.75rem;font-weight:600;display:flex}.custom-form-add:hover{transform:translateY(-1px);box-shadow:0 3px 10px #d4af374d}.custom-form-add:disabled{cursor:not-allowed;box-shadow:none;background:#ccc;transform:none}.detail-modal-en{color:var(--text-light);font-size:.65rem;font-weight:400}.detail-tabs{border-bottom:1px solid var(--border-light);display:flex}.detail-tab{font-family:var(--font-body);color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex:1;padding:.65rem .5rem;font-size:.78rem;font-weight:500;position:relative}.detail-tab.active{color:var(--gold-dark);font-weight:600}.detail-tab.active:after{content:"";background:linear-gradient(90deg, var(--gold-primary), var(--gold-dark));border-radius:1px;height:2px;position:absolute;bottom:-1px;left:15%;right:15%}.detail-tab:hover:not(.active){color:var(--text-secondary)}.detail-info-section{flex-direction:column;gap:.5rem;display:flex}.detail-info-desc{font-family:var(--font-body);color:var(--text-secondary);border-radius:var(--radius-md);border-left:3px solid var(--gold-primary);background:#d4af3708;margin:0;padding:.85rem;font-size:.82rem;line-height:1.65}.detail-info-title{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:.3rem;margin:0;font-size:.75rem;font-weight:600;display:flex}.detail-info-grid{flex-direction:column;gap:.35rem;display:flex}.detail-info-card{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);flex-direction:column;gap:.2rem;padding:.6rem .75rem;display:flex}.detail-info-card-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;font-size:.6rem;font-weight:600}.detail-info-card-value{font-family:var(--font-body);color:var(--text-primary);font-size:.8rem;font-weight:500;line-height:1.4}.detail-warning-box{font-family:var(--font-body);color:#92400e;border-radius:var(--radius-md);background:#f59e0b0f;border:1px solid #f59e0b26;padding:.7rem .85rem;font-size:.78rem;line-height:1.55}.detail-deficiency-box{font-family:var(--font-body);color:#7c3aed;border-radius:var(--radius-md);background:#7c3aed0a;border:1px solid #7c3aed1f;padding:.7rem .85rem;font-size:.78rem;line-height:1.55}.detail-caution-box{font-family:var(--font-body);color:#dc2626;border-radius:var(--radius-md);background:#dc26260a;border:1px solid #dc26261a;padding:.7rem .85rem;font-size:.78rem;line-height:1.55}.detail-food-list{flex-direction:column;gap:.25rem;display:flex}.detail-food-item{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.45rem .7rem;display:flex}.detail-food-name{font-family:var(--font-body);color:var(--text-primary);font-size:.78rem;font-weight:500}.detail-food-amount{font-family:var(--font-body);color:var(--gold-dark);border-radius:var(--radius-full);white-space:nowrap;background:#d4af3714;padding:.12rem .4rem;font-size:.7rem;font-weight:600}.detail-synergy-list{flex-direction:column;gap:.35rem;display:flex}.detail-synergy-item{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.detail-synergy-name{font-family:var(--font-body);color:var(--text-primary);font-size:.78rem;font-weight:600}.detail-synergy-reason{font-family:var(--font-body);color:var(--text-light);font-size:.7rem;line-height:1.4}.detail-evidence{border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-light);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.detail-evidence-stars{gap:.15rem;display:flex}.detail-evidence-stars .star-filled{color:var(--gold-primary);font-size:1rem}.detail-evidence-stars .star-empty{color:#0000001a;font-size:1rem}.detail-evidence-label{font-family:var(--font-body);color:var(--text-secondary);font-size:.72rem;font-weight:500}.detail-go-edit{border-radius:var(--radius-md);width:100%;font-family:var(--font-body);color:var(--gold-dark);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:1.5px dashed #d4af3740;justify-content:center;align-items:center;gap:.35rem;margin-top:.5rem;padding:.6rem;font-size:.78rem;font-weight:500;display:flex}.detail-go-edit:hover{border-color:var(--gold-primary);background:#d4af370d}.add-section-flex{gap:.75rem;padding:.75rem 1.25rem 2rem;display:flex}.add-section-flex .add-btn{flex:1;width:auto}.edit-toggle-btn{border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.25rem;font-size:.875rem;font-weight:500;display:flex;border:1.5px solid #0000001f!important}.edit-toggle-btn:hover{border-color:var(--gold-light);background:#f4e7be0a}.edit-toggle-btn.active{box-shadow:0 4px 14px #d4af3714;border:1.5px solid var(--gold-primary)!important;color:var(--gold-dark)!important;background:#d4af370f!important;font-weight:600!important}.header-edit-text-btn{border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;background:#ffffffa6;padding:.4rem .8rem;font-size:.78rem;font-weight:500}.header-edit-text-btn:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.04)}.header-edit-text-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));border-color:#0000;font-weight:600;box-shadow:0 3px 10px #d4af3740;color:#fff!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes savedPop{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sleep-page{background-color:var(--bg-primary);background-image:radial-gradient(70% 50% at 50% 0,#d4af370a 0%,#0000 65%);min-height:100vh;padding-bottom:4rem;position:relative}.sleep-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffffb8;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000a}.sleep-header .header-back,.sleep-header .back-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.sleep-header .header-back:hover,.sleep-header .back-btn:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.06)}.sleep-header .header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.sleep-header .header-spacer{flex-shrink:0;width:38px;height:38px}.sleep-content{flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;padding:calc(60px + 1.5rem) 1.25rem 0;display:flex}.checkin-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;gap:1.75rem;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.checkin-card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.checkin-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;line-height:1.3;display:flex}.checkin-card-title .checkin-icon{font-size:1.35rem;line-height:1}.checkin-date{font-family:var(--font-body);color:var(--text-light);letter-spacing:.01em;margin-top:-1rem;font-size:.8rem;font-weight:400}.checkin-saved{border-radius:var(--radius-full);color:#38a169;font-family:var(--font-body);letter-spacing:.02em;background:linear-gradient(135deg,#48bb781f,#d4af371a);border:1px solid #48bb7840;align-self:flex-start;align-items:center;gap:.35rem;margin-top:-.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards savedPop;display:inline-flex}.checkin-saved .saved-check{font-size:.85rem;line-height:1}.sleep-input-group{flex-direction:column;gap:.85rem;display:flex}.sleep-label{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;display:flex}.sleep-value-display{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.1;transition:color .3s}.sleep-value-display .value-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.15rem;font-size:1rem;font-weight:500}.sleep-slider-wrapper{padding:.5rem 0;position:relative}.sleep-slider{appearance:none;background:linear-gradient(to right, var(--gold-primary) 0%, var(--gold-primary) var(--slider-fill,50%), #0000000f var(--slider-fill,50%), #0000000f 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:background .15s}.sleep-slider::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.sleep-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.sleep-slider::-webkit-slider-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.sleep-slider::-moz-range-thumb{border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.sleep-slider::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.sleep-slider::-moz-range-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.sleep-slider::-moz-range-track{background:#0000000f;border:none;border-radius:3px;height:6px}.sleep-slider::-moz-range-progress{background:var(--gold-primary);border-radius:3px;height:6px}.sleep-slider-labels{justify-content:space-between;margin-top:.35rem;display:flex}.sleep-slider-label{font-family:var(--font-body);color:var(--text-light);letter-spacing:.02em;font-size:.65rem;font-weight:500}.emoji-selector{justify-content:center;gap:.65rem;display:flex}.emoji-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s,box-shadow .3s;display:flex;position:relative}.emoji-btn:hover{border-color:#d4af3740;transform:translateY(-3px);box-shadow:0 4px 14px #d4af3714}.emoji-btn:active{transform:scale(.95)}.emoji-btn.selected{border-color:var(--gold-primary);background:#f4e7be33;transform:scale(1.15);box-shadow:0 4px 18px #d4af3733,0 0 0 3px #d4af3714}.emoji-btn.selected:hover{transform:scale(1.18)}.emoji-label{font-family:var(--font-body);color:var(--text-light);text-align:center;letter-spacing:.01em;white-space:nowrap;margin-top:.4rem;font-size:.55rem;font-weight:500;transition:color .3s}.emoji-btn.selected+.emoji-label,.emoji-btn.selected~.emoji-label{color:var(--gold-dark);font-weight:600}.emoji-col{flex-direction:column;align-items:center;gap:0;display:flex}.emoji-col .emoji-label{margin-top:.4rem}.emoji-col .emoji-btn.selected~.emoji-label{color:var(--gold-dark);font-weight:600}.emoji-col:has(.emoji-btn.selected) .emoji-label{color:var(--gold-dark);font-weight:600}.energy-selector{justify-content:center;align-items:center;gap:.25rem;display:flex}.energy-dot{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);width:30px;height:30px;font-family:var(--font-body);color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-size:.65rem;font-weight:600;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.energy-dot:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 3px 10px #d4af3714}.energy-dot:active{transform:scale(.95)}.energy-dot.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;box-shadow:0 3px 12px #d4af374d}.energy-dot.selected{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;transform:scale(1.1);box-shadow:0 4px 16px #d4af3759,0 0 0 4px #d4af371f}.energy-level-labels{justify-content:space-between;margin-top:.35rem;padding:0 .25rem;display:flex}.energy-level-labels span,.energy-level-label{font-family:var(--font-body);color:var(--text-light);letter-spacing:.04em;text-align:center;min-width:28px;font-size:.6rem;font-weight:500}.sleep-memo{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);width:100%;font-family:var(--font-body);color:var(--text-primary);resize:vertical;outline:none;min-height:56px;max-height:120px;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;transition:border-color .3s,box-shadow .3s}.sleep-memo::placeholder{color:var(--text-light)}.sleep-memo:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.memo-count{font-family:var(--font-body);color:var(--text-light);text-align:right;margin-top:.25rem;font-size:.6rem;display:block}.trend-item-memo{width:100%;font-family:var(--font-body);color:var(--text-secondary);border-top:1px solid var(--border-light);white-space:pre-wrap;word-break:break-word;margin-top:.3rem;padding-top:.4rem;font-size:.72rem;line-height:1.4}.save-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s,opacity .35s;display:flex;box-shadow:0 4px 16px #d4af374d,inset 0 1px #ffffff26}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759,inset 0 1px #fff3}.save-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #d4af374d}.save-btn:disabled{color:#fff9;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#d0d0d0,#b8b8b8);transform:none}.save-btn:disabled:hover{box-shadow:none;transform:none}.save-btn.saved{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 16px #48bb784d}.save-btn.saved:hover{box-shadow:0 6px 20px #48bb7859}.save-btn .save-icon{font-size:1.1rem;line-height:1}.trend-section{flex-direction:column;gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .15s both fadeInUp;display:flex}.trend-header{justify-content:space-between;align-items:center;display:flex}.trend-header .trend-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:600;display:flex}.trend-toggle{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);display:flex;overflow:hidden}.trend-toggle-btn{font-family:var(--font-body);color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;background:0 0;border:none;padding:.35rem .85rem;font-size:.7rem;font-weight:500}.trend-toggle-btn:hover{color:var(--text-secondary);background:#00000005}.trend-toggle-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;box-shadow:0 2px 8px #d4af3740}.trend-chart{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:1.5rem 1rem 1rem;overflow:hidden}.trend-bars{justify-content:center;align-items:stretch;gap:.45rem;height:160px;padding:0 .25rem;display:flex}.trend-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;max-width:42px;height:100%;display:flex}.trend-bar-wrapper{flex:1;width:100%;min-height:0;position:relative}.trend-bar{background:linear-gradient(180deg, var(--gold-dark) 0%, var(--gold-primary) 100%);border-radius:6px 6px 2px 2px;width:100%;max-width:28px;min-height:4px;transition:background .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.trend-bar:hover{background:linear-gradient(180deg, #96780f 0%, var(--gold-dark) 100%)}.trend-bar-col:first-child .trend-bar{animation-delay:50ms}.trend-bar-col:nth-child(2) .trend-bar{animation-delay:.1s}.trend-bar-col:nth-child(3) .trend-bar{animation-delay:.15s}.trend-bar-col:nth-child(4) .trend-bar{animation-delay:.2s}.trend-bar-col:nth-child(5) .trend-bar{animation-delay:.25s}.trend-bar-col:nth-child(6) .trend-bar{animation-delay:.3s}.trend-bar-col:nth-child(7) .trend-bar{animation-delay:.35s}.trend-bar-col:nth-child(8) .trend-bar{animation-delay:.4s}.trend-bar-col:nth-child(9) .trend-bar{animation-delay:.45s}.trend-bar-col:nth-child(10) .trend-bar{animation-delay:.5s}.trend-bar-col:nth-child(11) .trend-bar{animation-delay:.55s}.trend-bar-col:nth-child(12) .trend-bar{animation-delay:.6s}.trend-bar-col:nth-child(13) .trend-bar{animation-delay:.65s}.trend-bar-col:nth-child(14) .trend-bar{animation-delay:.7s}.trend-bar-value{font-family:var(--font-body);color:var(--text-light);text-align:center;white-space:nowrap;margin-bottom:.2rem;font-size:.55rem;font-weight:600}.trend-bar-date{font-family:var(--font-body);color:var(--text-light);text-align:center;white-space:nowrap;letter-spacing:.01em;font-size:.55rem;font-weight:500}.trend-bar-col.today .trend-bar{background:linear-gradient(180deg, #96780f 0%, var(--gold-dark) 100%);box-shadow:0 2px 10px #d4af3759}.trend-bar-col.today .trend-bar-date,.trend-bar-col.today .trend-bar-value{color:var(--gold-dark);font-weight:700}.trend-list{flex-direction:column;gap:.45rem;display:flex}.trend-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.85rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.trend-item.today{background:#f4e7be14;border-color:#d4af3740}.trend-item-data{align-items:center;gap:.85rem;display:flex}.trend-item:first-child{animation-delay:40ms}.trend-item:nth-child(2){animation-delay:80ms}.trend-item:nth-child(3){animation-delay:.12s}.trend-item:nth-child(4){animation-delay:.16s}.trend-item:nth-child(5){animation-delay:.2s}.trend-item:nth-child(6){animation-delay:.24s}.trend-item:nth-child(7){animation-delay:.28s}.trend-item:hover{border-color:#d4af3726;transform:translateY(-1px);box-shadow:0 4px 16px #d4af370f}.trend-item-date{font-family:var(--font-body);color:var(--text-secondary);flex-shrink:0;min-width:56px;font-size:.8rem;font-weight:500}.trend-item-sleep{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:.3rem;min-width:52px;font-size:.85rem;font-weight:600;display:flex}.trend-item-sleep .moon-icon{font-size:.9rem;line-height:1}.trend-item-emoji{flex-shrink:0;font-size:1.2rem;line-height:1}.trend-item-energy{align-items:center;gap:3px;margin-left:auto;display:flex}.trend-item-energy .mini-dot{background:#00000012;border-radius:50%;width:8px;height:8px;transition:background .3s}.trend-item-energy .mini-dot.filled{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));box-shadow:0 1px 3px #d4af374d}.sleep-stats{gap:.65rem;animation:.6s cubic-bezier(.16,1,.3,1) .25s both fadeInUp;display:flex}.sleep-stat-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1rem .5rem;display:flex}.sleep-stat-card:hover{border-color:#d4af372e;transform:translateY(-2px);box-shadow:0 4px 16px #d4af370f}.sleep-stat-value{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1.1}.sleep-stat-value .stat-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.1rem;font-size:.65rem;font-weight:500}.sleep-stat-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.6rem;font-weight:500}.sleep-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp;display:flex}.sleep-empty-icon{filter:grayscale(.1);font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite emptyFloat}.sleep-empty-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.sleep-empty-desc{font-family:var(--font-body);color:var(--text-light);max-width:280px;font-size:.85rem;font-weight:400;line-height:1.5}@media (width<=480px){.checkin-card{padding:1.5rem 1.25rem}.sleep-value-display{font-size:2.2rem}.emoji-btn{border-radius:10px;width:48px;height:48px;font-size:1.35rem}.emoji-selector{gap:.45rem}.emoji-label{font-size:.5rem}.energy-selector{justify-content:center;gap:.2rem;display:flex}.energy-level-label{display:none}.energy-dot{width:28px;height:28px;min-width:unset;min-height:unset;border-radius:50%;font-size:.68rem}.trend-bar{max-width:20px}.trend-bars{gap:.3rem;height:130px}.trend-bar-value,.trend-bar-date{font-size:.5rem}.sleep-stats{gap:.45rem}.sleep-stat-card{padding:.85rem .35rem}.sleep-stat-value{font-size:1.25rem}.sleep-stat-label{font-size:.55rem}}@media (width<=340px){.sleep-content{padding-left:1rem;padding-right:1rem}.emoji-btn{width:44px;height:44px;font-size:1.2rem}.emoji-selector{gap:.35rem}.energy-dot{max-width:32px;height:28px;min-height:28px;font-size:.65rem}.trend-bar-col{max-width:30px}}@media (width>=600px){.sleep-content{gap:2rem;padding-top:calc(60px + 2.5rem)}.checkin-card{gap:2rem;padding:2.25rem 2.5rem}.checkin-card-title{font-size:1.45rem}.sleep-value-display{font-size:2.8rem}.emoji-btn{width:62px;height:62px;font-size:1.75rem}.energy-dot{width:54px;height:40px;font-size:.85rem}.trend-chart{padding:2rem 1.5rem 1.25rem}.trend-bars{gap:.6rem;height:180px}.trend-bar{max-width:34px}}@media (pointer:coarse){.sleep-slider::-webkit-slider-thumb{width:28px;height:28px}.sleep-slider::-moz-range-thumb{width:28px;height:28px}.emoji-btn{min-width:48px;min-height:48px}.energy-dot{min-width:28px;min-height:28px}.trend-toggle-btn{padding:.45rem 1rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.checkin-card,.trend-section,.sleep-stats,.sleep-empty,.trend-item,.trend-bar{animation:none}.emoji-btn,.energy-dot,.save-btn,.sleep-stat-card,.trend-item{transition:none}.sleep-slider::-webkit-slider-thumb{transition:none}.sleep-slider::-moz-range-thumb{transition:none}.sleep-empty-icon{animation:none}}.emoji-btn:focus-visible,.energy-dot:focus-visible,.save-btn:focus-visible,.trend-toggle-btn:focus-visible,.sleep-header .header-back:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.sleep-slider:focus-visible{outline:none}.sleep-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.sleep-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.meditation-overlay{z-index:200;opacity:1;background:radial-gradient(at 50% 45%,#111640 0%,#0a0e27 100%);flex-direction:column;justify-content:center;align-items:center;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeIn;display:flex;position:fixed;inset:0}.breathing-bubble{background:radial-gradient(circle at 38% 38%, #f4e7bef2 0%, var(--gold-primary) 40%, #c8922a 100%);opacity:.75;will-change:transform, opacity, box-shadow;border-radius:50%;flex-shrink:0;width:160px;height:160px;position:relative;transform:scale(.6);box-shadow:0 0 40px 8px #d4af3747,0 0 80px 20px #d4af3721,0 0 120px 40px #c8922a0f}@keyframes breatheIn{0%{opacity:.7;transform:scale(.6);box-shadow:0 0 30px 4px #d4af372e,0 0 60px 12px #d4af3714,0 0 90px 28px #c8922a08}to{opacity:1;transform:scale(1);box-shadow:0 0 50px 12px #d4af3759,0 0 100px 30px #d4af3729,0 0 150px 50px #c8922a12}}@keyframes breatheHold{0%,to{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes breatheOut{0%{opacity:1;transform:scale(1);box-shadow:0 0 50px 12px #d4af3759,0 0 100px 30px #d4af3729,0 0 150px 50px #c8922a12}to{opacity:.7;transform:scale(.6);box-shadow:0 0 30px 4px #d4af372e,0 0 60px 12px #d4af3714,0 0 90px 28px #c8922a08}}.breathing-bubble.inhale{animation:4s ease-in-out forwards breatheIn}.breathing-bubble.hold{animation:7s ease-in-out forwards breatheHold}.breathing-bubble.exhale{animation:8s ease-in-out forwards breatheOut}.breathing-phase-text{font-family:var(--font-heading);color:#f4e7beeb;letter-spacing:.1em;text-transform:uppercase;text-align:center;-webkit-user-select:none;user-select:none;margin-top:2.5rem;font-size:1.3rem;font-weight:600;transition:opacity .4s}.breathing-phase-text.fade{opacity:0}.meditation-timer{top:env(safe-area-inset-top,1.5rem);font-family:var(--font-body);color:#fff9;letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding-top:1.5rem;font-size:.9rem;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.meditation-close-btn{top:env(safe-area-inset-top,1rem);-webkit-backdrop-filter:blur(8px);color:#ffffff80;cursor:pointer;z-index:210;background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding-top:1rem;font-size:1.15rem;transition:background .3s,border-color .3s,color .3s;display:flex;position:absolute;right:1rem}.meditation-close-btn:hover{color:#fffc;background:#ffffff1a;border-color:#ffffff47}.meditation-close-btn:active{transform:scale(.93)}.meditation-card{border-radius:var(--radius-lg);background:linear-gradient(135deg, #6366f10a 0%, #4f46e505 100%), var(--bg-secondary);box-shadow:var(--shadow-md);border:1px solid #6366f11f;flex-direction:column;gap:1.5rem;padding:2rem 1.75rem;animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.meditation-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;display:flex}.meditation-start-btn{border-radius:var(--radius-full);color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s;display:flex;box-shadow:0 4px 16px #6366f14d,inset 0 1px #ffffff1f}.meditation-start-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159,inset 0 1px #ffffff2e}.meditation-start-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #6366f14d}.meditation-start-btn:disabled{color:#fff9;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#d0d0d0,#b8b8b8);transform:none}.meditation-start-btn .start-icon{font-size:1.1rem;line-height:1}.meditation-duration-selector{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);display:flex;overflow:hidden}.meditation-duration-chip{font-family:var(--font-body);color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;white-space:nowrap;background:0 0;border:none;padding:.4rem .95rem;font-size:.72rem;font-weight:500}.meditation-duration-chip:hover{color:var(--text-secondary);background:#6366f10a}.meditation-duration-chip.active{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);font-weight:600;box-shadow:0 2px 8px #6366f140}.meditation-badge{border-radius:var(--radius-full);font-family:var(--font-body);color:#38a169;letter-spacing:.01em;white-space:nowrap;background:linear-gradient(135deg,#48bb781a,#d4af3714);border:1px solid #48bb782e;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.68rem;font-weight:600;display:inline-flex}.meditation-badge .badge-emoji{font-size:.85rem;line-height:1}@keyframes meditationScaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.meditation-complete{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:1.25rem;width:90%;max-width:320px;padding:2.5rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) both meditationScaleIn;display:flex}.meditation-complete-icon{font-size:3rem;line-height:1}.meditation-complete-title{font-family:var(--font-heading);color:#f4e7bef2;letter-spacing:-.01em;font-size:1.35rem;font-weight:600}.meditation-complete-stats{gap:1.5rem;display:flex}.meditation-complete-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.meditation-complete-stat-value{font-family:var(--font-heading);color:#fff;font-size:1.6rem;font-weight:700;line-height:1.1}.meditation-complete-stat-label{font-family:var(--font-body);color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:500}.meditation-complete-btn{border-radius:var(--radius-full);color:#f4e7bee6;font-family:var(--font-body);cursor:pointer;background:#f4e7be14;border:1px solid #f4e7be40;margin-top:.5rem;padding:.75rem 2rem;font-size:.85rem;font-weight:600;transition:background .3s,border-color .3s}.meditation-complete-btn:hover{background:#f4e7be26;border-color:#f4e7be66}.meditation-complete-btn:active{transform:scale(.97)}.breathing-ring{pointer-events:none;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.breathing-ring circle{fill:none;stroke-width:2.5px;stroke-linecap:round}.breathing-ring .ring-track{stroke:#ffffff0f}.breathing-ring .ring-progress{stroke:var(--gold-primary);stroke-dasharray:565.48;stroke-dashoffset:565.48px;transform-origin:50%;transition:stroke-dashoffset 1s linear,stroke .6s;transform:rotate(-90deg)}.breathing-ring .ring-progress.active{stroke:var(--gold-light)}@media (width<=380px){.breathing-bubble{width:120px;height:120px}.breathing-ring{width:152px;height:152px}.breathing-phase-text{letter-spacing:.08em;margin-top:2rem;font-size:1.05rem}.meditation-timer{font-size:.8rem}.meditation-complete{padding:2rem 1.5rem}.meditation-complete-title{font-size:1.15rem}.meditation-complete-stat-value{font-size:1.35rem}.meditation-card{padding:1.5rem 1.25rem}.meditation-duration-chip{padding:.35rem .7rem;font-size:.65rem}}@media (prefers-reduced-motion:reduce){.breathing-bubble,.breathing-bubble.inhale,.breathing-bubble.hold,.breathing-bubble.exhale{transition:transform 10ms,opacity 10ms;animation:none}.meditation-complete{animation:none}.meditation-overlay{transition:opacity 10ms}}.meditation-close-btn:focus-visible,.meditation-start-btn:focus-visible,.meditation-duration-chip:focus-visible,.meditation-complete-btn:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.breathing-bubble-container{flex-shrink:0;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:relative}.breathing-bubble-container .breathing-ring{position:absolute;inset:0}.breathing-phase-sub{font-family:var(--font-body);color:#fff6;letter-spacing:.02em;text-align:center;margin-top:.5rem;font-size:.8rem;font-weight:400}.meditation-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.meditation-card-desc{font-family:var(--font-body);color:var(--text-light);margin:-.5rem 0 .25rem;font-size:.85rem;font-weight:400;line-height:1.55}.meditation-done-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;max-width:280px;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.9rem 1.5rem;font-size:.9rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;display:flex;box-shadow:0 4px 16px #d4af374d,inset 0 1px #ffffff26}.meditation-done-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759,inset 0 1px #fff3}.meditation-done-btn:active{transform:translateY(0)scale(.98)}.trend-item-meditation{font-family:var(--font-body);color:#6366f1;border-radius:var(--radius-full);white-space:nowrap;background:#6366f114;margin-left:.35rem;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.sleep-sub-tabs{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);border:1px solid var(--border-light);background:#00000005;gap:.25rem;margin:0 0 1rem;padding:.25rem;display:flex;box-shadow:inset 0 1px 2px #00000005}.sleep-sub-tab-btn{font-family:var(--font-body);color:var(--text-light);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;padding:.65rem .5rem;font-size:.82rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1)}.sleep-sub-tab-btn:hover{color:var(--text-secondary);background:#00000004}.sleep-sub-tab-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;transform:translateY(-.5px);box-shadow:0 4px 12px #d4af3740,inset 0 1px #ffffff26}.library-intro-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin:0 0 1.5rem;padding:1.5rem;position:relative;overflow:hidden}.library-intro-glow{pointer-events:none;background:radial-gradient(circle,#d4af371a 0%,#0000 70%);width:150px;height:150px;position:absolute;top:-50px;right:-50px}.library-intro-content{z-index:1;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:relative}.library-intro-sparkle{margin-bottom:.25rem;animation:3s ease-in-out infinite emptyFloat}.library-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.library-desc{font-family:var(--font-body);color:var(--text-light);font-size:.85rem;font-weight:400;line-height:1.55}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;padding:0 0 2rem;display:grid}.article-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;padding:1.25rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden!important}.article-card:before{content:"";background:0 0;width:3px;transition:background-color .3s;position:absolute;top:0;bottom:0;left:0}.article-card:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 24px #0000000f,0 2px 8px #d4af3714}.article-card:hover:before{background:var(--gold-primary)}.article-card-emoji{transform-origin:50%;margin-bottom:.75rem;font-size:2rem;transition:transform .3s;display:inline-block}.article-card:hover .article-card-emoji{transform:scale(1.08)rotate(4deg)}.article-card-body{flex-direction:column;flex:1;display:flex}.article-card-journal{font-family:var(--font-body);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.7rem;font-weight:600}.article-card-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:.95rem;font-weight:700;line-height:1.4}.article-card-summary{font-family:var(--font-body);color:var(--text-light);flex:1;margin-bottom:1.25rem;font-size:.8rem;font-weight:400;line-height:1.5}.article-card-footer{justify-content:flex-start;align-items:center;margin-top:auto;display:flex}.read-more-btn{font-family:var(--font-body);color:var(--gold-primary);align-items:center;font-size:.78rem;font-weight:600;transition:color .2s;display:inline-flex}.article-card:hover .read-more-btn{color:var(--gold-dark)}.quiz-intro-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:1rem;margin:0 0 1.5rem;padding:1.75rem 1.5rem;display:flex}.quiz-badge{font-family:var(--font-body);color:var(--gold-dark);border-radius:var(--radius-full);background:#d4af3714;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.quiz-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.quiz-desc{font-family:var(--font-body);color:var(--text-light);font-size:.85rem;font-weight:400;line-height:1.55}.quiz-features{flex-direction:column;gap:1rem;width:100%;margin:.5rem 0;display:flex}.q-feature{align-items:flex-start;gap:.75rem;display:flex}.q-feat-num{width:24px;height:24px;color:var(--gold-dark);font-family:var(--font-display);background:#d4af371a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.q-feature h4{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:.15rem;font-size:.88rem;font-weight:650}.q-feature p{font-family:var(--font-body);color:var(--text-light);font-size:.8rem;font-weight:400;line-height:1.45}.quiz-status-box{border-radius:var(--radius-md);background:#d4af370a;border:1px dashed #d4af3740;gap:.75rem;width:100%;padding:1rem;display:flex}.quiz-status-icon{font-size:1.5rem;line-height:1}.quiz-status-text{flex-direction:column;gap:.15rem;display:flex}.quiz-status-text strong{font-family:var(--font-display);color:var(--text-secondary);font-size:.85rem;font-weight:650}.quiz-status-text span{font-family:var(--font-body);color:var(--text-light);font-size:.78rem;line-height:1.4}.quiz-start-btn{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-primary);width:100%;color:var(--text-light);font-family:var(--font-body);justify-content:center;align-items:center;padding:.85rem;font-size:.88rem;font-weight:600;display:flex}.article-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.article-modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000026,0 2px 10px #d4af370d}.article-modal-close{border:1px solid var(--border-light);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.article-modal-close:hover{background:#00000005;transform:rotate(90deg)}.article-modal-header{border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding:1.75rem 3.5rem 1.25rem 1.75rem;display:flex}.article-modal-emoji{flex-shrink:0;font-size:2.5rem;animation:3s ease-in-out infinite emptyFloat}.article-modal-journal{font-family:var(--font-body);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.article-modal-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.015em;margin-top:.15rem;font-size:1.1rem;font-weight:700;line-height:1.35}.article-modal-scroll-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 1.75rem 2rem;display:flex;overflow-y:auto}.article-modal-scroll-area::-webkit-scrollbar{width:6px}.article-modal-scroll-area::-webkit-scrollbar-track{background:0 0}.article-modal-scroll-area::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000014}.article-modal-scroll-area::-webkit-scrollbar-thumb:hover{background:#d4af374d}.article-modal-body{font-family:var(--font-body);color:var(--text-secondary);font-size:.88rem;font-weight:400;line-height:1.65}.article-paragraph{white-space:pre-line;margin-bottom:1rem}.article-takeaways-box,.article-tips-box,.article-supplements-box{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1.25rem}.section-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;align-items:center;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:flex}.article-takeaways-box ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.article-takeaways-box li{font-family:var(--font-body);color:var(--text-secondary);font-size:.82rem;font-weight:450;line-height:1.5}.article-tips-box p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:450;line-height:1.55}.article-supplements-box .supp-sub{font-family:var(--font-body);color:var(--text-light);margin-top:-.25rem;margin-bottom:.75rem;font-size:.78rem}.article-supp-chips{flex-wrap:wrap;gap:.5rem;display:flex}.article-supp-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;outline:none;align-items:center;gap:.35rem;padding:.35rem .75rem;transition:all .25s;display:flex}.article-supp-chip:hover{background:#d4af3708;border-color:#d4af3766;transform:translateY(-1px);box-shadow:0 4px 8px #00000008}.article-supp-chip:active{transform:translateY(0)}.chip-emoji{font-size:1rem}.chip-name{font-family:var(--font-body);color:var(--text-secondary);font-size:.78rem;font-weight:600}.chip-link-icon{color:var(--text-light);transition:color .2s}.article-supp-chip:hover .chip-link-icon{color:var(--gold-dark)}.sleep-toast-overlay{z-index:2000;pointer-events:none;width:90%;max-width:380px;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.sleep-toast-content{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);text-align:center;background:#ffffffe6;border:1px solid #d4af3740;padding:.75rem 1.25rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards savedPop;box-shadow:0 10px 25px #00000014,0 2px 10px #d4af371a}.sleep-toast-content span{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem;font-weight:600;line-height:1.4}.animated{animation-duration:.4s;animation-fill-mode:both}.animated.fadeIn,.animated.fadeInUp{animation-name:fadeInUp}.animated.slideIn{animation-name:slideIn}.animated.savedPop{animation-name:savedPop}.sleep-tab-pane{flex-direction:column;gap:1.5rem;width:100%;display:flex}@keyframes typeCardPulse{0%{box-shadow:0 0 #d4af3740}to{box-shadow:0 0 0 8px #d4af3700}}@keyframes listEntrance{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.exercise-page{background-color:var(--bg-primary);background-image:radial-gradient(70% 50% at 50% 0,#d4af370a 0%,#0000 65%);min-height:100vh;padding-bottom:4rem;position:relative}.exercise-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffffb8;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000a}.exercise-header .back-btn,.exercise-header .header-back{border-radius:var(--radius-full);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.exercise-header .back-btn:hover,.exercise-header .header-back:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.06)}.exercise-header .header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.exercise-header .header-spacer{flex-shrink:0;width:38px;height:38px}.exercise-content{flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;padding:calc(60px + 1.5rem) 1.25rem 0;display:flex}.exercise-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;gap:1.75rem;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.exercise-card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.exercise-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;line-height:1.3;display:flex}.exercise-card-title .exercise-icon{font-size:1.35rem;line-height:1}.exercise-date{font-family:var(--font-body);color:var(--text-light);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:400}.exercise-saved{border-radius:var(--radius-full);color:#38a169;font-family:var(--font-body);letter-spacing:.02em;background:linear-gradient(135deg,#48bb781f,#d4af371a);border:1px solid #48bb7840;align-self:flex-start;align-items:center;gap:.35rem;margin-top:-.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards savedPop;display:inline-flex}.exercise-saved .saved-check{font-size:.85rem;line-height:1}.exercise-type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.exercise-type-card{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:80px;min-height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s,box-shadow .3s;display:flex}.exercise-type-card:hover{border-color:#d4af3740;transform:translateY(-3px);box-shadow:0 4px 14px #d4af3714}.exercise-type-card:active{transform:scale(.96)}.exercise-type-card.selected{border-color:var(--gold-primary);background:#f4e7be2e;animation:.6s ease-out typeCardPulse;transform:scale(1.05);box-shadow:0 4px 18px #d4af3733,0 0 0 3px #d4af3714}.exercise-type-card.selected:hover{transform:scale(1.07)}.exercise-type-icon{font-size:1.5rem;line-height:1;transition:transform .3s}.exercise-type-card.selected .exercise-type-icon{transform:scale(1.1)}.exercise-type-label{font-family:var(--font-body);color:var(--text-light);text-align:center;letter-spacing:.01em;white-space:nowrap;font-size:.65rem;font-weight:500;transition:color .3s}.exercise-type-card.selected .exercise-type-label{color:var(--gold-dark);font-weight:600}.exercise-input-group{flex-direction:column;gap:.85rem;display:flex}.exercise-label{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;display:flex}.exercise-label .label-icon{font-size:.85rem;line-height:1}.duration-display{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.1;transition:color .3s}.duration-display .duration-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.15rem;font-size:1rem;font-weight:500}.exercise-slider{appearance:none;background:linear-gradient(to right, var(--gold-primary) 0%, var(--gold-primary) var(--slider-fill,50%), #0000000f var(--slider-fill,50%), #0000000f 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:background .15s}.exercise-slider::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.exercise-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.exercise-slider::-webkit-slider-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.exercise-slider::-moz-range-thumb{border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.exercise-slider::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.exercise-slider::-moz-range-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.exercise-slider::-moz-range-track{background:#0000000f;border:none;border-radius:3px;height:6px}.exercise-slider::-moz-range-progress{background:var(--gold-primary);border-radius:3px;height:6px}.exercise-slider-labels{justify-content:space-between;margin-top:.35rem;display:flex}.exercise-slider-label{font-family:var(--font-body);color:var(--text-light);letter-spacing:.02em;font-size:.65rem;font-weight:500}.intensity-selector{justify-content:center;gap:.6rem;display:flex}.intensity-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.3rem;width:88px;height:42px;min-height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.intensity-btn:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 3px 10px #d4af3714}.intensity-btn:active{transform:scale(.95)}.intensity-btn.selected{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;transform:scale(1.05);box-shadow:0 4px 16px #d4af3759,inset 0 1px #ffffff26}.intensity-btn.selected:hover{transform:scale(1.08);box-shadow:0 6px 20px #d4af3766,inset 0 1px #fff3}.intensity-icon{font-size:.9rem;line-height:1}.intensity-label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.01em;font-size:.72rem;font-weight:500;transition:color .3s}.intensity-btn.selected .intensity-label{color:#fff;font-weight:600}.exercise-memo{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);width:100%;font-family:var(--font-body);color:var(--text-primary);resize:vertical;outline:none;min-height:56px;max-height:120px;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;transition:border-color .3s,box-shadow .3s}.exercise-memo::placeholder{color:var(--text-light)}.exercise-memo:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.exercise-memo-count{font-family:var(--font-body);color:var(--text-light);text-align:right;margin-top:.25rem;font-size:.6rem;display:block}.exercise-save-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s,opacity .35s;display:flex;box-shadow:0 4px 16px #d4af374d,inset 0 1px #ffffff26}.exercise-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759,inset 0 1px #fff3}.exercise-save-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #d4af374d}.exercise-save-btn:disabled{color:#fff9;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#d0d0d0,#b8b8b8);transform:none}.exercise-save-btn:disabled:hover{box-shadow:none;transform:none}.exercise-save-btn.saved{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 16px #48bb784d}.exercise-save-btn.saved:hover{box-shadow:0 6px 20px #48bb7859}.exercise-save-btn .save-icon{font-size:1.1rem;line-height:1}.exercise-stats{gap:.65rem;animation:.6s cubic-bezier(.16,1,.3,1) .25s both fadeInUp;display:flex}.exercise-stat-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1rem .5rem;display:flex}.exercise-stat-card:hover{border-color:#d4af372e;transform:translateY(-2px);box-shadow:0 4px 16px #d4af370f}.exercise-stat-value{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1.1}.exercise-stat-value .stat-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.1rem;font-size:.65rem;font-weight:500}.exercise-stat-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.6rem;font-weight:500}.exercise-trend-chart{background:0 0;width:100%;padding:.5rem 0 1rem}.exercise-trend-bars{justify-content:center;align-items:stretch;gap:.5rem;height:140px;padding:0 .25rem;display:flex}.exercise-trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;max-width:44px;height:100%;display:flex}.exercise-trend-wrap{flex:1;width:100%;min-height:0;position:relative}.exercise-trend-bar{background:linear-gradient(180deg, var(--gold-dark) 0%, var(--gold-primary) 100%);border-radius:6px 6px 2px 2px;width:100%;max-width:30px;min-height:4px;transition:background .3s,height .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.exercise-trend-col.empty .exercise-trend-bar{background:var(--border-light);opacity:.5}.exercise-trend-val{font-family:var(--font-body);color:var(--text-primary);font-size:.6rem;font-weight:700;animation:.4s both fadeInUp}.exercise-trend-date{font-family:var(--font-body);color:var(--text-secondary);font-size:.7rem;font-weight:500}.exercise-trend-col.today .exercise-trend-date{color:var(--gold-dark);font-weight:700}.exercise-trend{flex-direction:column;gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:flex}.exercise-trend-header{justify-content:space-between;align-items:center;display:flex}.exercise-trend-header .trend-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:600;display:flex}.exercise-trend-toggle{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);display:flex;overflow:hidden}.exercise-trend-toggle-btn{font-family:var(--font-body);color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;background:0 0;border:none;padding:.35rem .85rem;font-size:.7rem;font-weight:500}.exercise-trend-toggle-btn:hover{color:var(--text-secondary);background:#00000005}.exercise-trend-toggle-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;box-shadow:0 2px 8px #d4af3740}.exercise-trend-list{flex-direction:column;gap:.45rem;display:flex}.exercise-trend-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.85rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.exercise-trend-item:first-child{animation-delay:40ms}.exercise-trend-item:nth-child(2){animation-delay:80ms}.exercise-trend-item:nth-child(3){animation-delay:.12s}.exercise-trend-item:nth-child(4){animation-delay:.16s}.exercise-trend-item:nth-child(5){animation-delay:.2s}.exercise-trend-item:nth-child(6){animation-delay:.24s}.exercise-trend-item:nth-child(7){animation-delay:.28s}.exercise-trend-item:nth-child(8){animation-delay:.32s}.exercise-trend-item:nth-child(9){animation-delay:.36s}.exercise-trend-item:nth-child(10){animation-delay:.4s}.exercise-trend-item:hover{border-color:#d4af3726;transform:translateY(-1px);box-shadow:0 4px 16px #d4af370f}.exercise-trend-item.today{background:#f4e7be14;border-color:#d4af3740}.exercise-trend-date{font-family:var(--font-body);color:var(--text-secondary);flex-shrink:0;min-width:56px;font-size:.8rem;font-weight:500}.exercise-trend-data{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.exercise-trend-type{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;display:flex}.exercise-trend-type .type-emoji{font-size:1rem;line-height:1}.exercise-trend-duration{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.exercise-trend-intensity{border-radius:var(--radius-full);color:var(--gold-dark);font-family:var(--font-body);letter-spacing:.03em;white-space:nowrap;background:#f4e7be59;align-items:center;padding:.15rem .55rem;font-size:.62rem;font-weight:600;display:inline-flex}.exercise-trend-memo{width:100%;font-family:var(--font-body);color:var(--text-secondary);border-top:1px solid var(--border-light);white-space:pre-wrap;word-break:break-word;margin-top:.3rem;padding-top:.4rem;font-size:.72rem;line-height:1.4}.exercise-list{flex-direction:column;gap:.5rem;display:flex}.exercise-list-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.7rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) both listEntrance;display:flex}.exercise-list-item:first-child{animation-delay:50ms}.exercise-list-item:nth-child(2){animation-delay:.1s}.exercise-list-item:nth-child(3){animation-delay:.15s}.exercise-list-item:nth-child(4){animation-delay:.2s}.exercise-list-item:nth-child(5){animation-delay:.25s}.exercise-list-item:hover{border-color:#d4af3726;box-shadow:0 4px 14px #d4af3712}.exercise-list-item .item-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.exercise-list-item .item-name{font-family:var(--font-body);color:var(--text-primary);flex:1;min-width:0;font-size:.85rem;font-weight:500}.exercise-list-item .item-duration{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:600}.exercise-list-item .delete-btn{border-radius:var(--radius-full);color:#dc3545;cursor:pointer;width:28px;height:28px;transition:var(--transition-smooth);background:#dc35450d;border:1px solid #dc354533;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:inline-flex}.exercise-list-item .delete-btn:hover{background:#dc35451f;border-color:#dc35454d;transform:scale(1.08)}.exercise-list-item .delete-btn:active{transform:scale(.95)}.exercise-add-more{border-radius:var(--radius-md);width:100%;color:var(--gold-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:2px dashed #d4af374d;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.85rem;font-weight:500;display:flex}.exercise-add-more:hover{border-color:var(--gold-primary);background:#f4e7be1a;transform:translateY(-1px)}.exercise-add-more:active{transform:translateY(0)}.exercise-add-more .add-icon{font-size:1.15rem;font-weight:300;line-height:1}.exercise-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp;display:flex}.exercise-empty-icon{filter:grayscale(.1);font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite emptyFloat}.exercise-empty-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.exercise-empty-desc{font-family:var(--font-body);color:var(--text-light);max-width:280px;font-size:.85rem;font-weight:400;line-height:1.5}@media (width<=380px){.exercise-card{padding:1.5rem 1.25rem}.exercise-type-grid{grid-template-columns:repeat(2,1fr);gap:.45rem}.exercise-type-card{height:72px}.duration-display{font-size:2.2rem}.intensity-btn{width:76px;height:38px}.intensity-selector{gap:.4rem}.intensity-label{font-size:.65rem}.exercise-stats{gap:.45rem}.exercise-stat-card{padding:.85rem .35rem}.exercise-stat-value{font-size:1.25rem}.exercise-stat-label{font-size:.55rem}.exercise-week{gap:.35rem}.exercise-day-date{width:34px;height:34px;font-size:.72rem}.exercise-day.today .exercise-day-date{width:38px;height:38px}.exercise-day-label{font-size:.58rem}.exercise-trend-data{gap:.5rem}.exercise-trend-type,.exercise-trend-duration{font-size:.75rem}}@media (width<=340px){.exercise-content{padding-left:1rem;padding-right:1rem}.exercise-type-grid{grid-template-columns:repeat(2,1fr)}.intensity-btn{width:68px;height:36px;min-height:44px}.intensity-selector{gap:.3rem}.exercise-day-date{width:32px;height:32px;font-size:.68rem}}@media (width>=600px){.exercise-content{gap:2rem;padding-top:calc(60px + 2.5rem)}.exercise-card{gap:2rem;padding:2.25rem 2.5rem}.exercise-card-title{font-size:1.45rem}.duration-display{font-size:2.8rem}.exercise-type-card{height:88px}.exercise-type-icon{font-size:1.7rem}.exercise-type-label{font-size:.7rem}.intensity-btn{width:100px;height:44px}.intensity-label{font-size:.78rem}.exercise-day-date{width:42px;height:42px}.exercise-day.today .exercise-day-date{width:46px;height:46px}}@media (pointer:coarse){.exercise-slider::-webkit-slider-thumb{width:28px;height:28px}.exercise-slider::-moz-range-thumb{width:28px;height:28px}.exercise-type-card{min-height:72px}.intensity-btn{min-width:76px;min-height:44px}.exercise-trend-toggle-btn{padding:.45rem 1rem;font-size:.75rem}.exercise-list-item .delete-btn{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.exercise-card,.exercise-trend,.exercise-stats,.exercise-empty,.exercise-week,.exercise-trend-item,.exercise-list-item{animation:none}.exercise-type-card,.intensity-btn,.exercise-save-btn,.exercise-stat-card,.exercise-trend-item,.exercise-day,.exercise-list-item,.exercise-list-item .delete-btn,.exercise-add-more{transition:none}.exercise-slider::-webkit-slider-thumb{transition:none}.exercise-slider::-moz-range-thumb{transition:none}.exercise-empty-icon{animation:none}}.exercise-type-card:focus-visible,.intensity-btn:focus-visible,.exercise-save-btn:focus-visible,.exercise-trend-toggle-btn:focus-visible,.exercise-header .back-btn:focus-visible,.exercise-header .header-back:focus-visible,.exercise-add-more:focus-visible,.exercise-list-item .delete-btn:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.exercise-slider:focus-visible{outline:none}.exercise-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.exercise-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.exercise-memo:focus-visible{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 3px #d4af3714}.exercise-overview{flex-direction:column;gap:.75rem;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.exercise-streak{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--gold-dark);background:linear-gradient(135deg,#d4af371f,#d4af370f);border:1px solid #d4af3733;align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.streak-num{color:var(--gold-primary);font-weight:700}.exercise-list-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.exercise-list-icon{flex-shrink:0;font-size:1.3rem;line-height:1}.exercise-list-info{flex-direction:column;flex:1;min-width:0;display:flex}.exercise-list-name{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:600}.exercise-list-detail{font-family:var(--font-body);color:var(--text-light);font-size:.7rem}.exercise-list-memo{width:100%;font-family:var(--font-body);color:var(--text-secondary);border-top:1px solid var(--border-light);margin-top:.15rem;padding-top:.35rem;font-size:.7rem}.exercise-delete-btn{width:28px;height:28px;color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.exercise-delete-btn:hover{color:#dc3545;background:#dc354514}.exercise-trend-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:600}.exercise-trend-session{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:inline-flex}.exercise-slider-wrapper{padding:.5rem 0}@keyframes celebrationPop{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.12)}75%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes cleanGlow{0%,to{box-shadow:0 0 #48bb784d}50%{box-shadow:0 0 0 8px #48bb7800}}.substance-page{background-color:var(--bg-primary);background-image:radial-gradient(70% 50% at 50% 0,#d4af370a 0%,#0000 65%);min-height:100vh;padding-bottom:4rem;position:relative}.substance-header{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.6);background:#ffffffb8;border-bottom:1px solid #ffffff59;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 12px #0000000a}.substance-header .back-btn,.substance-header .header-back{border-radius:var(--radius-full);border:1px solid var(--border-light);width:38px;height:38px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:#ffffffa6;justify-content:center;align-items:center;font-size:1.05rem;display:inline-flex}.substance-header .back-btn:hover,.substance-header .header-back:hover{background:var(--bg-secondary);border-color:var(--gold-light);color:var(--gold-dark);transform:scale(1.06)}.substance-header .header-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:600}.substance-header .header-spacer{flex-shrink:0;width:38px;height:38px}.substance-content{flex-direction:column;gap:1.5rem;max-width:520px;margin:0 auto;padding:calc(60px + 1.5rem) 1.25rem 0;display:flex}.substance-tabs{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.3rem;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.substance-tab{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.65rem 1rem;font-size:.85rem;font-weight:500;transition:background .35s cubic-bezier(.16,1,.3,1),color .3s,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex}.substance-tab:hover{color:var(--text-secondary);background:#00000005}.substance-tab.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;transform:scale(1.02);box-shadow:0 4px 14px #d4af374d,inset 0 1px #ffffff26}.substance-tab.active:hover{box-shadow:0 6px 18px #d4af3759,inset 0 1px #fff3}.substance-tab.active[data-tab=drink],.substance-tab.active.tab-drink{background:linear-gradient(135deg,#d4a017,#b8860b);box-shadow:0 4px 14px #b8860b4d,inset 0 1px #ffffff26}.substance-tab.active[data-tab=smoke],.substance-tab.active.tab-smoke{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 14px #4755694d,inset 0 1px #ffffff26}.substance-tab .tab-icon{font-size:1rem;line-height:1}.substance-tab .tab-label{letter-spacing:.01em}.substance-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);flex-direction:column;gap:1.75rem;padding:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.substance-card-top{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.substance-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;line-height:1.3;display:flex}.substance-card-title .substance-icon{font-size:1.35rem;line-height:1}.substance-date{font-family:var(--font-body);color:var(--text-light);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;font-size:.8rem;font-weight:400}.drink-type-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.drink-type-card{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:80px;min-height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s,box-shadow .3s;display:flex}.drink-type-card:hover{border-color:#d4af3740;transform:translateY(-3px);box-shadow:0 4px 14px #d4af3714}.drink-type-card:active{transform:scale(.96)}.drink-type-card.selected{border-color:var(--gold-primary);background:#f4e7be2e;animation:.6s ease-out typeCardPulse;transform:scale(1.05);box-shadow:0 4px 18px #d4af3733,0 0 0 3px #d4af3714}.drink-type-card.selected:hover{transform:scale(1.07)}.drink-type-icon{justify-content:center;align-items:center;line-height:1;transition:transform .3s;display:flex}.drink-icon-img{object-fit:contain;border-radius:4px;width:36px;height:36px}.drink-type-card.selected .drink-type-icon{transform:scale(1.1)}.drink-type-label{font-family:var(--font-body);color:var(--text-light);text-align:center;letter-spacing:.01em;white-space:nowrap;font-size:.65rem;font-weight:500;transition:color .3s}.drink-type-card.selected .drink-type-label{color:var(--gold-dark);font-weight:600}.smoke-type-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.smoke-type-card{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;height:80px;min-height:44px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .3s,background .3s,box-shadow .3s;display:flex}.smoke-type-card:hover{border-color:#64748b40;transform:translateY(-3px);box-shadow:0 4px 14px #64748b14}.smoke-type-card:active{transform:scale(.96)}.smoke-type-card.selected{background:#64748b14;border-color:#64748b;animation:.6s ease-out typeCardPulse;transform:scale(1.05);box-shadow:0 4px 18px #64748b33,0 0 0 3px #64748b14}.smoke-type-card.selected:hover{transform:scale(1.07)}.smoke-type-icon{font-size:1.5rem;line-height:1;transition:transform .3s}.smoke-type-card.selected .smoke-type-icon{transform:scale(1.1)}.smoke-type-label{font-family:var(--font-body);color:var(--text-light);text-align:center;letter-spacing:.01em;white-space:nowrap;font-size:.65rem;font-weight:500;transition:color .3s}.smoke-type-card.selected .smoke-type-label{color:#475569;font-weight:600}.container-selector{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.container-chip{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.3rem;min-height:44px;padding:.45rem 1rem;font-size:.78rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.container-chip:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 3px 10px #d4af3714}.container-chip:active{transform:scale(.95)}.container-chip.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;font-weight:600;transform:scale(1.05);box-shadow:0 4px 16px #d4af3759,inset 0 1px #ffffff26}.container-chip.active:hover{transform:scale(1.08);box-shadow:0 6px 20px #d4af3766,inset 0 1px #fff3}.container-chip .chip-icon{font-size:.9rem;line-height:1}.amount-selector{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.amount-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);min-width:52px;height:42px;font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:44px;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.amount-btn:hover{border-color:#d4af374d;transform:translateY(-2px);box-shadow:0 3px 10px #d4af3714}.amount-btn:active{transform:scale(.95)}.amount-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;border-color:#0000;font-weight:600;transform:scale(1.05);box-shadow:0 4px 16px #d4af3759,inset 0 1px #ffffff26}.amount-btn.active:hover{transform:scale(1.08);box-shadow:0 6px 20px #d4af3766,inset 0 1px #fff3}.amount-custom{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-primary);width:72px;height:42px;font-family:var(--font-body);color:var(--text-primary);text-align:center;outline:none;min-height:44px;padding:.4rem .65rem;font-size:.85rem;font-weight:500;transition:border-color .3s,box-shadow .3s}.amount-custom::placeholder{color:var(--text-light);font-size:.75rem}.amount-custom:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.substance-slider{appearance:none;background:linear-gradient(to right, var(--gold-primary) 0%, var(--gold-primary) var(--slider-fill,50%), #0000000f var(--slider-fill,50%), #0000000f 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px;transition:background .15s}.substance-slider::-webkit-slider-thumb{appearance:none;border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.substance-slider::-webkit-slider-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.substance-slider::-webkit-slider-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.substance-slider::-moz-range-thumb{border:2.5px solid var(--gold-primary);cursor:pointer;background:linear-gradient(145deg,#fff,#f8f8f8);border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s;box-shadow:0 2px 8px #d4af374d,0 1px 3px #00000014}.substance-slider::-moz-range-thumb:hover{transform:scale(1.18);box-shadow:0 4px 14px #d4af3766,0 2px 6px #0000001a}.substance-slider::-moz-range-thumb:active{border-color:var(--gold-dark);transform:scale(1.1);box-shadow:0 2px 10px #d4af3780,0 0 0 4px #d4af371f}.substance-slider::-moz-range-track{background:#0000000f;border:none;border-radius:3px;height:6px}.substance-slider::-moz-range-progress{background:var(--gold-primary);border-radius:3px;height:6px}.substance-slider-labels{justify-content:space-between;margin-top:.35rem;display:flex}.substance-slider-label{font-family:var(--font-body);color:var(--text-light);letter-spacing:.02em;font-size:.65rem;font-weight:500}.substance-slider-wrapper{padding:.5rem 0}.smoke-preset{grid-template-columns:repeat(4,1fr);gap:.45rem;display:grid}.smoke-preset-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:44px;padding:.55rem .5rem;font-size:.8rem;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .3s,border-color .3s,color .3s,box-shadow .3s;display:flex}.smoke-preset-btn:hover{border-color:#64748b4d;transform:translateY(-2px);box-shadow:0 3px 10px #64748b14}.smoke-preset-btn:active{transform:scale(.95)}.smoke-preset-btn.active{color:#fff;background:linear-gradient(135deg,#64748b,#475569);border-color:#0000;font-weight:600;transform:scale(1.04);box-shadow:0 4px 16px #4755694d,inset 0 1px #ffffff1f}.smoke-preset-btn.active:hover{transform:scale(1.07);box-shadow:0 6px 20px #47556959,inset 0 1px #ffffff26}.substance-save-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,background .35s,opacity .35s;display:flex;box-shadow:0 4px 16px #d4af374d,inset 0 1px #ffffff26}.substance-save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #d4af3759,inset 0 1px #fff3}.substance-save-btn:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #d4af374d}.substance-save-btn:disabled{color:#fff9;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#d0d0d0,#b8b8b8);transform:none}.substance-save-btn:disabled:hover{box-shadow:none;transform:none}.substance-save-btn.saved{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 16px #48bb784d}.substance-save-btn.saved:hover{box-shadow:0 6px 20px #48bb7859}.substance-save-btn .save-icon{font-size:1.1rem;line-height:1}.substance-list{flex-direction:column;gap:.5rem;display:flex}.substance-list-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:600}.substance-list-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);align-items:center;gap:.75rem;padding:.7rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) both listEntrance;display:flex}.substance-list-item:first-child{animation-delay:50ms}.substance-list-item:nth-child(2){animation-delay:.1s}.substance-list-item:nth-child(3){animation-delay:.15s}.substance-list-item:nth-child(4){animation-delay:.2s}.substance-list-item:nth-child(5){animation-delay:.25s}.substance-list-item:nth-child(6){animation-delay:.3s}.substance-list-item:nth-child(7){animation-delay:.35s}.substance-list-item:nth-child(8){animation-delay:.4s}.substance-list-item:hover{border-color:#d4af3726;box-shadow:0 4px 14px #d4af3712}.substance-list-icon{flex-shrink:0;align-items:center;font-size:1.3rem;line-height:1;display:flex}.substance-list-icon .drink-icon-img{width:28px;height:28px}.substance-list-info{flex-direction:column;flex:1;min-width:0;display:flex}.substance-list-name{font-family:var(--font-body);color:var(--text-primary);font-size:.85rem;font-weight:600}.substance-list-detail{font-family:var(--font-body);color:var(--text-light);font-size:.7rem}.substance-list-amount{font-family:var(--font-body);color:var(--text-secondary);white-space:nowrap;font-size:.78rem;font-weight:600}.substance-delete-btn{width:28px;height:28px;color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.substance-delete-btn:hover{color:#dc3545;background:#dc354514;transform:scale(1.08)}.substance-delete-btn:active{transform:scale(.95)}.alcohol-summary{border-radius:var(--radius-lg);box-shadow:var(--shadow-md), inset 0 1px 0 #fff9;background:linear-gradient(135deg,#fff8e699 0%,#fff3d266 40%,#fffc 100%);border:1px solid #d4af3726;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .15s both fadeInUp;display:flex}.alcohol-summary-title{font-family:var(--font-heading);color:var(--text-primary);align-items:center;gap:.4rem;font-size:1rem;font-weight:600;display:flex}.alcohol-summary-title .summary-icon{font-size:1.1rem;line-height:1}.alcohol-amount{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.1}.alcohol-amount .alcohol-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.15rem;font-size:1rem;font-weight:500}.alcohol-range{font-family:var(--font-body);color:var(--text-secondary);text-align:center;letter-spacing:.01em;font-size:.8rem;font-weight:500}.alcohol-bar-track{background:#0000000f;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.alcohol-bar-fill{height:100%;width:var(--bar-fill,0%);border-radius:4px;transition:width .8s cubic-bezier(.16,1,.3,1);animation:1s cubic-bezier(.16,1,.3,1) forwards barGrow;position:relative}.alcohol-bar-fill.level-safe{background:linear-gradient(90deg,#48bb78,#68d391)}.alcohol-bar-fill.level-moderate{background:linear-gradient(90deg,#ecc94b,#f6e05e)}.alcohol-bar-fill.level-warning{background:linear-gradient(90deg,#ed8936,#f6ad55)}.alcohol-bar-fill.level-danger{background:linear-gradient(90deg,#e53e3e,#fc8181)}.alcohol-bar-fill[data-level=low]{background:linear-gradient(90deg,#48bb78,#68d391)}.alcohol-bar-fill[data-level=mid]{background:linear-gradient(90deg,#ecc94b,#f6e05e)}.alcohol-bar-fill[data-level=high]{background:linear-gradient(90deg,#ed8936,#f6ad55)}.alcohol-bar-fill[data-level=over]{background:linear-gradient(90deg,#e53e3e,#fc8181)}.alcohol-level{border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.02em;align-self:center;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.72rem;font-weight:600;display:inline-flex}.alcohol-level.level-safe{color:#38a169;background:#48bb781f;border:1px solid #48bb7833}.alcohol-level.level-moderate{color:#b7791f;background:#ecc94b1f;border:1px solid #ecc94b40}.alcohol-level.level-warning{color:#c05621;background:#ed89361f;border:1px solid #ed893633}.alcohol-level.level-danger{color:#c53030;background:#e53e3e1a;border:1px solid #e53e3e33}.alcohol-level .level-dot{border-radius:50%;width:6px;height:6px}.alcohol-level.level-safe .level-dot{background:#48bb78}.alcohol-level.level-moderate .level-dot{background:#ecc94b}.alcohol-level.level-warning .level-dot{background:#ed8936}.alcohol-level.level-danger .level-dot{background:#e53e3e}.alcohol-guideline{font-family:var(--font-body);color:var(--text-light);text-align:center;border-top:1px solid #d4af371a;padding-top:.5rem;font-size:.72rem;font-weight:400;line-height:1.5}.alcohol-guideline strong{color:var(--text-secondary);font-weight:600}.substance-streak{border-radius:var(--radius-full);font-family:var(--font-body);color:var(--gold-dark);background:linear-gradient(135deg,#d4af371f,#d4af370f);border:1px solid #d4af3733;align-self:flex-start;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:inline-flex}.substance-streak .streak-icon{font-size:.95rem;line-height:1}.substance-streak .streak-num{color:var(--gold-primary);font-weight:700}.substance-clean-btn{border-radius:var(--radius-full);color:#38a169;width:100%;font-family:var(--font-body);letter-spacing:.01em;cursor:pointer;background:#48bb780a;border:2px dashed #48bb7859;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:.85rem 1.5rem;font-size:.9rem;font-weight:600;transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s,box-shadow .3s;display:flex}.substance-clean-btn:hover{background:#48bb7814;border-color:#48bb7880;transform:translateY(-2px);box-shadow:0 6px 20px #48bb781f}.substance-clean-btn:active{transform:translateY(0)scale(.98)}.substance-clean-btn .clean-icon{font-size:1.15rem;line-height:1}.substance-clean-badge{border-radius:var(--radius-full);font-family:var(--font-body);color:#38a169;letter-spacing:.01em;background:linear-gradient(135deg,#48bb7826,#48bb780f);border:1px solid #48bb7840;align-self:center;align-items:center;gap:.4rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;animation:.6s cubic-bezier(.34,1.56,.64,1) forwards celebrationPop,2s ease-in-out .6s infinite cleanGlow;display:inline-flex}.substance-clean-badge .badge-icon{font-size:1rem;line-height:1}.substance-stats{gap:.65rem;animation:.6s cubic-bezier(.16,1,.3,1) .25s both fadeInUp;display:flex}.substance-stat-card{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1rem .5rem;display:flex}.substance-stat-card:hover{border-color:#d4af372e;transform:translateY(-2px);box-shadow:0 4px 16px #d4af370f}.substance-stat-value{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:1.45rem;font-weight:700;line-height:1.1}.substance-stat-value .stat-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.1rem;font-size:.65rem;font-weight:500}.substance-stat-label{font-family:var(--font-body);color:var(--text-light);text-transform:uppercase;letter-spacing:.06em;text-align:center;font-size:.6rem;font-weight:500}.substance-trend{flex-direction:column;gap:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeInUp;display:flex}.substance-trend-header{justify-content:space-between;align-items:center;display:flex}.substance-trend-header .trend-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:.4rem;font-size:1.15rem;font-weight:600;display:flex}.substance-trend-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.1rem;font-weight:600}.substance-trend-toggle{border-radius:var(--radius-full);border:1px solid var(--border-light);background:var(--bg-secondary);display:flex;overflow:hidden}.substance-trend-toggle-btn{font-family:var(--font-body);color:var(--text-light);cursor:pointer;transition:var(--transition-smooth);letter-spacing:.01em;background:0 0;border:none;padding:.35rem .85rem;font-size:.7rem;font-weight:500}.substance-trend-toggle-btn:hover{color:var(--text-secondary);background:#00000005}.substance-trend-toggle-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#fff;font-weight:600;box-shadow:0 2px 8px #d4af3740}.substance-trend-list{flex-direction:column;gap:.45rem;display:flex}.substance-trend-item{border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:.85rem 1rem;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.substance-trend-item:first-child{animation-delay:40ms}.substance-trend-item:nth-child(2){animation-delay:80ms}.substance-trend-item:nth-child(3){animation-delay:.12s}.substance-trend-item:nth-child(4){animation-delay:.16s}.substance-trend-item:nth-child(5){animation-delay:.2s}.substance-trend-item:nth-child(6){animation-delay:.24s}.substance-trend-item:nth-child(7){animation-delay:.28s}.substance-trend-item:nth-child(8){animation-delay:.32s}.substance-trend-item:nth-child(9){animation-delay:.36s}.substance-trend-item:nth-child(10){animation-delay:.4s}.substance-trend-item:hover{border-color:#d4af3726;transform:translateY(-1px);box-shadow:0 4px 16px #d4af370f}.substance-trend-item.today{background:#f4e7be14;border-color:#d4af3740}.substance-trend-item.clean-day{background:#48bb780a;border-color:#48bb7833}.substance-trend-date{font-family:var(--font-body);color:var(--text-secondary);flex-shrink:0;min-width:56px;font-size:.8rem;font-weight:500}.substance-trend-data{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.substance-trend-type{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.82rem;font-weight:500;display:flex}.substance-trend-type .type-emoji{font-size:1rem;line-height:1}.substance-trend-amount{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:600}.substance-trend-icons{align-items:center;gap:.25rem;display:flex}.substance-trend-icons .trend-icon{font-size:.95rem;line-height:1}.substance-trend-memo{width:100%;font-family:var(--font-body);color:var(--text-secondary);border-top:1px solid var(--border-light);white-space:pre-wrap;word-break:break-word;margin-top:.3rem;padding-top:.4rem;font-size:.72rem;line-height:1.4}.substance-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeInUp;display:flex}.substance-empty-icon{filter:grayscale(.1);font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite emptyFloat}.substance-empty-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:600}.substance-empty-desc{font-family:var(--font-body);color:var(--text-light);max-width:280px;font-size:.85rem;font-weight:400;line-height:1.5}.substance-saved{border-radius:var(--radius-full);color:#38a169;font-family:var(--font-body);letter-spacing:.02em;background:linear-gradient(135deg,#48bb781f,#d4af371a);border:1px solid #48bb7840;align-self:flex-start;align-items:center;gap:.35rem;margin-top:-.75rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards savedPop;display:inline-flex}.substance-saved .saved-check{font-size:.85rem;line-height:1}.substance-label{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;display:flex}.substance-label .label-icon{font-size:.85rem;line-height:1}.substance-input-group{flex-direction:column;gap:.85rem;display:flex}.substance-memo{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-primary);width:100%;font-family:var(--font-body);color:var(--text-primary);resize:vertical;outline:none;min-height:56px;max-height:120px;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;transition:border-color .3s,box-shadow .3s}.substance-memo::placeholder{color:var(--text-light)}.substance-memo:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.substance-memo-count{font-family:var(--font-body);color:var(--text-light);text-align:right;margin-top:.25rem;font-size:.6rem;display:block}.substance-amount-display{font-family:var(--font-heading);color:var(--text-primary);text-align:center;letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.1;transition:color .3s}.substance-amount-display .amount-unit{font-family:var(--font-body);color:var(--text-light);margin-left:.15rem;font-size:1rem;font-weight:500}.substance-overview{flex-direction:column;gap:.75rem;animation:.4s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.substance-trend-session{font-family:var(--font-body);color:var(--text-primary);align-items:center;gap:.3rem;font-size:.8rem;font-weight:500;display:inline-flex}.substance-type-badge{border-radius:var(--radius-full);font-family:var(--font-body);letter-spacing:.03em;white-space:nowrap;align-items:center;padding:.15rem .55rem;font-size:.62rem;font-weight:600;display:inline-flex}.substance-type-badge.badge-drink{color:#92680e;background:#b8860b1a}.substance-type-badge.badge-smoke{color:#475569;background:#64748b1a}.substance-divider{background:var(--border-light);width:100%;height:1px;margin:.25rem 0}.substance-date-picker{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.date-quick-btn{border-radius:var(--radius-full);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);padding:.4rem .9rem;font-size:.78rem;font-weight:500}.date-quick-btn:hover{color:var(--text-primary);border-color:#d4af374d}.date-quick-btn.active{background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));border-color:var(--gold-primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #d4af3740}.date-input{border-radius:var(--radius-md);border:1.5px solid var(--border-light);background:var(--bg-secondary);font-family:var(--font-body);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);outline:none;padding:.35rem .6rem;font-size:.75rem}.date-input:focus{border-color:var(--gold-primary);box-shadow:0 0 0 3px #d4af3714}.date-notice{font-family:var(--font-body);color:var(--gold-primary);border-radius:var(--radius-full);white-space:nowrap;background:#d4af3714;padding:.3rem .7rem;font-size:.72rem;font-weight:600;animation:.3s both fadeInUp}.weekly-alcohol-dashboard{border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .15s both fadeInUp;display:flex}.weekly-alcohol-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.weekly-chart-container{gap:.5rem;height:200px;display:flex}.weekly-chart-yaxis{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;min-width:32px;padding:0 0 26px;display:flex}.weekly-chart-yaxis span{font-family:var(--font-body);color:var(--text-light);font-size:.6rem;font-weight:500;line-height:1}.weekly-chart-area{border-left:1px solid var(--border-light);border-bottom:1px solid var(--border-light);flex:1;padding-bottom:26px;position:relative}.weekly-guideline-line{z-index:2;pointer-events:none;border-bottom:1.5px dashed;height:0;position:absolute;left:0;right:0}.weekly-guideline-line.female{border-color:#ec489966}.weekly-guideline-line.male{border-color:#3b82f666}.weekly-guideline-label{font-family:var(--font-body);border-radius:3px;padding:1px 5px;font-size:.55rem;font-weight:600;line-height:1.3;position:absolute;top:-14px;right:0}.weekly-guideline-line.female .weekly-guideline-label{color:#ec4899;background:#ec489914}.weekly-guideline-line.male .weekly-guideline-label{color:#3b82f6;background:#3b82f614}.weekly-chart-bars{justify-content:space-around;align-items:stretch;gap:4px;padding:0 6px;display:flex;position:absolute;inset:0 0 26px}.weekly-bar-col{flex-direction:column;flex:1;align-items:center;gap:2px;max-width:56px;display:flex}.weekly-bar-wrapper{flex:1;width:100%;min-height:0;position:relative}.weekly-bar-range{opacity:.3;border-radius:4px 4px 0 0;width:70%;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0}.weekly-bar-range.safe{background:#48bb78}.weekly-bar-range.warning{background:#ed8936}.weekly-bar-range.danger{background:#e53e3e}.weekly-bar-solid{z-index:1;border-radius:4px 4px 0 0;width:70%;transition:height .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0}.weekly-bar-solid.safe{background:linear-gradient(#68d391,#48bb78)}.weekly-bar-solid.warning{background:linear-gradient(#f6ad55,#ed8936)}.weekly-bar-solid.danger{background:linear-gradient(#fc8181,#e53e3e)}.weekly-bar-clean{opacity:.6;font-size:.9rem;line-height:1}.weekly-bar-value{font-family:var(--font-body);color:var(--text-light);white-space:nowrap;text-align:center;margin-top:2px;font-size:.5rem;font-weight:600;line-height:1}.weekly-bar-date{font-family:var(--font-body);color:var(--text-light);font-size:.6rem;font-weight:500;line-height:1}.weekly-bar-date.today{color:var(--gold-primary);font-weight:700}.weekly-bar-col.today .weekly-bar-solid{box-shadow:0 0 8px #d4af374d}.weekly-alcohol-legend{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:.75rem;padding-top:.5rem;display:flex}.weekly-legend-item{font-family:var(--font-body);color:var(--text-light);align-items:center;gap:.3rem;font-size:.6rem;font-weight:500;display:flex}.weekly-legend-box{border-radius:2px;flex-shrink:0;width:12px;height:8px}.weekly-legend-box.solid{background:#48bb78}.weekly-legend-box.range{background:#48bb784d}.weekly-legend-line{flex-shrink:0;width:14px;height:0}.weekly-legend-line.female{border-bottom:1.5px dashed #ec489999}.weekly-legend-line.male{border-bottom:1.5px dashed #3b82f699}.alcohol-feedback{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;animation:.5s cubic-bezier(.16,1,.3,1) both fadeInUp;display:flex}.alcohol-feedback.safe{background:linear-gradient(135deg,#48bb780f,#48bb7805);border-color:#48bb7833}.alcohol-feedback.moderate{background:linear-gradient(135deg,#ed89360f,#ed893605);border-color:#ed893633}.alcohol-feedback.danger{background:linear-gradient(135deg,#e53e3e0f,#e53e3e05);border-color:#e53e3e33}.alcohol-feedback-icon{flex-shrink:0;margin-top:1px;font-size:1.3rem;line-height:1}.alcohol-feedback-text{flex-direction:column;gap:.3rem;display:flex}.alcohol-feedback-text strong{font-family:var(--font-body);font-size:.82rem;font-weight:700;line-height:1.3}.alcohol-feedback.safe strong{color:#2f855a}.alcohol-feedback.moderate strong{color:#c05621}.alcohol-feedback.danger strong{color:#c53030}.alcohol-feedback-text p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.75rem;font-weight:400;line-height:1.55}.substance-trend-tag{border-radius:var(--radius-full);font-family:var(--font-body);white-space:nowrap;align-items:center;gap:.2rem;padding:.2rem .5rem;font-size:.7rem;font-weight:500;display:inline-flex}.substance-trend-tag.drink-tag{color:#92680e;background:#b8860b14;border:1px solid #b8860b26}.substance-trend-tag.smoke-tag{color:#475569;background:#64748b14;border:1px solid #64748b26}.substance-trend-tag.clean-tag{color:#38a169;background:#48bb7814;border:1px solid #48bb7826}@media (width<=380px){.substance-card{padding:1.5rem 1.25rem}.drink-type-grid,.smoke-type-grid{grid-template-columns:repeat(3,1fr);gap:.45rem}.drink-type-card,.smoke-type-card{height:72px}.smoke-preset{grid-template-columns:repeat(3,1fr)}.alcohol-amount{font-size:2.2rem}.alcohol-summary{padding:1.5rem 1.25rem}.amount-btn{min-width:46px;padding:.35rem .7rem;font-size:.78rem}.amount-custom{width:64px}.container-chip{padding:.4rem .75rem;font-size:.72rem}.substance-stats{gap:.45rem}.substance-stat-card{padding:.85rem .35rem}.substance-stat-value{font-size:1.25rem}.substance-stat-label{font-size:.55rem}.substance-trend-data{gap:.5rem}.substance-trend-type,.substance-trend-amount{font-size:.75rem}.substance-amount-display{font-size:2.2rem}.substance-tabs{gap:.35rem}.substance-tab{padding:.55rem .75rem;font-size:.8rem}}@media (width<=340px){.substance-content{padding-left:1rem;padding-right:1rem}.drink-type-grid,.smoke-type-grid,.smoke-preset{grid-template-columns:repeat(2,1fr)}.amount-btn{min-width:42px;height:38px;min-height:44px}.container-chip{min-height:44px}.alcohol-summary{padding:1.25rem 1rem}.substance-tab{padding:.5rem .6rem;font-size:.75rem}}@media (width>=600px){.substance-content{gap:2rem;padding-top:calc(60px + 2.5rem)}.substance-card{gap:2rem;padding:2.25rem 2.5rem}.substance-card-title{font-size:1.45rem}.drink-type-card,.smoke-type-card{height:88px}.drink-type-icon,.smoke-type-icon{font-size:1.7rem}.drink-type-label,.smoke-type-label{font-size:.7rem}.amount-btn{min-width:60px;height:44px}.container-chip{padding:.5rem 1.15rem;font-size:.82rem}.alcohol-summary{padding:2rem 2.5rem}.alcohol-amount,.substance-amount-display{font-size:2.8rem}.substance-tab{padding:.7rem 1.25rem;font-size:.9rem}.smoke-preset{grid-template-columns:repeat(5,1fr)}}@media (pointer:coarse){.substance-slider::-webkit-slider-thumb{width:28px;height:28px}.substance-slider::-moz-range-thumb{width:28px;height:28px}.drink-type-card,.smoke-type-card{min-height:72px}.amount-btn{min-width:52px;min-height:44px}.container-chip{min-height:44px}.substance-trend-toggle-btn{padding:.45rem 1rem;font-size:.75rem}.substance-delete-btn{width:36px;height:36px}.smoke-preset-btn,.substance-tab{min-height:48px}}@media (prefers-reduced-motion:reduce){.substance-card,.substance-trend,.substance-stats,.substance-empty,.substance-tabs,.substance-trend-item,.substance-list-item,.substance-clean-badge,.substance-streak,.alcohol-summary{animation:none}.drink-type-card,.smoke-type-card,.amount-btn,.container-chip,.substance-save-btn,.substance-stat-card,.substance-trend-item,.substance-list-item,.substance-delete-btn,.substance-tab,.substance-clean-btn,.smoke-preset-btn{transition:none}.substance-slider::-webkit-slider-thumb{transition:none}.substance-slider::-moz-range-thumb{transition:none}.substance-empty-icon,.alcohol-bar-fill,.substance-clean-badge{animation:none}}.drink-type-card:focus-visible,.smoke-type-card:focus-visible,.amount-btn:focus-visible,.container-chip:focus-visible,.substance-save-btn:focus-visible,.substance-trend-toggle-btn:focus-visible,.substance-header .back-btn:focus-visible,.substance-header .header-back:focus-visible,.substance-delete-btn:focus-visible,.substance-tab:focus-visible,.substance-clean-btn:focus-visible,.smoke-preset-btn:focus-visible{outline:2px solid var(--gold-primary);outline-offset:2px}.substance-slider:focus-visible{outline:none}.substance-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.substance-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #d4af3733,0 2px 8px #d4af374d}.substance-memo:focus-visible,.amount-custom:focus-visible{border-color:var(--gold-primary);outline:none;box-shadow:0 0 0 3px #d4af3714}.nav-link-btn{cursor:pointer;font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.01em;background:0 0;border:none;align-items:center;gap:.45rem;padding:.25rem 0;font-size:.9rem;font-weight:500;transition:color .3s;display:inline-flex}.nav-link-btn:hover{color:var(--gold-primary)}.nav-link-btn:hover .icon-frame{border-color:var(--gold-primary);background:#d4af3714}.nav-link-btn:hover .icon-frame svg{color:var(--gold-primary)}.icon-frame{background:#d4af370a;border:1.2px solid #d4af3759;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .3s;display:inline-flex}.icon-frame svg{color:var(--gold-dark);transition:color .3s}.icon-frame--lg{border-width:1.5px;width:30px;height:30px}.btn .icon-frame{background:#ffffff1a;border-color:#ffffff4d;width:24px;height:24px}.btn .icon-frame svg{color:inherit}.btn-outline .icon-frame{background:#d4af370f;border-color:#d4af374d}.btn-outline .icon-frame svg{color:var(--gold-primary)}.btn-outline--neutral .icon-frame{background:#00000005;border-color:#00000014}.btn-outline--neutral .icon-frame svg{color:var(--gold-dark)}.btn-outline:hover .icon-frame{background:#d4af371a;border-color:#d4af3780}.main-nav{z-index:150;width:100%;padding:1rem 2rem;position:fixed;top:0}.main-nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.main-nav-logo{cursor:pointer;align-items:center;gap:.5rem;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:.05em;font-size:1.5rem;font-weight:700}.main-nav-menu{align-items:center;gap:1.25rem;display:flex}@media (width<=768px){.main-nav{padding:.75rem 1rem}.main-nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.main-nav-logo{margin-bottom:0}.main-nav-menu{white-space:nowrap;align-items:center;gap:1rem;width:auto;padding-bottom:0;display:flex;overflow:visible}.nav-link-btn{flex-shrink:0;padding:.4rem .2rem;font-size:.85rem}.main-nav-menu .btn-primary{flex-shrink:0;padding:.45rem 1rem!important;font-size:.8rem!important}}.research-modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.research-modal-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000026,0 2px 10px #d4af370d}.research-modal-close{border:1px solid var(--border-light);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.research-modal-close:hover{background:#00000005;transform:rotate(90deg)}.research-modal-header{border-bottom:1px solid var(--border-light);align-items:flex-start;padding:2rem 3.5rem 1.25rem 2rem;display:flex}.research-modal-icon{margin-top:.15rem;animation:3s ease-in-out infinite emptyFloat}.research-modal-main-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.35rem;font-weight:700}.research-modal-desc{font-family:var(--font-body);color:var(--text-light);font-size:.85rem;font-weight:400;line-height:1.55}.research-modal-scroll-area{flex-direction:column;flex:1;padding:1.5rem 2rem 2rem;display:flex;overflow-y:auto}.research-modal-scroll-area::-webkit-scrollbar{width:6px}.research-modal-scroll-area::-webkit-scrollbar-track{background:0 0}.research-modal-scroll-area::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000014}.research-modal-scroll-area::-webkit-scrollbar-thumb:hover{background:#d4af374d}.research-articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.research-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;padding:1.5rem;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden!important}.research-card:before{content:"";background:0 0;width:3px;transition:background-color .3s;position:absolute;top:0;bottom:0;left:0}.research-card:hover{border-color:#d4af374d;transform:translateY(-4px);box-shadow:0 12px 24px #0000000f,0 2px 8px #d4af3714}.research-card:hover:before{background:var(--gold-primary)}.research-card-emoji{transform-origin:50%;margin-bottom:.75rem;font-size:2rem;transition:transform .3s;display:inline-block}.research-card:hover .research-card-emoji{transform:scale(1.08)rotate(4deg)}.research-card-body{flex-direction:column;flex:1;display:flex}.research-card-journal{font-family:var(--font-body);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.7rem;font-weight:600}.research-card-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1rem;font-weight:700;line-height:1.4}.research-card-summary{font-family:var(--font-body);color:var(--text-light);flex:1;margin-bottom:1.25rem;font-size:.8rem;font-weight:400;line-height:1.5}.research-card-footer{justify-content:flex-start;align-items:center;margin-top:auto;display:flex}.research-read-btn{font-family:var(--font-body);align-items:center;font-size:.78rem;font-weight:600;transition:color .2s;display:inline-flex}.research-card:hover .research-read-btn{color:var(--gold-dark)}.research-detail-backdrop{-webkit-backdrop-filter:blur(12px);z-index:1100;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.research-detail-content{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:600px;max-height:85vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000026,0 2px 10px #d4af370d}.research-detail-close{border:1px solid var(--border-light);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.research-detail-close:hover{background:#00000005;transform:rotate(90deg)}.research-detail-header{border-bottom:1px solid var(--border-light);align-items:center;gap:1rem;padding:1.75rem 3.5rem 1.25rem 1.75rem;display:flex}.research-detail-emoji{flex-shrink:0;font-size:2.5rem;animation:3s ease-in-out infinite emptyFloat}.research-detail-journal{font-family:var(--font-body);color:var(--gold-dark);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.research-detail-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.015em;margin-top:.15rem;font-size:1.1rem;font-weight:700;line-height:1.35}.research-detail-subtitle{font-family:var(--font-body);color:var(--text-light);margin-top:.25rem;font-size:.75rem;font-style:italic;line-height:1.4}.research-detail-scroll-area{scroll-behavior:smooth;flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem 1.75rem 2rem;display:flex;overflow-y:auto}.research-detail-scroll-area::-webkit-scrollbar{width:6px}.research-detail-scroll-area::-webkit-scrollbar-track{background:0 0}.research-detail-scroll-area::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00000014}.research-detail-scroll-area::-webkit-scrollbar-thumb:hover{background:#d4af374d}.research-detail-body{font-family:var(--font-body);color:var(--text-secondary);font-size:.88rem;font-weight:400;line-height:1.65}.research-paragraph{white-space:pre-line;margin-bottom:1rem}.research-takeaways-box,.research-tips-box,.research-supplements-box{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:1.25rem}.research-takeaways-box ul{flex-direction:column;gap:.5rem;margin:0;padding-left:1.1rem;display:flex}.research-takeaways-box li{font-family:var(--font-body);color:var(--text-secondary);font-size:.82rem;font-weight:450;line-height:1.5}.research-tips-box p{font-family:var(--font-body);color:var(--text-secondary);margin:0;font-size:.82rem;font-weight:450;line-height:1.55}.research-supplements-box .supp-sub{font-family:var(--font-body);color:var(--text-light);margin-top:-.25rem;margin-bottom:.75rem;font-size:.78rem}.research-supp-chips{flex-wrap:wrap;gap:.5rem;display:flex}.research-supp-chip{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;outline:none;align-items:center;gap:.35rem;padding:.35rem .75rem;transition:all .25s;display:flex}.research-supp-chip:hover{background:#d4af3708;border-color:#d4af3766;transform:translateY(-1px);box-shadow:0 4px 8px #00000008}.research-supp-chip:active{transform:translateY(0)}.research-toast-overlay{z-index:2200;pointer-events:none;width:90%;max-width:380px;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.research-toast-content{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);text-align:center;background:#ffffffe6;border:1px solid #d4af3740;padding:.75rem 1.25rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards savedPop;box-shadow:0 10px 25px #00000014,0 2px 10px #d4af371a}.research-toast-content span{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem;font-weight:600;line-height:1.4}@media (width<=768px){.research-modal-backdrop,.research-detail-backdrop{padding:.5rem}.research-modal-content,.research-detail-content{border-radius:var(--radius-lg);max-height:92vh}.research-modal-header{padding:1.5rem 1.25rem 1rem}.research-modal-main-title{font-size:1.15rem}.research-modal-scroll-area{padding:1rem 1rem 1.5rem}.research-articles-grid{grid-template-columns:1fr;gap:1rem}.research-detail-header{gap:.75rem;padding:1.5rem 1.25rem 1rem}.research-detail-emoji{font-size:2.2rem}.research-detail-title{font-size:1rem}.research-detail-scroll-area{gap:1.25rem;padding:1.25rem 1.25rem 1.5rem}}@media (width<=580px){.research-search-bar-container{background:0 0;flex-direction:column;gap:.5rem;padding:0}.research-search-input{background:#ffffffe6;width:100%;padding:.7rem .85rem}.research-search-btn{justify-content:center;width:100%;padding:.7rem 1.25rem}}.research-search-bar-container{background:#00000005;border-radius:12px;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.research-search-input{border:1px solid var(--border-light);font-family:var(--font-body);color:var(--text-secondary);background:#ffffffb3;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.85rem;transition:all .2s}.research-search-input:focus{background:#fff;border-color:#d4af3780;box-shadow:0 0 8px #d4af371a}.research-search-btn{background:var(--gold-primary);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.research-search-btn:hover{background:var(--gold-dark);transform:translateY(-1px)}.research-search-btn:active{transform:translateY(0)}.research-search-btn:disabled{opacity:.6;cursor:not-allowed}.research-section-title{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:-.01em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.pubmed-badge{font-family:var(--font-body);border-radius:var(--radius-full);color:var(--gold-dark);letter-spacing:.03em;text-transform:uppercase;background:#d4af3726;border:1px solid #d4af3740;padding:.15rem .45rem;font-size:.62rem;font-weight:800;position:absolute;top:.75rem;right:.75rem}.research-card.is-pubmed{border-style:dashed}.research-card.is-pubmed:hover{border-style:solid}.premium-modal-backdrop{-webkit-backdrop-filter:blur(20px);z-index:1500;background:#000000a6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.premium-modal-content{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;background:linear-gradient(135deg,#1c1c1e 0%,#0c0c0e 100%);border:1px solid #d4af3740;border-radius:24px;flex-direction:column;gap:1.75rem;width:100%;max-width:580px;max-height:92vh;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 70px #00000080,0 2px 15px #d4af3714}.premium-modal-content::-webkit-scrollbar{width:6px}.premium-modal-content::-webkit-scrollbar-track{background:0 0}.premium-modal-content::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.premium-modal-close{color:#fff9;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.premium-modal-close:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.premium-modal-header-section{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.premium-sparkle{color:var(--gold-primary);filter:drop-shadow(0 0 8px #d4af3766);margin-bottom:.25rem}.premium-modal-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, #fff 30%, var(--gold-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.65rem;font-weight:800}.premium-modal-subtitle{font-family:var(--font-body);color:#ffffff80;max-width:380px;margin:0 auto;font-size:.82rem;line-height:1.5}.premium-benefits-list{flex-direction:column;gap:.85rem;display:flex}.premium-benefit-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:14px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .25s;display:flex}.premium-benefit-item:hover{background:#ffffff0a;border-color:#d4af3733}.benefit-icon-wrapper{background:#d4af371f;border:1px solid #d4af3726;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.benefit-texts{flex-direction:column;gap:.2rem;display:flex}.benefit-title{font-family:var(--font-display);color:#fffffff2;margin:0;font-size:.86rem;font-weight:700}.benefit-desc{font-family:var(--font-body);color:#ffffff73;margin:0;font-size:.76rem;line-height:1.45}.premium-pricing-plans{grid-template-columns:1fr 1fr;gap:1rem;margin-top:.25rem;display:grid}.premium-plan-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;padding:1.25rem;transition:all .25s;display:flex;position:relative}.premium-plan-card:hover{background:#ffffff0a;border-color:#ffffff26}.premium-plan-card.active{border-color:var(--gold-primary);background:#d4af370d;box-shadow:0 0 15px #d4af371a}.plan-badge{font-family:var(--font-body);border-radius:var(--radius-full);background:var(--gold-primary);color:#000;padding:.15rem .55rem;font-size:.62rem;font-weight:850;position:absolute;top:-.6rem;right:1rem;box-shadow:0 4px 8px #0003}.plan-name{font-family:var(--font-body);color:#ffffff80;font-size:.8rem;font-weight:600}.premium-plan-card.active .plan-name{color:var(--gold-light)}.plan-price{font-family:var(--font-display);color:#fff;margin:.35rem 0;font-size:1.35rem;font-weight:800}.price-unit{color:#fff6;font-size:.78rem;font-weight:400}.plan-desc{font-family:var(--font-body);color:#ffffff59;font-size:.68rem;line-height:1.3}.premium-cta-section{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.premium-cta-btn{width:100%;font-family:var(--font-display);background:linear-gradient(135deg, var(--gold-primary), var(--gold-dark));color:#000;cursor:pointer;border:none;border-radius:14px;padding:1rem;font-size:1.02rem;font-weight:800;transition:all .25s;box-shadow:0 4px 15px #d4af3726}.premium-cta-btn:hover{background:linear-gradient(135deg, var(--gold-light), var(--gold-primary));transform:translateY(-2px);box-shadow:0 10px 20px #d4af3740}.premium-cta-btn:active{transform:translateY(0)}.premium-footer-text{font-family:var(--font-body);color:#ffffff59;text-align:center;margin:0;font-size:.68rem}@media (width<=580px){.premium-modal-content{gap:1.5rem;padding:1.75rem 1.25rem 2rem}.premium-modal-title{font-size:1.4rem}.premium-pricing-plans{grid-template-columns:1fr;gap:.75rem}.premium-plan-card{padding:1rem}.plan-price{font-size:1.25rem}.premium-cta-btn{padding:.85rem;font-size:.95rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin;display:inline-block}.bottom-nav{-webkit-backdrop-filter:blur(20px);z-index:200;width:100%;max-width:100%;height:72px;padding:0 1rem;padding-bottom:env(safe-area-inset-bottom);background:#121216d9;border:none;border-top:1px solid #ffffff14;border-radius:20px 20px 0 0;justify-content:space-around;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:none;position:fixed;bottom:0;left:0;box-shadow:0 -4px 30px #00000073}.bottom-nav-item{color:var(--text-light);cursor:pointer;font-family:var(--font-body);background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:60px;padding:.4rem .6rem;font-size:.64rem;font-weight:700;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex}.bottom-nav-item:active{transform:scale(.9)}.bottom-nav-item.active{color:var(--gold-primary);filter:drop-shadow(0 0 4px #d4af3738)}.bottom-nav-icon-container{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .25s;display:flex}.bottom-nav-item.active .bottom-nav-icon-container{transform:translateY(-2px)}@media (width<=768px){.bottom-nav{display:flex}.main-nav-menu .nav-link-btn{display:none!important}.app-main-content{padding-bottom:64px!important}}.bottom-nav-scan-btn{background:#d4af3714!important;border:1px solid #d4af3738!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;min-width:48px!important;height:48px!important;padding:0!important;transition:all .25s cubic-bezier(.25,.8,.25,1)!important;display:flex!important;box-shadow:0 4px 12px #d4af371f!important}.bottom-nav-scan-btn:active{background:#d4af3729!important;transform:scale(.88)!important}.profile-management-hub{box-shadow:0 12px 30px #0000000a,0 2px 8px #d4af3705!important}.profile-manage-card{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.profile-manage-card:hover{transform:translateY(-1.5px);background:#d4af3705!important;border-color:#d4af3740!important}.profile-manage-card.active{box-shadow:0 8px 20px #d4af3714,0 2px 4px #d4af370a!important}.profile-manage-card.active:hover{transform:none;border-color:var(--gold-primary)!important;background:#d4af370d!important}