:root{--bg-dark:#0f1115;--glass-bg:#ffffff08;--glass-border:#ffffff14;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--text-primary:#fff;--text-secondary:#ffffff80}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.app-container{background:radial-gradient(circle at 50% -20%,#8b5cf61a,#0000 70%);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;padding:20px;display:flex;position:relative}.bg-glow{filter:blur(100px);z-index:-1;opacity:.2;width:300px;height:300px;position:fixed}.bg-glow.top-left{background:var(--accent-purple);top:-50px;left:-50px}.bg-glow.bottom-right{background:var(--accent-cyan);bottom:-50px;right:-50px}.top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.logo-container{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-img{border-radius:8px;width:36px;height:35px}.logo-text{letter-spacing:-1px;font-size:1.5rem;font-weight:800}.top-bar-icons{gap:10px;display:flex}.icon-button{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:16px;padding:12px;transition:all .3s}.icon-button.active{background:var(--accent-purple);border-color:var(--accent-purple)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:28px;width:100%;margin-bottom:20px}.counter-section{justify-content:center;display:flex}.circle-glass-card{cursor:pointer;justify-content:center;padding:30px 20px;display:flex}.circle-container{aspect-ratio:1;width:100%;max-width:300px;position:relative}.full-circle-svg{filter:drop-shadow(0 0 15px #7a06d41a);width:100%;height:100%}.circle-content{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0}.percent-row{text-align:center;flex-direction:column;gap:2px;margin-bottom:16px;display:flex}.percent-val{color:var(--accent-purple);font-size:1.5rem;font-weight:800}.percent-label{color:var(--text-secondary);letter-spacing:-.5px;font-size:.9rem;font-weight:600}.units-container{flex-direction:column;gap:8px;width:100%;display:flex}.unit-row{justify-content:center;gap:16px;width:100%;display:flex}.unit-box{flex-direction:column;align-items:center;display:flex}.unit-row.main .val{font-size:3rem;font-weight:800;line-height:1}.unit-row.sub .val{font-size:2rem;font-weight:800;line-height:1}.unit-row.main.large .val{font-size:2.2rem;font-weight:800}.unit-box .label{color:var(--text-secondary);margin-top:2px;font-size:.9rem;font-weight:600}.biorhythm-integrated-section{flex-direction:column;display:flex}.bio-main-card{padding:30px 20px}.bio-header-small h4{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:.95rem;font-weight:700}.bio-chart-mini{align-items:center;width:100%;display:flex}.bio-svg-chart{width:100%;height:auto}.bio-analysis-grid{grid-template-columns:repeat(1,1fr);gap:6px;display:grid}.bio-analysis-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px 10px;display:flex}.bio-icon-wrapper{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #0003}.bio-label{color:#ffffffb3;font-size:1rem;font-weight:700}.bio-val{font-size:1.3rem;font-weight:800}.bio-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.info-box{padding:18px}.info-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.info-row.clickable{cursor:pointer;transition:opacity .2s}.info-row.clickable:active{opacity:.6}.info-label{color:var(--text-secondary);font-size:.9rem}.info-value{align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.target-age{color:var(--accent-cyan);font-weight:800}.tag{background:var(--accent-purple);color:#fff;border-radius:5px;padding:1px 6px;font-size:.8rem;font-weight:700}.main-bucket-section{padding:20px}.section-header{opacity:.8;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header svg{color:var(--accent-purple)}.section-header h3{font-size:1rem;font-weight:700}.main-bucket-list{flex-direction:column;gap:6px;display:flex}.swipe-vertical{scrollbar-width:none;-ms-overflow-style:none;max-height:220px;overflow-y:auto}.swipe-vertical::-webkit-scrollbar{display:none}.main-bucket-item{border:1px solid var(--glass-border);background:#ffffff05;border-radius:8px;align-items:center;gap:0;padding:8px 10px;display:flex}.bucket-info{flex-direction:row;gap:4px;display:flex;width:122px!important}.bucket-date{color:var(--accent-cyan);letter-spacing:-.5px;font-weight:500;font-size:15px!important}.bucket-age{color:var(--text-secondary);font-size:13px!important;font-weight:400!important}.bucket-goal-text{color:#ffffffe6;font-weight:500}.swipe-horizontal{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:2px;overflow-x:auto}.swipe-horizontal::-webkit-scrollbar{display:none}.placeholder{opacity:.3;font-weight:400}.onboarding-view{flex:1;justify-content:center;margin-top:80px;display:flex}.onboarding-card{text-align:center;max-width:400px;padding:40px 30px}.onboarding-card h2{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:1.8rem}.onboarding-card p{color:var(--text-secondary);margin-bottom:30px;font-size:.95rem}.gender-toggle-group{gap:10px;display:flex}.gender-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;flex:1;padding:12px;font-weight:600;transition:all .3s}.gender-btn.active{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}.date-input-wrapper{align-items:center;gap:12px;display:flex}.date-input-wrapper .form-input{flex:1}.lunar-check{cursor:pointer;white-space:nowrap;color:var(--text-secondary);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;align-items:center;gap:6px;padding:12px 16px;font-size:.85rem;display:flex}.lunar-check input{width:16px;height:16px}.onboarding-preview{color:var(--text-secondary);margin-top:8px;font-size:.8rem}.onboarding-preview span{color:var(--accent-cyan);margin-left:4px;font-weight:700}.onboarding-btn{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:20px;padding:16px;font-size:1rem;font-weight:700;transition:transform .2s,opacity .2s}.onboarding-btn:active{opacity:.9;transform:scale(.98)}.sidebar-menu{z-index:101;background:var(--bg-dark);border-left:1px solid var(--glass-border);flex-direction:column;width:85%;max-width:360px;display:flex;position:fixed;top:0;bottom:0;right:0}.menu-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.tab-buttons{background:#ffffff0d;border-radius:12px;gap:6px;padding:4px;display:flex}.tab-buttons button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;padding:8px}.tab-buttons button.active{background:var(--accent-purple);color:#fff}.menu-content{flex:1;padding:20px;overflow-y:auto}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-input{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:12px;outline:none;padding:12px;font-size:.95rem}.target-preview-box{border:1px solid var(--accent-purple);background:#8b5cf61a;border-radius:14px;justify-content:center;gap:10px;padding:16px;display:flex}.target-preview-box .age{color:var(--accent-purple);font-size:1.2rem;font-weight:800}.target-preview-box .date{color:#fff;font-size:1.2rem;font-weight:700}.bucket-buckets{flex-direction:column;gap:20px;display:flex}.bucket-group{flex-direction:column;gap:8px;display:flex}.bucket-label{color:var(--accent-cyan);font-size:.85rem;font-weight:700}.calendar-icon-gray{color:var(--text-secondary);pointer-events:none;margin-left:-35px}.menu-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000b3;position:fixed;inset:0}@media (width<=400px){.bio-analysis-grid{grid-template-columns:1fr}.bio-analysis-card{text-align:left;flex-direction:row;gap:15px;padding:15px}.bio-desc{-webkit-line-clamp:2}}.language-options{flex-direction:column;gap:10px;margin-top:4px;display:flex}.lang-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:16px;padding:14px 20px;font-size:.95rem;font-weight:600;transition:all .3s}.lang-btn:hover{background:#ffffff0d;border-color:#ffffff26}.lang-btn.active{background:linear-gradient(135deg, var(--accent-purple), var(--accent-cyan));color:#fff;border-color:#0000;box-shadow:0 4px 15px #8b5cf64d}