body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.welcome-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.welcome-container:before{animation:backgroundFloat 10s ease-in-out infinite;background:radial-gradient(circle at 30% 70%,#007aff0a 0,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundFloat{0%,to{opacity:.6}50%{opacity:1}}.welcome-content{animation:slideUpFadeIn .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 24px #0000000f,0 2px 8px #00000005;max-width:360px;padding:32px 28px;position:relative;text-align:center;width:100%;z-index:1}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.welcome-icon{margin-bottom:20px;position:relative}.health-icon{animation:floatPulse 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,122,255,.12));font-size:56px}@keyframes floatPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.welcome-title{color:#1d1d1f;font-size:26px;font-weight:700;letter-spacing:-.4px;margin-bottom:14px}.welcome-description{color:#424245;font-size:15px;letter-spacing:-.1px;line-height:1.4;margin-bottom:28px}.welcome-description p{margin:0}.features-list-new{flex-direction:column;margin-bottom:32px}.feature-row,.features-list-new{display:flex;gap:12px}.feature-item-new{background:linear-gradient(135deg,#007aff0f,#007aff0a);border:1px solid #007aff1f;border-radius:12px;box-shadow:0 2px 8px #007aff14,0 1px 4px #007aff0a;flex:1 1;overflow:hidden;padding:16px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-item-new:before{background:linear-gradient(90deg,#007aff,#34c759);border-radius:12px 12px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.feature-item-new:hover{background:linear-gradient(135deg,#007aff1a,#007aff0f);border-color:#007aff33;box-shadow:0 4px 16px #007aff1f,0 2px 8px #007aff14;transform:translateY(-2px)}.feature-item-new:active{transform:translateY(0) scale(.98);transition:all .1s ease}.feature-content{display:flex;flex-direction:column;gap:4px;position:relative;text-align:center;z-index:1}.feature-title{color:#007aff;font-size:14px;font-weight:600;letter-spacing:-.2px;line-height:1.2}.feature-desc{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:-.1px;line-height:1.3}.claim-button{background:#007aff;border:none;border-radius:12px;box-shadow:0 4px 12px #007aff40;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.2px;overflow:hidden;padding:16px 20px;position:relative;transition:all .2s ease;width:100%}.claim-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.claim-button:hover:before{left:100%}.claim-button:active{box-shadow:0 2px 8px #007aff33;transform:scale(.98)}.privacy-note{color:#8e8e93;font-size:11px;font-weight:400;letter-spacing:-.05px;margin-top:16px}@media (max-width:480px){.welcome-content{border-radius:14px;margin:0 12px;padding:28px 20px}.health-icon{font-size:48px}.welcome-title{font-size:22px}.welcome-description{font-size:14px}.feature-row,.features-list-new{gap:10px}.feature-item-new{border-radius:10px;padding:14px 10px}.feature-title{font-size:13px}.feature-desc{font-size:10px}.claim-button{font-size:15px;padding:14px 18px}}.generation-container{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.generation-container:before{animation:backgroundShift 8s ease-in-out infinite;background:radial-gradient(circle at 70% 30%,#007aff0a 0,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes backgroundShift{0%,to{opacity:.6}50%{opacity:1}}.generation-content{animation:contentSlideIn .5s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 24px #0000000f,0 2px 8px #00000005;max-width:360px;padding:32px 28px;position:relative;text-align:center;width:100%;z-index:1}@keyframes contentSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.ai-avatar{margin-bottom:24px;position:relative}.avatar-circle{align-items:center;animation:avatarRotateFloat 3s ease-in-out infinite;background:#007aff;border-radius:50%;box-shadow:0 8px 20px #007aff33;display:flex;height:80px;justify-content:center;margin:0 auto 16px;position:relative;width:80px}@keyframes avatarRotateFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.ai-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px}.thinking-dots{display:flex;gap:4px;justify-content:center}.thinking-dots span{animation:thinkingBounce 1.2s ease-in-out infinite;background:#007aff;border-radius:50%;height:6px;width:6px}.thinking-dots span:first-child{animation-delay:-.24s}.thinking-dots span:nth-child(2){animation-delay:-.12s}.thinking-dots span:nth-child(3){animation-delay:0s}@keyframes thinkingBounce{0%,80%,to{opacity:.5;transform:scale(.8) translateY(0)}40%{opacity:1;transform:scale(1.1) translateY(-4px)}}.generation-title{color:#1d1d1f;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:24px}.progress-container{margin-bottom:32px}.progress-bar{background:#f0f0f0cc;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.progress-fill{background:#007aff;border-radius:3px;box-shadow:0 1px 3px #007aff4d;height:100%;transition:width .3s ease}.progress-text{font-feature-settings:"tnum";color:#424245;font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.steps-container-new{display:flex;flex-direction:column;gap:8px;text-align:left}.step-item-new{align-items:center;background:#0000;border-radius:10px;display:flex;margin:0 -16px;opacity:.4;padding:12px 16px;position:relative;transition:all .3s ease}.step-item-new.high{background:#007aff0a;border:1px solid #007aff0f}.step-item-new.medium{background:#007aff05;border:1px solid #007aff08}.step-item-new.low{background:#007aff03;border:1px solid #007aff05}.step-item-new.active{background:#007aff14;border:1px solid #007aff1f;opacity:1;transform:translateX(4px)}.step-item-new.completed{background:#34c7590f;border:1px solid #34c75914;opacity:.6}.step-indicator{background:#8e8e93;border-radius:50%;height:8px;margin-right:12px;transition:all .3s ease;width:8px}.step-item-new.active .step-indicator{background:#007aff;box-shadow:0 0 8px #007aff66;transform:scale(1.2)}.step-item-new.completed .step-indicator{background:#30d158;transform:scale(1.1)}.step-text-new{color:#424245;font-size:14px;font-weight:500;letter-spacing:-.1px}.step-item-new.active .step-text-new{color:#007aff;font-weight:600}.step-item-new.completed .step-text-new{color:#30d158}@media (max-width:480px){.generation-content{border-radius:14px;margin:0 12px;padding:28px 20px}.avatar-circle{height:70px;width:70px}.ai-icon{font-size:28px}.generation-title{font-size:20px}.step-item-new{margin:0 -12px;padding:10px 12px}.step-text-new{font-size:13px}}.trend-chart-container-clean{background:#0000;border-radius:8px;height:140px;overflow:hidden;position:relative;width:100%}.trend-chart-canvas-clean{cursor:default;display:block;height:140px!important;width:100%!important}@media (max-width:768px){.trend-chart-container-clean{border-radius:6px}}.nine-systems-container{margin:16px 0;padding:0;width:100%}.systems-header-inline{margin-bottom:16px;text-align:center}.systems-title-inline{color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.2;margin:0}.nine-grid-inline{grid-gap:10px;align-items:stretch;aspect-ratio:.85;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-bottom:12px;width:100%}.system-card-inline{background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 1px 3px #00000014;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px;position:relative;transition:all .2s ease;width:100%}.system-card-inline.clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.system-card-inline.clickable:active{box-shadow:0 2px 6px #0000001f;transform:translateY(0)}.system-card-inline:first-child{grid-column:1;grid-row:1}.system-card-inline:nth-child(2){grid-column:2;grid-row:1}.system-card-inline:nth-child(3){grid-column:3;grid-row:1}.system-card-inline:nth-child(4){grid-column:1;grid-row:2}.system-card-inline:nth-child(5){grid-column:2;grid-row:2}.system-card-inline:nth-child(6){grid-column:3;grid-row:2}.system-card-inline:nth-child(7){grid-column:1;grid-row:3}.system-card-inline:nth-child(8){grid-column:2;grid-row:3}.system-card-inline:nth-child(9){grid-column:3;grid-row:3}.system-card-inline.normal{background:#fff;border:1px solid #e5e5e5}.system-card-inline.caution{background:#fff;border:1px solid #fc0}.system-card-inline.warning{background:#fff;border:1px solid #ff9500}.system-card-inline.danger{background:#fff;border:1px solid #ff3b30;border-left-width:3px}.system-header-inline{align-items:center;border-radius:8px 8px 0 0;display:flex;flex-shrink:0;justify-content:center;margin:-10px -10px 8px;padding:8px}.system-card-inline.normal .system-header-inline{background:#7ed87e}.system-card-inline.caution .system-header-inline{background:#fd6}.system-card-inline.warning .system-header-inline{background:#ffb366}.system-card-inline.danger .system-header-inline{background:#ff7a7a}.system-name-inline{color:#fff;font-size:13px;font-weight:700;letter-spacing:-.3px;line-height:1.1;margin:0;text-align:center;text-shadow:0 1px 2px #00000026}.system-content-inline{flex:1 1;justify-content:flex-start;min-height:0;padding:6px 4px 4px}.issue-list-inline,.system-content-inline{display:flex;flex-direction:column;overflow:hidden}.issue-list-inline{height:100%;list-style:none;margin:0;padding:0}.issue-item-inline{color:#555;font-size:11px;font-weight:500;line-height:1.4;margin-bottom:4px;overflow:hidden;padding-left:2px;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%}.issue-item-inline:before{color:#ff9500;content:"• ";font-size:12px;font-weight:700;margin-right:2px}.more-issues-inline{background:#007aff1a;border-radius:3px;color:#007aff;cursor:pointer;flex-shrink:0;font-size:9px;font-weight:600;margin-top:auto;padding:1px 3px;text-align:center;transition:background-color .2s ease}.more-issues-inline:hover{background:#007aff33}.normal-status-inline{flex:1 1}.normal-status-inline,.thumbs-up-inline{align-items:center;display:flex;justify-content:center}.thumbs-up-inline{background:#34c7591a;border:2px solid #34c75933;border-radius:50%;box-shadow:0 2px 8px #34c75933;color:#34c759;font-size:22px;font-weight:700;height:36px;width:36px}.legend-container-inline{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:16px;justify-content:center;margin-bottom:0;padding:12px}.legend-item-inline{align-items:center;display:flex;gap:3px}.legend-color-inline{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-color-inline.normal{background:#34c759}.legend-color-inline.caution{background:#fc0}.legend-color-inline.warning{background:#ff9500}.legend-color-inline.danger{background:#ff3b30}.legend-text-inline{color:#666;font-size:11px;font-weight:500}.card-header{position:relative}.card-header h3{font-size:22px}.update-time{background:#8e8e9314;border-radius:6px;padding:4px 8px}.recommendations-section,.references-section,.risks-section,.summary-section,.trends-section{margin-bottom:24px;position:relative}@keyframes sectionFadeIn{0%{opacity:0}to{opacity:1}}.summary-section{animation:sectionFadeIn .3s ease-out .1s both}.trends-section{animation:sectionFadeIn .3s ease-out .2s both}.risks-section{animation:sectionFadeIn .3s ease-out .3s both}.recommendations-section{animation:sectionFadeIn .3s ease-out .4s both}.references-section{animation:sectionFadeIn .3s ease-out .5s both}.summary-content{padding:20px;transition:background-color .2s ease}.summary-content:active{background:#f7f7f9cc}.summary-content p{color:#424245;font-size:15px;font-weight:400;line-height:1.5}.chart-item{background:#f7f7f999;border:1px solid #0000000d;padding:20px;transition:background-color .2s ease;width:100%}.chart-item:hover{background:#f7f7f9cc}.chart-header{margin-bottom:16px}.chart-header h5{color:#1d1d1f;font-size:15px;font-weight:600;margin:0}.chart-target-info{gap:8px}.target-label,.target-value{font-size:12px}.target-value{color:#1d1d1f;font-weight:600}.risk-items{grid-gap:16px;display:grid;gap:16px}.risk-item{background:linear-gradient(135deg,#f7f7f9cc,#fff9);border:1px solid #00000008;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.risk-item:before{background:linear-gradient(90deg,#0000,#007aff4d,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.risk-item:hover:before{transform:scaleX(1)}.risk-item:hover{background:linear-gradient(135deg,#f7f7f9f2,#fffc);box-shadow:0 12px 32px #00000014;transform:translateY(-2px)}.risk-header{align-items:center;display:flex;margin-bottom:12px}.risk-icon{font-size:20px;margin-right:12px;transition:transform .3s ease}.risk-item:hover .risk-icon{transform:scale(1.1)}.risk-title{color:#1d1d1f;flex:1 1;font-size:16px;font-weight:600;letter-spacing:-.2px}.risk-level{border-radius:20px;font-size:13px;letter-spacing:-.1px;padding:6px 12px;transition:all .3s ease}.risk-level:hover{transform:scale(1.05)}.risk-level.low{box-shadow:0 2px 8px #34c7591a;color:#30d158}.risk-level.medium{box-shadow:0 2px 8px #ff95001a}.risk-level.high{background:#ff3b3026;box-shadow:0 2px 8px #ff3b301a;color:#ff3b30}.risk-description{color:#424245;font-size:15px;font-weight:400;letter-spacing:-.1px;line-height:1.5}.recommendation-items{grid-gap:16px;display:grid;gap:16px}.recommendation-item{align-items:flex-start;background:linear-gradient(135deg,#f7f7f9cc,#fff9);border:1px solid #00000008;border-radius:16px;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.recommendation-item:after{background:linear-gradient(90deg,#0000,#007aff4d,#0000);content:"";height:1px;left:-100%;position:absolute;top:50%;transition:left .5s ease;width:100%}.recommendation-item:hover:after{left:100%}.recommendation-item:hover{background:linear-gradient(135deg,#f7f7f9f2,#fffc);box-shadow:0 12px 32px #00000014;transform:translateY(-2px) translateX(4px)}.rec-icon{font-size:20px;margin-right:16px;margin-top:2px;transition:transform .3s ease}.recommendation-item:hover .rec-icon{transform:scale(1.1) rotate(5deg)}.rec-content h5{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:6px}.rec-content p{color:#424245;font-size:15px;font-weight:400;letter-spacing:-.1px;line-height:1.5;margin:0}.reference-items{background:#f7f7f966;border:1px solid #00000005;border-radius:8px;margin-bottom:0;padding:12px 16px;text-align:left}.references-section h4{color:#1d1d1f;font-size:17px;font-weight:600;letter-spacing:-.2px;margin-bottom:12px;padding-left:0;position:relative}.references-section h4:before{display:none}.reference-item{border-bottom:1px solid #00000008;font-size:12px;font-weight:400;letter-spacing:-.05px;opacity:.8;padding:6px 0;text-align:left}.reference-item:last-child{border-bottom:none;padding-bottom:0}.share-section{display:flex;gap:16px}.download-button,.share-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#007aff14,#0051d50d);border:1px solid #007aff33;border-radius:14px;color:#007aff;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.2px;overflow:hidden;padding:16px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.download-button:before,.share-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:50%;transform:translateY(-50%);transition:left .6s ease;width:100%}.download-button:hover:before,.share-button:hover:before{left:100%}.download-button:hover,.share-button:hover{background:linear-gradient(135deg,#007aff26,#0051d51a);border-color:#007aff66;box-shadow:0 12px 32px #007aff33,0 4px 16px #007aff1a;transform:translateY(-3px) scale(1.02)}.download-button:active,.share-button:active{transform:translateY(-1px) scale(1.01);transition:all .1s ease}.risk-items-optimized{grid-gap:16px;display:grid}.risk-item-primary{background:#ff95000f;border:1px solid #ff95001a;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:background-color .2s ease}.risk-item-primary:before{background:#ff9500;border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.risk-item-secondary{background:#34c7590a;border:1px solid #34c75914;border-radius:12px;padding:20px;transition:background-color .2s ease}.risk-item-primary:active{background:#ff95001a}.risk-item-secondary:active{background:#34c75914}.risk-title-main{font-size:17px;letter-spacing:-.3px}.risk-description-main{color:#424245;font-size:14px;font-weight:400;margin:0}.recommendation-items-clean{grid-gap:12px;display:grid}.recommendation-item-clean{background:#007aff0a;border:1px solid #007aff0f;border-left:3px solid #007aff;border-radius:8px;padding:16px;transition:background-color .2s ease}.recommendation-item-clean:active{background:#007aff14}.rec-content-clean h5{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:6px}.rec-content-clean p{color:#424245;font-size:14px;font-weight:400;letter-spacing:-.1px;line-height:1.4;margin:0}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;min-height:20px}.target-label{background:#8e8e9314;letter-spacing:-.05px}.recommendations-section h4,.references-section h4,.risks-section h4,.summary-section h4,.trends-section h4{color:#424245;font-size:16px;font-weight:500;letter-spacing:-.2px;margin-bottom:14px;padding-left:10px;position:relative}.recommendations-section h4:before,.references-section h4:before,.risks-section h4:before,.summary-section h4:before,.trends-section h4:before{background:#007aff;border-radius:1px;content:"";height:12px;left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:2px}.trends-actions{margin-top:20px}.view-all-trends-external{border:1px solid #007aff1f;border-radius:8px;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.view-all-trends-external:active{background:#007aff1f;opacity:.8;transform:scale(.98)}.view-all-trends-external .arrow-icon{font-size:12px;transition:transform .2s ease}.view-all-trends-external:active .arrow-icon{transform:translateX(2px)}.chart-actions,.view-all-trends-bottom{display:none}.risk-points{margin-top:10px}.risk-point{background:#8e8e9314;font-weight:400;letter-spacing:-.05px}.risk-item-primary .risk-point{background:#ff95001f;color:#ff9500}.risk-item-secondary .risk-point{background:#34c7591f;color:#30d158}.recommendation-item-clean-new{background:#f7f7f9cc;border:1px solid #0000000a;border-radius:10px;margin-bottom:12px;padding:18px;transition:background-color .2s ease}.recommendation-item-clean-new:last-child{margin-bottom:0}.recommendation-item-clean-new:active{background:#f7f7f9f2}.rec-reminder{background:#007aff14;border-radius:6px;font-size:11px;letter-spacing:-.05px;margin-top:8px;padding:4px 8px}.recommendation-item-clean{display:none}.summary-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.summary-header h4{margin-bottom:0}.update-time-right{align-self:flex-start;color:#8e8e93;flex-shrink:0;font-size:12px;font-weight:500;letter-spacing:-.05px}.body-overview-entry{align-items:center;background:#34c75914;border:1px solid #34c7591f;border-radius:8px;color:#30d158;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;letter-spacing:-.1px;padding:8px 12px;transition:all .2s ease}.body-overview-entry:active{background:#34c7591f;opacity:.8;transform:scale(.98)}.body-icon{font-size:14px}.integrated-overview{background:#f7f7f999;border:1px solid #00000005;border-radius:12px;padding:18px}.overview-summary{margin-bottom:16px}.overview-summary p{color:#424245;font-size:15px;text-align:left}.recommendation-item-enhanced{background:#f7f7f9b3;border-radius:8px;margin-bottom:10px}.recommendation-item-enhanced:last-child{margin-bottom:0}.rec-content-enhanced{gap:12px}.rec-main-content h5{font-size:15px;letter-spacing:-.15px;margin-bottom:4px}.rec-main-content p{color:#6d6d70;font-size:13px;font-weight:400;letter-spacing:-.08px;line-height:1.3;margin:0 0 6px}.check-schedule{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.check-frequency,.next-check{border-radius:8px;display:inline-block;font-size:10px;font-weight:500;letter-spacing:-.02px;line-height:1.4;padding:2px 8px}.check-frequency{background:#007aff14;border:1px solid #007aff26;color:#007aff}.next-check{background:#ff950014;border:1px solid #ff950026;color:#ff9500}.rec-reminder{background:#007aff0f;border-radius:4px;display:inline-block;font-size:10px;letter-spacing:-.03px;margin-top:0;padding:3px 6px}.appointment-button{align-self:center;border-radius:6px;min-width:70px;padding:8px 12px}.appointment-button.consultation{background:#30d158}@media (max-width:768px){.health-summary-card{border-radius:16px;margin:0 2px 20px;padding:16px 8px 24px}.summary-content,.unified-health-overview{padding:14px 10px}.summary-header{align-items:flex-start;flex-direction:row;gap:10px;justify-content:space-between}.summary-header h4{font-size:16px}.update-time-right{font-size:10px}.body-overview-entry{font-size:12px;padding:6px 10px}.body-icon{font-size:12px}.integrated-overview{padding:14px 10px}.overview-summary{margin-bottom:16px}.overview-summary p{font-size:14px}.recommendation-item-enhanced{margin-bottom:8px;padding:12px 10px}.risk-name{display:inline;flex:none}.risk-name-with-icon{align-items:center;display:inline-flex;flex:1 1;gap:0}.risk-explanation-btn{background:none;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:inline;flex-shrink:0;font-size:12px;height:auto;line-height:1;margin:0 0 0 4px;padding:0;transition:all .2s ease;vertical-align:initial;width:auto}.risk-explanation-btn:hover{background:#007aff1a;color:#007aff}.risk-explanation-panel{animation:slideDown .3s ease;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin:8px 0;padding:12px}.explanation-text{color:#495057;font-size:13px;line-height:1.4;margin:0}.rec-content-enhanced{align-items:flex-start;flex-direction:column;gap:8px}.appointment-button{align-self:flex-end;font-size:11px;min-width:60px;padding:6px 10px}.rec-main-content h5{font-size:14px;margin-bottom:3px}.rec-main-content p{font-size:12px;margin-bottom:4px}.rec-reminder{font-size:9px;padding:2px 5px}.view-all-trends-external{font-size:13px;padding:8px 14px}.view-all-trends-external .arrow-icon{font-size:11px}.target-label{font-size:10px}.card-header h3{font-size:20px}.charts-container{gap:16px;grid-template-columns:1fr}.summary-content p{font-size:14px}.risk-title-main{font-size:16px}.rec-content-clean h5{font-size:15px}.risk-points{gap:6px}.risk-point{font-size:10px;padding:3px 6px}}@media (max-width:480px){.health-summary-card{border-radius:12px;margin:0 1px 32px;padding:14px 6px 20px}.summary-content,.unified-health-overview{padding:12px 8px}.ai-helper-note{margin-top:16px;padding:10px 8px}.ai-note-content{gap:8px}.ai-icon{font-size:16px}.ai-note-text p{font-size:12px}.summary-header{align-items:flex-start;flex-direction:row;gap:8px;justify-content:space-between}.summary-header h4{font-size:15px}.update-time-right{font-size:9px}.body-overview-entry{font-size:11px;padding:5px 8px}.integrated-overview{padding:12px 8px}.overview-summary{margin-bottom:14px}.overview-summary p{font-size:13px}.recommendation-item-enhanced{margin-bottom:6px;padding:10px 8px}.rec-content-enhanced{gap:6px}.rec-main-content h5{font-size:13px}.rec-main-content p{font-size:11px;margin-bottom:3px}.check-schedule{gap:6px;margin-top:4px}.check-frequency,.next-check{font-size:9px;padding:1px 6px}.appointment-button{font-size:10px;min-width:50px;padding:5px 8px}.rec-reminder{font-size:8px;padding:2px 4px}.view-all-trends-external{font-size:12px;padding:7px 12px}.view-all-trends-external .arrow-icon{font-size:10px}.target-label{font-size:9px;padding:2px 6px}.card-header{margin-bottom:20px;padding-bottom:12px}.card-header h3{font-size:18px}.recommendations-section h4,.references-section h4,.risks-section h4,.summary-section h4,.trends-section h4{font-size:15px;margin-bottom:10px}.recommendations-section,.references-section,.risks-section,.summary-section,.trends-section{margin-bottom:20px}.chart-item,.risk-item-primary,.risk-item-secondary,.summary-content{padding:14px 10px}.summary-section{margin-bottom:16px}.unified-health-overview .risk-cards-container .unified-risk-card{padding:12px 10px}.rec-content-clean p,.risk-description-main,.summary-content p{font-size:13px}.risk-points{gap:4px;margin-top:8px}.risk-point{font-size:9px;padding:2px 5px}}.health-summary-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;margin:0 4px 120px;overflow:hidden;padding:20px 12px 28px;position:relative}.card-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.card-header h3{color:#1d1d1f;font-size:20px;font-weight:700;letter-spacing:-.4px;margin:0}.update-time{color:#8e8e93;font-size:12px;font-weight:500}.summary-section{margin-bottom:20px}.summary-header{margin-bottom:14px}.summary-header h4{color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.2px;line-height:1.2;margin:0;text-align:left}.summary-content{background:#f7f7f999;border:1px solid #00000005;border-radius:12px;margin-bottom:20px;padding:16px 12px}.summary-content p{color:#3a3a3c;font-size:14px;letter-spacing:-.1px;line-height:1.6;margin:0}.unified-health-overview{background:#f8f9fa;border:1px solid #e5e5ea;border-radius:12px;padding:16px 12px}.overview-summary{margin-bottom:24px}.overview-summary p{color:#3a3a3c;font-size:14px;font-weight:400;letter-spacing:-.1px;line-height:1.5;margin:0}.risk-cards-container{display:flex;flex-direction:column;gap:16px}.risk-cards-container .unified-risk-card{max-width:400px;width:100%}.unified-risk-card{background:#fff;border:1px solid #e5e5ea;border-radius:8px;display:flex;flex-direction:column;min-height:140px;padding:16px;position:relative;transition:all .2s ease}.unified-risk-card:hover{border-color:#d1d1d6}.unified-risk-card.safe{background:linear-gradient(135deg,#34c7590d,#34c75905);border:1px solid #34c75926;position:relative}.unified-risk-card.attention{background:linear-gradient(135deg,#ff95000d,#ff950005);border:1px solid #ff950026}.unified-risk-card.attention:before{animation:pulseStrong 1.5s infinite;background:#ff6b35;border-radius:50%;box-shadow:0 0 8px #ff6b3599,0 0 4px #ff6b35cc;content:"";height:8px;position:absolute;right:6px;top:6px;width:8px;z-index:1}@keyframes pulse{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(1)}}@keyframes pulseStrong{0%{box-shadow:0 0 8px #ff6b3599,0 0 4px #ff6b35cc;opacity:.8;transform:scale(1)}50%{box-shadow:0 0 12px #ff6b35cc,0 0 6px #ff6b35;opacity:1;transform:scale(1.3)}to{box-shadow:0 0 8px #ff6b3599,0 0 4px #ff6b35cc;opacity:.8;transform:scale(1)}}.risk-description-low{color:#6b7280;font-size:13px;font-weight:400;line-height:1.4;margin:8px 0 0;text-align:left}.risk-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.risk-name{color:#3a3a3c;flex:1 1;font-size:15px;font-weight:600;letter-spacing:-.2px;text-align:left}.risk-name.clickable-title{cursor:pointer;transition:color .2s ease}.risk-name.clickable-title:hover{color:#007aff}.risk-level-indicator{align-items:center;border-radius:4px;display:flex;flex-shrink:0;padding:2px 8px;width:fit-content}.risk-level-indicator.safe{background:#34c7591a}.risk-level-indicator.attention{background:#ff6b6b1a}.level-dot{border-radius:50%;display:inline-block;height:6px;margin-right:4px;width:6px}.risk-level-indicator.safe .level-dot{background:#34c759}.risk-level-indicator.attention .level-dot{background:#ff6b6b}.level-text{color:#6b7280;font-size:11px;font-weight:600;text-transform:none}.risk-brief{background:#f2f2f7;border-radius:4px;color:#3a3a3c;display:inline-block;font-size:13px;font-weight:500;margin:0 0 16px;max-width:200px;padding:4px 8px;text-align:left;width:fit-content}.risk-brief.attention{background:#ff6b6b14;color:#ff6b6b}.risk-brief.safe{background:#34c75914;color:#34c759;font-weight:500}.action-button{align-self:flex-start;background:#007aff14;border:1px solid #007aff33;border-radius:6px;color:#007aff;cursor:pointer;font-size:12px;font-weight:500;min-width:100px;padding:6px 12px;text-align:center;transition:all .2s ease}.action-button.safe{background:#34c75914;border-color:#34c75933;color:#34c759}.action-button.attention{background:#ff950014;border-color:#ff950033;color:#ff9500}.action-button:hover{background:#007aff26;border-color:#007aff4d;transform:translateY(-1px)}.action-button.safe:hover{background:#34c75926;border-color:#34c7594d}.action-button.attention:hover{background:#ff950026;border-color:#ff95004d}.action-button:active{opacity:.8;transform:translateY(0)}.risk-detail-panel{background:#f8f9facc;border:1px solid #0000000a;border-radius:10px;margin:12px 0 0;padding:14px}.risk-score{align-items:center;display:flex;gap:8px;margin:8px 0 12px}.score-label{color:#6d6d70;font-size:13px}.score-value{border-radius:4px;font-size:16px;padding:2px 8px}.score-value.attention{background:#ff6b351a;color:#ff6b35}@keyframes slideIn{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.detail-description{color:#3a3a3c;font-size:13px;line-height:1.4;margin:0 0 12px;text-align:left}.action-plan{align-items:flex-start;display:flex;gap:10px}.plan-emoji{flex-shrink:0;font-size:16px;margin-top:2px}.plan-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.plan-label{color:#007aff;font-size:12px;font-weight:600;text-align:left}.plan-label.attention{color:#ff6b6b}.plan-items{color:#3a3a3c;font-size:12px;line-height:1.3;text-align:left}.expected-outcome{background:#ff6b6b1f;border-radius:6px;color:#ff6b6b;display:inline-block;font-size:11px;font-weight:500;margin-top:6px;padding:4px 8px;text-align:left}.health-card-systems{background:#fafafa;border:1px solid #e5e5e5;border-radius:12px;margin:16px 0;padding:16px}.trends-section{margin-bottom:32px}.trends-section h4{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 20px;text-align:left}.charts-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.chart-item{background:#f8f8f8;border:1px solid #00000008;border-radius:12px;padding:16px 14px}.chart-item h5{color:#1d1d1f;font-size:13px;font-weight:600;letter-spacing:-.1px;margin:0 0 4px;text-align:left}.chart-header{margin-bottom:8px;min-height:18px}.chart-target-info{align-items:center;display:flex;justify-content:flex-end;margin-bottom:0;text-align:right}.target-label{background:#8e8e931a;color:#8e8e93;font-size:10px;font-weight:500;padding:2px 6px}.trends-actions{display:flex;justify-content:center;margin-top:16px}.view-all-trends-external{align-items:center;background:#007aff14;border:1px solid #007aff33;border-radius:20px;color:#007aff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:-.1px;padding:8px 16px}.arrow-icon{font-size:10px;font-weight:400}.risks-section{margin-bottom:32px}.risks-section h4{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 20px;text-align:left}.risk-items-optimized{display:flex;flex-direction:column;gap:16px}.risk-item-primary,.risk-item-secondary{background:#f8f8f8;border:1px solid #00000008;border-radius:12px;padding:18px 16px}.risk-item-primary{background:linear-gradient(135deg,#fff9f0,#fff5e6);border-left:4px solid #ff9500}.risk-content{width:100%}.risk-header-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.risk-title-main{color:#1d1d1f;font-size:14px;font-weight:600;letter-spacing:-.1px;margin:0}.risk-level{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.risk-level.medium{background:#ff950026;color:#ff9500}.risk-level.low{background:#34c75926;color:#34c759}.risk-description-main{color:#3a3a3c;font-size:13px;letter-spacing:-.05px;line-height:1.5;margin:0 0 12px}.risk-points{display:flex;flex-wrap:wrap;gap:8px}.risk-point{background:#8e8e931a;border-radius:6px;color:#8e8e93;font-size:11px;font-weight:500;padding:4px 8px}.recommendations-section h4{font-size:16px;margin:0 0 20px;text-align:left}.recommendation-items-clean{gap:16px}.recommendation-item-enhanced{background:#f8f8f8;border:1px solid #00000008;padding:14px 16px}.rec-main-content h5{font-size:14px;text-align:left}.rec-main-content p{color:#3a3a3c;font-size:12px}.appointment-button{align-self:flex-start;background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:-.08px;min-width:80px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.appointment-button.consultation{background:#34c759}.appointment-button:hover{opacity:.9;transform:translateY(-1px)}.ai-helper-note{background:#007aff08;border:1px solid #007aff0f;border-radius:12px;margin-top:24px;padding:16px}.ai-note-content{align-items:center;display:flex;gap:12px}.ai-icon{flex-shrink:0;font-size:20px}.ai-note-text p{color:#3a3a3c;font-size:13px;font-weight:400;letter-spacing:-.1px;line-height:1.4;margin:0}.references-section{opacity:.7}.references-section h4{color:#8e8e93;font-size:14px;font-weight:500;margin:0 0 12px;text-align:left}.reference-items{display:flex;flex-direction:column;gap:6px}.reference-item{color:#8e8e93;font-size:11px;line-height:1.3}.risk-description-attention{color:#8e8e93;font-size:13px;line-height:1.4;margin:8px 0 12px}.view-plan-btn{background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;margin-top:8px;padding:8px 16px;transition:all .2s ease}.view-plan-btn:hover{box-shadow:0 2px 8px #007aff4d;transform:translateY(-1px)}.view-plan-btn:active{transform:translateY(0)}.unified-risk-card.attention{background:linear-gradient(135deg,#ff95000a,#ff950003)!important;border:1px solid #ff95001f!important;box-shadow:0 1px 3px #ff950014!important}@media (max-width:768px){.risk-description-attention{font-size:12px;margin:6px 0 10px}.view-plan-btn{font-size:12px;padding:6px 14px}}@media (max-width:480px){.risk-description-attention{font-size:11px;margin:4px 0 8px}.view-plan-btn{font-size:11px;margin-top:6px;padding:6px 12px}}.recommendations-section{margin-bottom:32px}.recommendations-section h4{color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:0 0 16px}.recommendation-items-clean{display:flex;flex-direction:column;gap:12px}.recommendation-item-enhanced{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:16px}.rec-content-enhanced{align-items:center;display:flex;gap:16px;justify-content:space-between}.rec-main-content{flex:1 1}.rec-main-content h5{color:#1d1d1f;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.rec-main-content p{color:#8e8e93;font-size:14px;line-height:1.4;margin:0}.rec-reminder{background:#007aff1a;border:1px solid #007aff33;border-radius:16px;color:#007aff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.rec-reminder:hover{background:#007aff26;transform:translateY(-1px)}.call-doctor-btn{background:linear-gradient(135deg,#007aff,#0051d5);border:none;border-radius:20px;box-shadow:0 2px 8px #007aff4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.call-doctor-btn:hover{box-shadow:0 4px 12px #007aff66;transform:translateY(-1px)}.call-doctor-btn:active{transform:translateY(0)}@media (max-width:768px){.rec-content-enhanced{align-items:flex-start;flex-direction:column;gap:12px}.call-doctor-btn,.rec-reminder{align-self:flex-end}.rec-main-content h5{font-size:15px}.rec-main-content p{font-size:13px}}@media (max-width:480px){.rec-content-enhanced{gap:10px}.rec-main-content h5{font-size:14px}.rec-main-content p{font-size:12px}.rec-reminder{font-size:11px;padding:5px 10px}.call-doctor-btn{font-size:12px;padding:6px 12px}}.unified-risk-card.attention{background:linear-gradient(135deg,#ff95000a,#ff950003);border:1px solid #ff95001f;box-shadow:0 1px 3px #ff950014;position:relative}.risk-brief.attention{color:#e4700a;font-weight:500}.risk-level-indicator.attention{background:#ff950014;border-radius:12px;padding:4px 8px}.risk-level-indicator.attention .level-dot{animation:gentlePulse 2s infinite;background:#ff9500}.risk-level-indicator.attention .level-text{color:#e4700a;font-weight:500}.unified-risk-card.attention .view-plan-btn{background:linear-gradient(135deg,#ff9500,#e4700a);box-shadow:0 2px 8px #ff95004d}.unified-risk-card.attention .view-plan-btn:hover{box-shadow:0 4px 12px #ff950066}.risk-title-container{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.risk-name-subtitle{color:#8e8e93;font-size:11px;font-weight:400;line-height:1.2}.dynamic-risk-showcase{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;color:#fff;margin:20px 0;overflow:hidden;padding:24px;position:relative}.dynamic-risk-showcase:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000 30%,#ff95001a 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.risk-showcase-header{margin-bottom:24px;text-align:center}.risk-showcase-header h4{color:#fff;font-size:20px;font-weight:700;margin-bottom:4px}.risk-showcase-subtitle{color:#a0a0a0;font-size:13px;font-weight:400}.risk-timeline-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;padding:20px}.risk-timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.risk-title-animated{align-items:center;display:flex;gap:12px}.risk-name-main{color:#ff9500;font-size:18px;font-weight:700}.risk-pulse-indicator{animation:heartbeat 1.5s infinite;background:#ff9500;border-radius:50%;box-shadow:0 0 10px #ff9500cc;height:12px;width:12px}.current-risk-badge{text-align:right}.risk-percentage{color:#ff6b35;display:block;font-size:32px;font-weight:800;line-height:1}.animated-number{animation:numberPulse 2s infinite}.risk-timeframe{color:#a0a0a0;display:block;font-size:12px;margin-top:2px}.risk-progression-timeline{display:flex;justify-content:space-between;margin:32px 0;padding:0 10px;position:relative}.timeline-stage{flex:1 1;flex-direction:column;position:relative;z-index:2}.stage-marker,.timeline-stage{align-items:center;display:flex}.stage-marker{flex-direction:column;gap:8px;margin-bottom:12px}.stage-dot{border-radius:50%;height:16px;position:relative;transition:all .3s ease;width:16px}.stage-dot.current{animation:currentPulse 2s infinite;background:#34c759;box-shadow:0 0 12px #34c759cc}.stage-dot.future{animation:futurePulse 2s .5s infinite;background:#ff9500}.stage-dot.critical{animation:criticalPulse 2s 1s infinite;background:#ff3b30;box-shadow:0 0 15px #ff3b30cc}.stage-label{color:#a0a0a0}.stage-content{text-align:center}.stage-risk{margin-bottom:4px}.stage-desc{color:#a0a0a0;font-size:10px}.timeline-stage.active .stage-risk{color:#34c759}.timeline-stage.animating .stage-risk{animation:riskGrow 1s ease-in-out infinite alternate;color:#ff9500}.progression-line{background:#fff3;height:2px;left:26px;position:absolute;right:26px;top:8px;z-index:1}.progression-fill{animation:progressFill 4s ease-in-out infinite;background:linear-gradient(90deg,#34c759,#ff9500,#ff3b30);border-radius:2px;height:100%;transform-origin:left}.risk-factors-animated{display:flex;gap:12px;justify-content:center;margin:20px 0}.factor-item{align-items:center;background:#ffffff14;border-radius:20px;display:flex;font-size:12px;gap:6px;padding:8px 12px}.factor-indicator{border-radius:50%;height:8px;width:8px}.factor-indicator.warning{animation:factorWarning 1.5s infinite;background:#ff9500}.factor-indicator.normal{background:#34c759}.factor-trend{font-weight:700;margin-left:4px}.intervention-preview{background:linear-gradient(135deg,#34c75926,#34c7590d);border:1px solid #34c7594d;border-radius:12px;margin:20px 0;padding:16px}.intervention-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.intervention-icon{font-size:16px}.intervention-text{color:#a0a0a0;font-size:13px;font-weight:500}.intervention-result{align-items:center;display:flex;gap:16px;justify-content:center}.result-before{color:#ff6b35;font-size:20px;font-weight:700}.result-arrow{animation:arrowPulse 2s infinite;color:#34c759;font-size:18px}.result-after{color:#34c759;font-size:20px;font-weight:700}.result-after.highlight{animation:resultGlow 2s infinite alternate}.dynamic-detail-btn{background:linear-gradient(135deg,#ff9500,#ff6b35);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.dynamic-detail-btn:hover{box-shadow:0 8px 24px #ff950066;transform:translateY(-2px)}.btn-pulse{animation:btnPulseEffect 2s infinite;background:#fff3;border-radius:12px;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes heartbeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes currentPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes futurePulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes riskGrow{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes progressFill{0%{transform:scaleX(.2)}50%{transform:scaleX(.6)}to{transform:scaleX(1)}}@keyframes factorWarning{0%,to{opacity:1}50%{opacity:.5}}@keyframes arrowPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes resultGlow{0%{text-shadow:0 0 5px #34c75980}to{text-shadow:0 0 15px #34c759cc}}@keyframes btnPulseEffect{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.dynamic-risk-showcase{margin:16px 0;padding:20px}.risk-progression-timeline{align-items:stretch;flex-direction:column;gap:20px}.timeline-stage{flex-direction:row;justify-content:space-between}.progression-line{display:none}.risk-factors-animated{align-items:center;flex-direction:column}}.vessel-risk-demo{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;box-shadow:0 8px 32px #0000004d;color:#fff;margin:20px 0;overflow:hidden;padding:24px;position:relative}.vessel-risk-demo:before{animation:shimmerDemo 4s infinite;background:linear-gradient(45deg,#0000 30%,#ff95000d 50%,#0000 70%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.demo-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.risk-title-with-pulse{align-items:center;display:flex;gap:12px}.demo-title{color:#ff9500;font-size:20px;font-weight:700;text-shadow:0 0 10px #ff95004d}.risk-pulse-dot{animation:intensePulse 1s infinite;background:#ff9500;border-radius:50%;box-shadow:0 0 15px #ff9500cc;height:12px;width:12px}.risk-percentage-large{text-align:right}.percentage-number{animation:numberGlow 2s infinite alternate;color:#ff6b35;display:block;font-size:36px;font-weight:800;line-height:1}.percentage-label{color:#a0a0a0;display:block;font-size:13px;margin-top:2px}.vessel-progression-container{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:16px;display:flex;gap:16px;justify-content:space-between;margin:24px 0;min-height:140px;padding:32px 20px 24px}.vessel-stage{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:120px;min-height:100px;position:relative}.vessel-demo{flex-shrink:0;height:40px;margin-bottom:20px;position:relative;width:80px}.stage-info{gap:6px;margin-top:8px;text-align:center;width:100%}.stage-title{color:#a0a0a0;display:block;font-size:12px;line-height:1.2;margin-bottom:4px}.stage-risk{color:#fff;display:block;font-size:18px;font-weight:700;line-height:1}.progression-arrow{align-items:center;align-self:center;animation:arrowGlow 2s infinite alternate;color:#ff9500;display:flex;flex-shrink:0;font-size:24px;height:fit-content;justify-content:center;line-height:1;margin:0 12px;min-width:32px;text-shadow:0 0 8px #ff9500cc}.vessel-stage[data-stage=healthy] .stage-risk{color:#34c759}.vessel-stage[data-stage=progressing] .stage-risk{color:#ff9500}.vessel-stage[data-stage=critical] .stage-risk{animation:criticalRiskPulse 1s infinite;color:#ff3b30}@media (max-width:768px){.vessel-progression-container{align-items:center;flex-direction:column;gap:24px;min-height:auto;padding:24px 20px}.vessel-stage{margin-bottom:8px;max-width:none;min-height:auto;width:100%}.vessel-demo{height:50px;margin-bottom:16px;width:100px}.progression-arrow{font-size:20px;height:32px;margin:0;min-width:auto;transform:rotate(90deg);width:32px}.stage-risk{font-size:20px}}@media (max-width:480px){.vessel-progression-container{gap:20px;padding:20px 16px}.vessel-demo{height:45px;margin-bottom:14px;width:90px}.stage-title{font-size:11px}.stage-risk{font-size:16px}.progression-arrow{font-size:18px;height:28px;width:28px}}@media (max-width:375px){.vessel-progression-container{gap:16px;padding:16px 12px}.vessel-demo{height:40px;margin-bottom:12px;width:80px}.stage-info{gap:4px}}.damage-trigger-container{display:flex;justify-content:center;margin:20px 0}.damage-details-trigger{border-radius:12px;box-shadow:0 2px 8px #ff3b301a;font-size:13px;gap:8px;max-width:200px;padding:12px 20px}.damage-details-trigger:hover{box-shadow:0 6px 16px #ff3b3040;transform:translateY(-2px)}.trigger-icon{font-size:14px}.trigger-text{white-space:nowrap}.trigger-arrow{color:#ff6b35;font-size:12px}.consequences-showcase{background:linear-gradient(135deg,#ff3b301a,#ff3b300d);border:1px solid #ff3b304d;border-radius:16px;margin:24px 0;padding:24px}.consequence-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.warning-icon{animation:warningBlink 1s infinite;font-size:20px}.consequence-title{color:#ff6b35;font-size:16px;font-weight:600}.consequences-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.consequence-item{background:#ffffff14;border-radius:12px;overflow:hidden;padding:16px;position:relative;text-align:center}.consequence-icon{align-items:center;display:flex;height:48px;justify-content:center;margin-bottom:12px;position:relative}.brain-demo,.clot-demo,.heart-demo{font-size:32px;position:relative}.brain-shape,.heart-shape{position:relative;z-index:2}.brain-blockage,.heart-blockage{animation:organBlockage 2s infinite;background:red;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;z-index:3}.clot-formation{animation:clotGrowth 2s infinite;background:radial-gradient(circle,#8b0000,red);border-radius:50%;height:20px;width:20px}.clot-growth{animation:clotExpansion 2s infinite;border:2px solid red;border-radius:50%;height:30px;width:30px}.clot-growth,.warning-pulse{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.warning-pulse{animation:warningPulseEffect 1.5s infinite;border:2px solid #ff3b3099;border-radius:50%;height:60px;width:60px}.consequence-info{display:flex;flex-direction:column;gap:4px}.consequence-name{color:#ff6b35;font-size:14px;font-weight:600}.consequence-desc{color:#a0a0a0;font-size:12px}.flow-comparison{background:#0000004d;border-radius:12px;margin-top:20px;padding:20px}.flow-demo-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:20px}.flow-demo{text-align:center}.flow-title{color:#e0e0e0;font-size:14px;font-weight:600;margin-bottom:12px}.flow-animation{background:#ffffff1a;border-radius:8px;margin-bottom:8px;padding:16px}.flow-line{border-radius:10px;height:20px;overflow:hidden;position:relative}.flow-line.normal{background:linear-gradient(90deg,#34c759,#30d158)}.flow-line.blocked{background:linear-gradient(90deg,#ff6b35,#ff3b30)}.obstruction{animation:obstructionPulse 1s infinite;background:#8b0000;border-radius:50%;height:16px;position:absolute;right:30%;top:50%;transform:translateY(-50%);width:12px}.flow-particles{height:100%;left:0;position:absolute;top:0;width:100%}.particle{background:#fff;border-radius:50%;height:6px;position:absolute;top:50%;transform:translateY(-50%);width:6px}.flow-particles.normal .particle{animation:normalParticleFlow 2s linear infinite}.flow-particles.blocked .particle{animation:blockedParticleFlow 3s linear infinite}.flow-particles.blocked .particle.stuck{animation:particleStuck 1s infinite;background:red!important}.pressure-buildup{animation:pressureBuild 2s infinite;background:radial-gradient(ellipse,#ff00004d,#0000);height:120%;left:10%;position:absolute;top:50%;transform:translateY(-50%);width:40%}.flow-speed-indicator{font-size:12px;font-weight:500}.flow-speed-indicator.normal{color:#34c759}.flow-speed-indicator.blocked{animation:indicatorBlink 1s infinite;color:#ff3b30}.risk-progression-indicator{text-align:center}.progression-bar{background:#fff3;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.progression-fill-critical{animation:criticalProgression 3s infinite;background:linear-gradient(90deg,#34c759,#ff9500,#ff6b35,#ff3b30);height:100%}.risk-levels{display:flex;font-size:11px;justify-content:space-between}.level{color:#a0a0a0;transition:all .3s ease}.level.active{animation:levelPulse 1s infinite;color:#ff3b30;font-weight:600}@keyframes warningBlink{0%,to{opacity:1}50%{opacity:.6}}@keyframes organBlockage{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}@keyframes clotGrowth{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes clotExpansion{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes warningPulseEffect{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes obstructionPulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes normalParticleFlow{0%{left:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes blockedParticleFlow{0%{left:-10px;opacity:0}20%{opacity:1}60%{left:50%;opacity:.3}80%{left:55%;opacity:.1}to{left:60%;opacity:0}}@keyframes particleStuck{0%,to{left:50%;opacity:1}50%{left:52%;opacity:.7}}@keyframes pressureBuild{0%,to{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:.6;transform:translateY(-50%) scale(1.1)}}@keyframes indicatorBlink{0%,to{opacity:1}50%{opacity:.5}}@keyframes criticalProgression{0%{transform:scaleX(.6)}50%{transform:scaleX(.9)}to{transform:scaleX(1)}}@keyframes levelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.consequences-grid{gap:12px;grid-template-columns:1fr}.flow-demo-container{gap:16px;grid-template-columns:1fr}.consequence-icon{height:40px}.brain-demo,.clot-demo,.heart-demo{font-size:24px}}.organ-damage-demo{height:60px;margin:0 auto;position:relative;width:60px}.organ-outline{border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.organ-shape{animation:organPain 2s infinite;font-size:28px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.heart-outline{background:linear-gradient(135deg,#ffb6c14d,#ffa0a033);border:2px solid #ff14144d}.heart-damage{height:20px;left:60%;position:absolute;top:60%;transform:translate(-50%,-50%);width:20px}.damage-spread{animation:damageSpread 3s infinite;background:radial-gradient(circle,#8b0000cc,#8b000033);height:100%;width:100%}.damage-core,.damage-spread{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.damage-core{animation:damageCore 1.5s infinite;background:#8b0000;height:8px;width:8px}.blocked-artery{height:2px;left:20%;position:absolute;top:20%;width:30px}.artery-line{background:linear-gradient(90deg,#ff6b6b,red);height:100%;position:relative;width:100%}.blockage-point{animation:blockagePulse 1s infinite;background:#8b0000;border-radius:50%;height:6px;position:absolute;right:20%;top:50%;transform:translateY(-50%);width:6px}.pain-waves{animation:painWaves 2s infinite;border:2px solid #f006;border-radius:50%;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.brain-outline{background:linear-gradient(135deg,#ffb6ff4d,#c8a2c833);border:2px solid #8000804d}.brain-damage{height:18px;position:absolute;right:20%;top:40%;transform:translate(-50%,-50%);width:18px}.blocked-vessel{height:2px;left:15%;position:absolute;top:30%;width:25px}.vessel-line{background:linear-gradient(90deg,#9b59b6,#8b0000);height:100%;width:100%}.dysfunction-indicator{height:20px;left:30%;position:absolute;top:70%;width:20px}.signal-disruption{animation:signalDisruption .5s infinite;background:red;height:2px;width:100%}.peripheral-outline{background:linear-gradient(135deg,#ffc8964d,#c8966433);border:2px solid #8b45134d}.peripheral-damage{bottom:20%;height:16px;left:50%;position:absolute;transform:translate(-50%,-50%);width:16px}.blocked-circulation{height:40px;left:50%;position:absolute;top:10%;transform:translateX(-50%);width:2px}.circulation-line{background:linear-gradient(180deg,#e67e22,#8b0000);height:100%;width:100%}.ischemia-indicator{animation:ischemiaFlash 1s infinite;background:#8b0000;bottom:10%;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.damage-severity{border-radius:8px;font-size:10px;font-weight:600;margin-top:4px;padding:2px 8px}.damage-severity.severe{background:#ff3b3033;border:1px solid #ff3b3066;color:#ff3b30}.damage-severity.critical{animation:criticalSeverity 1s infinite;background:#af002a33;border:1px solid #af002a66;color:#af002a}.damage-severity.moderate{background:#ff950033;border:1px solid #ff950066;color:#ff9500}.damage-progression{background:#0006;border-radius:12px;margin-top:24px;padding:20px}.progression-title{color:#ff6b35;font-size:16px;font-weight:600;margin-bottom:20px;text-align:center}.progression-stages{align-items:center;display:flex;gap:8px;justify-content:space-between}.damage-stage{flex:1 1;text-align:center}.stage-visual{height:50px;margin:0 auto 8px;position:relative;width:50px}.vessel-blocked{height:20px;position:relative;top:50%;transform:translateY(-50%);width:100%}.vessel-tube{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:10px;height:100%;width:100%}.clot-obstruction{animation:clotPulsation 1s infinite;background:#8b0000;border-radius:50%;height:16px;position:absolute;right:30%;top:50%;transform:translateY(-50%);width:12px}.organ-ischemia{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(3,1fr);height:100%;width:100%}.organ-cell{animation:cellDeath 3s infinite;border-radius:50%}.organ-cell.normal{animation-delay:0s;background:#e74c3c}.organ-cell.dying{animation-delay:1s;background:#f39c12}.organ-cell.dead{animation-delay:2s;background:#2c3e50}.tissue-necrosis{height:100%;position:relative;width:100%}.necrotic-area{animation:necrosisExpansion 2s infinite;background:#2c3e50;border-radius:50%;height:60%;width:60%}.inflammation,.necrotic-area{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.inflammation{animation:inflammationPulse 1.5s infinite;border:2px solid #e74c3c;border-radius:50%;height:80%;width:80%}.organ-dysfunction{height:100%;position:relative;width:100%}.function-loss{animation:functionLoss 2s infinite;background:#34495e;border-radius:50%;height:100%;width:100%}.compensation-attempt{animation:compensationAttempt 1s infinite;border:2px dashed #f39c12;border-radius:50%;height:60%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%}.damage-arrow{color:#e74c3c;flex-shrink:0;font-size:20px;font-weight:700}.stage-label{color:#bdc3c7;font-size:11px;font-weight:500}@keyframes organPain{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-48%,-52%) scale(1.02)}50%{transform:translate(-52%,-48%) scale(.98)}75%{transform:translate(-48%,-52%) scale(1.02)}}@keyframes damageSpread{0%{opacity:.8;transform:translate(-50%,-50%) scale(.5)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}@keyframes damageCore{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.3)}}@keyframes blockagePulse{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.4)}}@keyframes painWaves{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes signalDisruption{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.3;transform:scaleX(.5)}}@keyframes ischemiaFlash{0%,to{background:#8b0000;opacity:1}50%{background:#ff6b35;opacity:.4}}@keyframes criticalSeverity{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes clotPulsation{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}@keyframes cellDeath{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}to{opacity:.3;transform:scale(.8)}}@keyframes necrosisExpansion{0%{transform:translate(-50%,-50%) scale(.8)}to{transform:translate(-50%,-50%) scale(1.1)}}@keyframes inflammationPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes functionLoss{0%,to{opacity:.8}50%{opacity:.4}}@keyframes compensationAttempt{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@media (max-width:768px){.organ-damage-demo{height:50px;width:50px}.organ-shape{font-size:24px}.progression-stages{flex-direction:column;gap:16px}.damage-arrow{font-size:16px;transform:rotate(90deg)}.stage-visual{height:40px;width:40px}}.damage-details-trigger{align-items:center;background:linear-gradient(135deg,#ff3b3026,#ff3b3014);border:1px solid #ff3b304d;border-radius:8px;color:#ff3b30;cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:6px;justify-content:center;margin-top:8px;padding:8px 12px;transition:all .3s ease;width:100%}.damage-details-trigger:hover{background:linear-gradient(135deg,#ff3b3040,#ff3b301f);box-shadow:0 4px 12px #ff3b3033;transform:translateY(-1px)}.trigger-icon{animation:warningPulse 2s infinite;font-size:12px}.trigger-text{flex:1 1;text-align:center}.trigger-arrow{font-size:10px;transition:transform .3s ease}.trigger-arrow.expanded{transform:rotate(180deg)}.consequences-showcase.animated-expand{animation:expandDown .4s ease-out;margin-top:16px}@keyframes expandDown{0%{max-height:0;opacity:0;overflow:hidden;transform:translateY(-20px) scaleY(.8)}50%{opacity:.7;transform:translateY(-5px) scaleY(.95)}to{max-height:none;opacity:1;transform:translateY(0) scaleY(1)}}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.6}}.demo-section-title{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;margin:20px 0 24px;padding:16px;text-align:center}.section-title-text{color:#e0e0e0;display:block;font-size:16px;font-weight:600;margin-bottom:4px}.section-subtitle-text{color:#a0a0a0;font-size:13px;font-weight:400}.vessel-wall-demo{background:linear-gradient(180deg,#d4a574,#b8956b);border-radius:20px;box-shadow:inset 0 2px 4px #0003;height:100%;overflow:hidden;position:relative;width:100%}.vessel-inner{border-radius:16px;height:calc(100% - 8px);left:4px;overflow:hidden;position:absolute;top:4px;width:calc(100% - 8px)}.vessel-inner.healthy{animation:healthyPulse 2s infinite;background:linear-gradient(180deg,#ff6b6b,#ee5a52)}.vessel-inner.progressing{animation:progressingPulse 1.5s infinite;background:linear-gradient(180deg,#ff8c42,#e07628);left:8px;width:calc(100% - 16px)}.vessel-inner.critical{animation:criticalPulse 1s infinite;background:linear-gradient(180deg,#ff4757,#c44569);left:12px;width:calc(100% - 24px)}.plaque-formation{animation:plaqueGrowth 3s infinite;background:linear-gradient(135deg,#8b4513,#654321);border-radius:50%;position:absolute}.plaque-formation.small{animation:smallPlaqueGrowth 2s infinite;height:8px;left:20%;top:50%;transform:translateY(-50%);width:12px}.plaque-formation.large{animation:largePlaqueGrowth 2s infinite;height:12px;left:15%;top:50%;transform:translateY(-50%);width:20px}.blood-clot-formation{animation:clotFormation 3s infinite;background:linear-gradient(135deg,#8b0000,red);border-radius:50%;box-shadow:0 0 4px #8b0000cc;height:6px;right:30%;width:8px}.blockage-indicator,.blood-clot-formation{position:absolute;top:50%;transform:translateY(-50%)}.blockage-indicator{animation:blockageWarning 1s infinite;background:red;height:2px;right:25%;width:6px}.blood-flow-demo{height:100%;overflow:hidden;position:relative;width:100%}.blood-particle{background:radial-gradient(circle,#fff,#ff6b6b);border-radius:50%;box-shadow:0 0 3px #fffc;height:4px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.blood-flow-demo.healthy .blood-particle{animation:healthyFlow 2s linear infinite}.blood-flow-demo.progressing .blood-particle{animation:progressingFlow 3s linear infinite}.blood-flow-demo.critical .blood-particle{animation:criticalFlow 4s linear infinite}.blood-particle.p1{animation-delay:0s}.blood-particle.p2{animation-delay:.4s}.blood-particle.p3{animation-delay:.8s}.blood-particle.p4{animation-delay:1.2s}.blood-particle.p5{animation-delay:1.6s}.blood-particle.stuck{animation:stuckParticle 2s infinite!important;background:radial-gradient(circle,red,#8b0000)!important}@keyframes healthyPulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes progressingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes criticalPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@keyframes smallPlaqueGrowth{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes largePlaqueGrowth{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.15)}}@keyframes clotFormation{0%,to{opacity:.8;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.2)}}@keyframes blockageWarning{0%,to{background:red;opacity:1}50%{background:#ff6b35;opacity:.5}}@keyframes stuckParticle{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}@keyframes healthyFlow{0%{left:-10px;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes progressingFlow{0%{left:-10px;opacity:0}15%{opacity:1}40%{left:25%;opacity:.6}60%{left:35%;opacity:1}85%{opacity:1}to{left:100%;opacity:0}}@keyframes criticalFlow{0%{left:-10px;opacity:0}20%{opacity:1}30%{left:20%;opacity:.4}50%{left:25%;opacity:.7}70%{left:30%;opacity:.5}80%{opacity:1}to{left:100%;opacity:0}}.risk-factors-visual{background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:20px;justify-content:center;margin:24px 0;padding:16px}.factor-indicator-visual{align-items:center;background:#ffffff0d;border-radius:20px;color:#e0e0e0;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .3s ease}.factor-indicator-visual.active{background:#ff950026;border:1px solid #ff95004d;color:#ff9500}.factor-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.factor-dot.warning{animation:factorWarningPulse 1.5s infinite;background:#ff9500;box-shadow:0 0 8px #ff9500cc}.factor-dot.normal{background:#34c759;opacity:.8}.intervention-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#34c75926,#34c75914);border:1px solid #34c7594d;border-radius:12px;margin:24px 0;padding:20px}.effect-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px}.effect-icon{animation:sparkle 2s infinite;font-size:18px}.effect-header span:not(.effect-icon){color:#34c759;font-size:15px;font-weight:600}.effect-comparison{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:0 20px}.effect-after,.effect-before{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.effect-percentage{display:block;font-size:24px;font-weight:700;margin-bottom:4px}.effect-percentage:not(.success){color:#ff6b35}.effect-percentage.success{animation:successGlow 2s infinite alternate;color:#34c759}.effect-label{color:#a0a0a0;font-size:12px;font-weight:500}.effect-arrow{animation:arrowMove 2s infinite;background:#34c759;border-radius:1px;flex-shrink:0;height:2px;margin:0 10px;position:relative;width:60px}.arrow-head{border-bottom:4px solid #0000;border-left:8px solid #34c759;border-top:4px solid #0000;height:0;position:absolute;right:-4px;top:-3px;width:0}.demo-detail-btn{background:linear-gradient(135deg,#ff9500,#ff6b35);border:none;border-radius:12px;box-shadow:0 4px 16px #ff95004d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:24px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.demo-detail-btn:hover{box-shadow:0 8px 24px #ff950080;transform:translateY(-2px)}.btn-glow{animation:btnGlowPulse 3s infinite;background:radial-gradient(circle,#ffffff4d,#0000);border-radius:12px;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);width:100%}@keyframes factorWarningPulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}@keyframes successGlow{0%{text-shadow:0 0 8px #34c75980}to{text-shadow:0 0 16px #34c759}}@keyframes arrowMove{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.2)}}@keyframes btnGlowPulse{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}50%{opacity:.7;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.risk-factors-visual{align-items:center;flex-direction:column;gap:12px;padding:12px}.factor-indicator-visual{justify-content:center;max-width:200px;width:100%}.effect-comparison{flex-direction:column;gap:16px}.effect-arrow{height:40px;transform:rotate(90deg);width:2px}.arrow-head{border:4px solid #0000;border-bottom:none;border-top:8px solid #34c759;right:-3px;top:-4px}}@media (max-width:480px){.risk-factors-visual{gap:8px;padding:10px}.factor-indicator-visual{font-size:12px;padding:6px 10px}.intervention-effect{margin:20px 0;padding:16px}.effect-percentage{font-size:20px}.demo-detail-btn{font-size:14px;margin-top:20px;padding:14px}}.rec-main-content h5{text-align:left!important}.intervention-effect .effect-comparison{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between;padding:0 20px}.intervention-effect .effect-after,.intervention-effect .effect-before{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:center}.intervention-effect .effect-arrow{animation:arrowMove 2s infinite;background:#34c759;border-radius:1px;flex-shrink:0;height:2px;margin:0 10px;position:relative;width:60px}.demo-section-title.compact{background:#ffffff0a;border:none;margin:12px 0 16px;padding:8px 12px}.demo-section-title.compact .section-title-text{color:silver;font-size:14px;font-weight:500;margin-bottom:0}@media (max-width:480px){.intervention-effect .effect-comparison{gap:12px;padding:0 15px}.intervention-effect .effect-arrow{margin:0 8px;width:40px}.demo-section-title.compact{margin:8px 0 12px;padding:6px 10px}.demo-section-title.compact .section-title-text{font-size:13px}}.stage-info-with-action{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-top:8px;width:100%}.stage-info{display:flex;flex:0 0 auto;flex-direction:column;gap:4px}.damage-details-trigger.inline{align-items:center;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:8px;color:#ff6b35;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.damage-details-trigger.inline:hover{background:#ff6b3526;transform:translateY(-1px)}.damage-details-trigger.inline .trigger-icon{font-size:12px}.damage-details-trigger.inline .trigger-text{font-size:11px;font-weight:500}.damage-details-trigger.inline .trigger-arrow{font-size:10px;transition:transform .2s ease}.damage-details-trigger.inline .trigger-arrow.expanded{transform:rotate(180deg)}.risk-factors-section{margin:24px 0}.factors-title{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 16px;text-align:left}@media (max-width:480px){.stage-info-with-action{align-items:flex-start;flex-direction:column;gap:8px}.damage-details-trigger.inline{align-self:flex-end;font-size:11px;padding:5px 10px}.factors-title{font-size:15px;margin-bottom:12px}.vessel-stage-with-action{flex-direction:column;gap:12px;padding:12px 16px}.damage-details-trigger.vessel-side{align-self:center;min-width:120px;padding:10px 14px}.damage-details-trigger.vessel-side .trigger-icon{font-size:14px}.damage-details-trigger.vessel-side .trigger-text{font-size:11px}.damage-details-trigger.vessel-side .trigger-subtext{font-size:9px}}.vessel-stage-final{align-items:center;display:flex;flex-direction:column;gap:12px}.vessel-with-damage-trigger{align-items:center;display:flex;gap:20px;justify-content:center;width:100%}.vessel-with-damage-trigger .vessel-stage{flex:0 0 auto;min-width:120px}.damage-details-trigger.vessel-side{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b3526,#ff95001a);border:2px solid #ff6b3566;border-radius:12px;color:#ff6b35;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:4px;height:fit-content;min-width:80px;padding:12px 16px;transition:all .3s ease}.damage-details-trigger.vessel-side:hover{background:linear-gradient(135deg,#ff6b3540,#ff950026);border-color:#ff6b3599;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.damage-details-trigger.vessel-side .trigger-icon{animation:warningPulse 2s infinite;font-size:16px}.damage-details-trigger.vessel-side .trigger-text{font-size:12px;font-weight:600;text-align:center}.damage-details-trigger.vessel-side .trigger-subtext{font-size:10px;font-weight:400;opacity:.8;text-align:center}.damage-details-trigger.vessel-side .trigger-arrow{font-size:12px;margin-top:2px;transition:transform .3s ease}.damage-details-trigger.vessel-side .trigger-arrow.expanded{transform:rotate(180deg)}@media (max-width:480px){.vessel-with-damage-trigger{align-items:center;flex-direction:column;gap:12px}.damage-details-trigger.vessel-side{min-width:120px;padding:10px 14px}.damage-details-trigger.vessel-side .trigger-icon{font-size:14px}.damage-details-trigger.vessel-side .trigger-text{font-size:11px}.damage-details-trigger.vessel-side .trigger-subtext{font-size:9px}}.vessel-stage-with-trigger{align-items:center;background:#000c;border:2px solid #ff6b6b4d;border-radius:16px;display:flex;gap:24px;justify-content:center;padding:20px;position:relative}.vessel-stage-with-trigger .vessel-demo{flex:0 0 auto;height:80px;width:120px}.damage-details-trigger.right-side{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b3533,#ff95001a);border:2px solid #ff6b3580;border-radius:12px;color:#ff6b35;cursor:pointer;display:flex;flex-shrink:0;gap:8px;height:fit-content;min-width:100px;padding:12px 16px;transition:all .3s ease}.damage-details-trigger.right-side:hover{background:linear-gradient(135deg,#ff6b354d,#ff950033);border-color:#ff6b35b3;box-shadow:0 4px 16px #ff6b3566;transform:translateY(-2px)}.damage-details-trigger.right-side .trigger-icon{animation:warningPulse 2s infinite;flex-shrink:0;font-size:18px}.damage-details-trigger.right-side .trigger-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.damage-details-trigger.right-side .trigger-text{font-size:12px;font-weight:600;line-height:1.2}.damage-details-trigger.right-side .trigger-subtext{font-size:10px;font-weight:400;line-height:1.2;opacity:.8}.damage-details-trigger.right-side .trigger-arrow{flex-shrink:0;font-size:14px;transition:transform .3s ease}.damage-details-trigger.right-side .trigger-arrow.expanded{transform:rotate(180deg)}@media (max-width:480px){.vessel-stage-with-trigger{flex-direction:column;gap:16px;padding:16px}.damage-details-trigger.right-side{justify-content:center;min-width:140px;padding:10px 12px}.damage-details-trigger.right-side .trigger-icon{font-size:16px}.damage-details-trigger.right-side .trigger-text{font-size:11px}.damage-details-trigger.right-side .trigger-subtext{font-size:9px}}.damage-trigger-section{display:flex;justify-content:center;margin:16px 0 24px}.damage-details-trigger.below-vessel{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff6b3526,#ff95001a);border:2px solid #ff6b3566;border-radius:12px;color:#ff6b35;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.damage-details-trigger.below-vessel:hover{background:linear-gradient(135deg,#ff6b3540,#ff950026);border-color:#ff6b3599;box-shadow:0 4px 16px #ff6b354d;transform:translateY(-2px)}.damage-details-trigger.below-vessel .trigger-icon{animation:warningPulse 2s infinite;font-size:16px}.damage-details-trigger.below-vessel .trigger-text{flex:1 1;text-align:center}.damage-details-trigger.below-vessel .trigger-arrow{font-size:12px;transition:transform .3s ease}.damage-details-trigger.below-vessel .trigger-arrow.expanded{transform:rotate(180deg)}@media (max-width:480px){.damage-trigger-section{margin:12px 0 20px}.damage-details-trigger.below-vessel{font-size:12px;padding:10px 16px}.damage-details-trigger.below-vessel .trigger-icon{font-size:14px}}.health-summary-card .card-header{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;margin-bottom:20px!important;padding-bottom:12px!important;position:relative}.health-summary-card .card-header h3{color:#1d1d1f;font-size:18px!important;font-weight:600!important;letter-spacing:-.3px;line-height:1.3;margin:0}.health-summary-card .update-time{background:#8e8e931a;border-radius:6px;color:#8e8e93;font-size:11px!important;font-weight:500;padding:3px 8px;white-space:nowrap}@media (max-width:480px){.health-summary-card .card-header{margin-bottom:16px!important;padding-bottom:10px!important}.health-summary-card .card-header h3{font-size:16px!important;font-weight:600!important}.health-summary-card .update-time{font-size:10px!important;padding:2px 6px}}.health-guide-section{background:linear-gradient(135deg,#34c7590d,#007aff08);border:1px solid #34c7591a;border-radius:16px;margin-top:24px;overflow:hidden;padding:24px;position:relative}.health-guide-section:before{background:linear-gradient(90deg,#34c759,#007aff);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.guide-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:20px}.guide-icon{animation:gentle-pulse 3s infinite}@keyframes gentle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.guide-text p{color:#6b7280}.guide-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.guide-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.guide-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.guide-btn:hover:before{left:100%}.guide-btn.primary{background:linear-gradient(135deg,#34c759,#28a745);box-shadow:0 4px 12px #34c75933;color:#fff}.guide-btn.primary:hover{background:linear-gradient(135deg,#28a745,#20c240);box-shadow:0 8px 24px #34c7594d;transform:translateY(-2px)}.guide-btn.secondary{background:linear-gradient(135deg,#007aff,#005ce6);box-shadow:0 4px 12px #007aff33;color:#fff}.guide-btn.secondary:hover{background:linear-gradient(135deg,#005ce6,#004fcf);box-shadow:0 8px 24px #007aff4d;transform:translateY(-2px)}.guide-btn:active{transform:translateY(0);transition:all .1s ease}.btn-icon{flex-shrink:0;font-size:20px;opacity:.9}.btn-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.btn-title{font-size:14px;font-weight:600;line-height:1.2}.btn-desc{font-size:11px;line-height:1.3;opacity:.8}@media (max-width:480px){.health-guide-section{margin-top:20px;padding:20px}.guide-header{gap:10px;margin-bottom:16px}.guide-icon{font-size:20px}.guide-text h4{font-size:15px}.guide-text p{font-size:12px}.guide-actions{gap:12px;grid-template-columns:1fr}.guide-btn{gap:10px;padding:14px 16px}.btn-icon{font-size:18px}.btn-title{font-size:13px}.btn-desc{font-size:10px}}.vessel-risk-demo{padding:16px 14px}.vessel-risk-demo .demo-title{font-size:16px;font-weight:600}.vessel-risk-demo .percentage-number{font-size:24px;font-weight:700}.vessel-risk-demo .percentage-label{font-size:12px;font-weight:500}.vessel-risk-demo .section-title-text{font-size:14px;font-weight:600}.vessel-risk-demo .stage-title{font-size:12px;font-weight:600}.vessel-risk-demo .stage-risk{font-size:14px;font-weight:700}.vessel-risk-demo .interventions-title{font-size:14px;font-weight:600}.vessel-risk-demo .intervention-tag{font-size:11px;font-weight:500}.vessel-risk-demo .details-button{font-size:12px;font-weight:600}.vessel-risk-demo .damage-details h5{font-size:13px;font-weight:600}.vessel-risk-demo .damage-details p{font-size:12px;line-height:1.4}@media (max-width:768px){.vessel-risk-demo{padding:14px 12px}.vessel-risk-demo .demo-title{font-size:15px}.vessel-risk-demo .percentage-number{font-size:22px}.vessel-risk-demo .percentage-label{font-size:11px}.vessel-risk-demo .section-title-text{font-size:13px}.vessel-risk-demo .stage-title{font-size:11px}.vessel-risk-demo .stage-risk{font-size:13px}.vessel-risk-demo .intervention-tag{font-size:10px;padding:3px 6px}.vessel-risk-demo .damage-details h5{font-size:12px}.vessel-risk-demo .damage-details p{font-size:11px;line-height:1.3}}@media (max-width:480px){.vessel-risk-demo{padding:12px 10px}.vessel-risk-demo .demo-title{font-size:14px}.vessel-risk-demo .percentage-number{font-size:20px}.vessel-risk-demo .percentage-label{font-size:10px}.vessel-risk-demo .section-title-text{font-size:12px}.vessel-risk-demo .stage-title{font-size:10px}.vessel-risk-demo .stage-risk{font-size:12px}.vessel-risk-demo .details-button{font-size:11px;padding:6px 12px}.vessel-risk-demo .intervention-tag{font-size:9px;padding:2px 5px}.vessel-risk-demo .damage-details h5{font-size:11px}.vessel-risk-demo .damage-details p{font-size:10px;line-height:1.2}}.health-guide-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 16px #0000000a,0 1px 4px #00000005;margin:16px 4px 120px;overflow:hidden;padding:20px 12px;position:relative}.guide-content{align-items:center;display:flex;gap:16px;text-align:left}.guide-icon{flex-shrink:0;font-size:24px}.guide-text{flex:1 1}.guide-text h4{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 4px}.guide-text p{color:#6d6d70;font-size:13px;letter-spacing:-.1px;line-height:1.4;margin:0}@media (max-width:768px){.health-guide-card{margin:12px 2px 100px;padding:16px 8px}.guide-content{gap:12px}.guide-icon{font-size:20px}.guide-text h4{font-size:15px}.guide-text p{font-size:12px}}@media (max-width:480px){.health-guide-card{border-radius:12px;margin:10px 1px 80px;padding:14px 6px}.guide-content{gap:10px}.guide-icon{font-size:18px}.guide-text h4{font-size:14px}.guide-text p{font-size:11px}}.body-overview-container{background:#f2f2f7;display:flex;justify-content:center;min-height:100vh;padding:16px}.body-overview-content{background:#fff;border:.5px solid #0000000d;border-radius:16px;box-shadow:0 1px 3px #0000001a;max-width:100%;padding:20px;width:100%}.body-nav{border-bottom:.5px solid #e5e5ea;margin-bottom:20px;padding-bottom:12px}.back-button,.body-nav{align-items:center;display:flex}.back-button{background:#f2f2f7;border:none;border-radius:8px;color:#007aff;cursor:pointer;font-size:16px;font-weight:500;gap:6px;padding:8px 12px}.back-button:hover{background:#e5e5ea}.back-icon{font-size:16px;font-weight:600}.body-title{color:#1d1d1f;flex:1 1;font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0;text-align:center}.systems-header{margin-bottom:24px;text-align:center}.systems-title{background:#34c759;border-radius:20px;color:#fff;display:inline-block;font-size:16px;font-weight:600;letter-spacing:-.2px;padding:8px 20px}.nine-grid-container{grid-gap:8px;aspect-ratio:1;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);margin-bottom:24px;width:100%}.system-card{background:#f9f9f9;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:space-between;min-height:auto;padding:12px;position:relative;width:100%}.system-card:first-child{grid-column:1;grid-row:1}.system-card:nth-child(2){grid-column:2;grid-row:1}.system-card:nth-child(3){grid-column:3;grid-row:1}.system-card:nth-child(4){grid-column:1;grid-row:2}.system-card:nth-child(5){grid-column:2;grid-row:2}.system-card:nth-child(6){grid-column:3;grid-row:2}.system-card:nth-child(7){grid-column:1;grid-row:3}.system-card:nth-child(8){grid-column:2;grid-row:3}.system-card:nth-child(9){grid-column:3;grid-row:3}.system-card.normal{background:#f0f9f0;border:1px solid #34c759}.system-card.caution{background:#fff8e6;border:1px solid #ff9500}.system-card.danger,.system-card.warning{background:#fff0f0;border:1px solid #ff3b30}.system-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.system-name{color:#1d1d1f;font-size:12px;font-weight:600;letter-spacing:-.2px;line-height:1.2;margin:0}.status-icon{font-size:16px;line-height:1}.system-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-bottom:8px}.issue-list{list-style:none;margin:0;padding:0}.issue-item{color:#8e8e93;font-size:10px;line-height:1.3;margin-bottom:2px}.issue-item:before{color:#8e8e93;content:"• "}.normal-status{align-items:center;display:flex;flex:1 1;justify-content:center}.thumbs-up{font-size:20px;opacity:.6}.risk-level-tag{border-radius:6px;bottom:8px;font-size:8px;font-weight:600;letter-spacing:.2px;padding:2px 6px;position:absolute;right:8px;text-transform:uppercase}.system-card.normal .risk-level-tag{background:#34c759;color:#fff}.system-card.caution .risk-level-tag{background:#ff9500;color:#fff}.system-card.danger .risk-level-tag,.system-card.warning .risk-level-tag{background:#ff3b30;color:#fff}.legend-container{background:#f9f9f9;border-radius:12px;display:flex;gap:12px;justify-content:space-around;margin-bottom:20px;padding:12px}.legend-item{align-items:center;display:flex;gap:4px}.legend-color{border-radius:50%;flex-shrink:0;height:8px;width:8px}.legend-color.normal{background:#34c759}.legend-color.caution{background:#ff9500}.legend-color.danger,.legend-color.warning{background:#ff3b30}.legend-text{color:#8e8e93;font-size:10px;font-weight:500}.health-summary{background:#f9f9f9;border-radius:12px;display:flex;gap:8px;justify-content:space-around;padding:16px}.summary-item{flex:1 1;text-align:center}.summary-number{font-feature-settings:"tnum";font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;margin-bottom:4px}.summary-number.normal{color:#34c759}.summary-number.caution{color:#ff9500}.summary-number.danger,.summary-number.warning{color:#ff3b30}.summary-label{color:#8e8e93;font-size:10px;font-weight:500;letter-spacing:-.1px}.health-data-section{margin:20px 0;padding:0}.health-data-tabs{background:#f2f2f7;border-radius:12px;display:flex;gap:2px;margin-bottom:20px;padding:4px}.health-tab{background:#0000;border:none;border-radius:8px;color:#8e8e93;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.health-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1d1d1f;font-weight:600}.consultation-records{display:flex;flex-direction:column;gap:12px}.consultation-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:18px}.consultation-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.consultation-date{color:#1d1d1f;font-size:15px;font-weight:600;text-align:left}.consultation-doctor{color:#8e8e93;font-size:14px;font-weight:500}.consultation-content,.consultation-summary{display:flex;flex-direction:column}.consultation-summary{gap:8px}.diagnosis-text{color:#1d1d1f;font-size:14px;font-weight:600;line-height:1.4;text-align:left}.advice-brief{color:#8e8e93;font-size:13px;line-height:1.3;text-align:left}.health-history-categories{display:flex;flex-direction:column;gap:16px}.history-category{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.history-category-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:14px 16px}.category-title{align-items:center;display:flex;gap:10px}.category-icon-large{font-size:20px}.category-name-large{color:#1d1d1f;font-size:16px;font-weight:600;text-align:left}.category-count-badge{background:#007aff;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.history-items{padding:0}.history-item-card{border-bottom:1px solid #f2f2f7;display:flex;flex-direction:column;gap:8px;padding:16px}.history-item-card:last-child{border-bottom:none}.history-item-header{align-items:flex-start;display:flex;justify-content:space-between}.history-item-title{color:#1d1d1f;flex:1 1;font-size:15px;font-weight:600;text-align:left}.history-item-date{color:#8e8e93;font-size:12px;font-weight:500}.history-item-description{color:#3a3a3c;font-size:13px;line-height:1.4;text-align:left}.history-item-status{align-self:flex-start;border-radius:10px;font-size:11px;font-weight:600;padding:4px 8px;text-align:left}.medical-records-container{display:flex;flex-direction:column;gap:16px}.bottom-add-section{border-top:1px solid #f2f2f7;margin-bottom:130px;margin-top:4px;padding:16px;text-align:center}.bottom-add-btn{align-items:center;background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto 8px;padding:12px 24px;transition:all .2s ease}.bottom-add-btn:hover{background:#0056cc;transform:translateY(-1px)}.add-icon{font-size:16px;font-weight:300}.add-subtitle{color:#8e8e93;font-size:12px;font-weight:400;margin:0}.medical-records{display:flex;flex-direction:column;gap:16px}.medical-category{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.medical-category-header{align-items:center;background:#f8f8f8;border-bottom:1px solid #e5e5ea;display:flex;justify-content:space-between;padding:12px 18px}.medical-category-title{align-items:center;color:#1d1d1f;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0;text-align:left}.category-name{flex:1 1;text-align:left}.category-count{color:#8e8e93;font-weight:500;margin-left:4px}.category-icon{font-size:16px}.category-toggle-btn{align-items:center;background:#007aff;border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;transition:all .2s ease}.category-toggle-btn:hover{background:#0056cc}.toggle-icon{font-size:10px;transition:transform .2s ease}.medical-items{padding:0}.medical-item{border-bottom:1px solid #f2f2f7;padding:14px 16px}.medical-item:last-child{border-bottom:none}.medical-item-content{align-items:center;display:flex;gap:12px}.medical-thumbnail{flex-shrink:0;position:relative}.report-image{background:#f8f8f8;border:1px solid #e5e5ea;border-radius:8px;height:50px;object-fit:cover;width:50px}.file-type-badge{background:#007aff;border-radius:4px;color:#fff;font-size:8px;font-weight:600;line-height:1;padding:2px 4px;position:absolute;right:-4px;top:-4px}.medical-details{display:flex;flex:1 1;flex-direction:column;gap:6px}.medical-info-row{align-items:center;display:flex;justify-content:space-between}.medical-name{color:#1d1d1f;font-size:14px;font-weight:600;text-align:left}.medical-status-badge{border-radius:10px;font-size:11px;font-weight:600;padding:3px 8px}.medical-meta{display:flex;flex-direction:column;gap:2px}.medical-date,.medical-hospital{align-items:center;color:#8e8e93;display:flex;font-size:12px;gap:4px}.medication-records{display:flex;flex-direction:column;gap:12px}@media (max-width:768px){.health-data-section{margin:16px 0}.health-data-tabs{margin-bottom:16px}.health-tab{font-size:12px;padding:6px 10px}.consultation-card,.history-category,.medical-category{padding:14px}.history-item-card,.medical-item{padding:12px 14px}.report-image{height:45px;width:45px}.history-category-header,.medical-category-header{padding:10px 14px}.category-toggle-btn{font-size:11px;padding:3px 10px}.category-icon-large{font-size:18px}.category-name-large{font-size:15px}.bottom-add-section{margin-bottom:140px;margin-top:2px;padding:12px}.bottom-add-btn{font-size:13px;padding:10px 20px}.add-icon{font-size:14px}.add-subtitle{font-size:11px}.med-dosage-row{align-items:flex-start;flex-direction:column;gap:4px}.consultation-card{padding:16px}.medical-category-header{padding:10px 16px}}@media (max-width:480px){.consultation-card{padding:14px}.medical-category-header{padding:8px 14px}}@media (max-width:768px){.health-data-section{margin:16px 0}.health-data-tabs{margin-bottom:16px;padding:3px}.health-tab{font-size:12px;overflow:hidden;padding:6px 8px;text-overflow:ellipsis;white-space:nowrap}.consultation-card,.history-category,.medical-category{padding:14px}.history-item-card,.medical-item{padding:12px 14px}.report-image{height:45px;width:45px}.history-category-header,.medical-category-header{padding:10px 14px}.category-toggle-btn{font-size:11px;padding:3px 10px}.category-icon-large{font-size:18px}.category-name-large{font-size:15px}.bottom-add-section{margin-bottom:140px;margin-top:2px;padding:12px}.bottom-add-btn{font-size:13px;padding:10px 20px}.add-icon{font-size:14px}.add-subtitle{font-size:11px}.med-dosage-row{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.health-data-tabs{gap:1px;padding:2px}.health-tab{flex:1 1;font-size:11px;min-width:0;padding:5px 6px}}.ios-medication-section{display:flex;flex-direction:column;gap:20px}.ios-actions-bar{background:#fff;border:.5px solid #d1d1d6;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.ios-action-item{align-items:center;border-bottom:.5px solid #d1d1d6;cursor:pointer;display:flex;padding:16px;transition:background-color .15s ease}.ios-action-item:last-child{border-bottom:none}.ios-action-item:hover{background-color:#f8f9fa}.ios-action-item:active{background-color:#f0f0f0}.ios-action-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.ios-action-title{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.3px}.ios-action-subtitle{color:#8e8e93;font-size:13px;font-weight:400;letter-spacing:-.1px}.ios-action-arrow{margin-left:8px;opacity:.6}.ios-medication-list{display:flex;flex-direction:column;gap:12px}.ios-medication-card{background:#fff;border:.5px solid #d1d1d6;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:16px;transition:box-shadow .15s ease}.ios-medication-card:hover{box-shadow:0 2px 8px #00000014}.ios-med-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.ios-med-main{flex:1 1}.ios-med-title-row{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.ios-med-name{color:#1d1d1f;font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.3}.ios-med-spec{color:#8e8e93;font-size:13px;font-weight:400;letter-spacing:-.1px}.ios-med-badge{border-radius:12px;flex-shrink:0;font-size:12px;font-weight:600;letter-spacing:-.1px;padding:4px 10px}.ios-med-details{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.ios-med-dosage,.ios-med-duration{align-items:baseline;display:flex;gap:8px}.ios-dosage-label,.ios-duration-label{color:#8e8e93;font-size:13px;font-weight:500;letter-spacing:-.1px;min-width:60px}.ios-dosage-text,.ios-duration-text{color:#1d1d1f;font-size:15px;font-weight:500;letter-spacing:-.2px}.ios-med-warning{align-items:flex-start;background:#fff8f0;border:.5px solid #ffeaa7;border-radius:8px;display:flex;gap:6px;padding:8px 12px}.ios-warning-icon{font-size:14px;margin-top:1px}.ios-warning-text{color:#ff9500;font-size:13px;font-weight:500;letter-spacing:-.1px;line-height:1.4}.medication-services{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.services-header{margin-bottom:20px;text-align:center}.services-header h4{color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 6px}.services-header p{color:#8e8e93;font-size:14px;font-weight:400;margin:0}.service-cards{display:flex;flex-direction:column;gap:12px}.service-card{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.service-card:hover{background:#f0f9ff;border-color:#007aff;box-shadow:0 2px 8px #007aff1a;transform:translateY(-1px)}.service-icon{align-items:center;background:#fff;border-radius:8px;display:flex;flex-shrink:0;font-size:24px;height:40px;justify-content:center;width:40px}.service-content{flex:1 1}.service-content h5{color:#1d1d1f;font-size:16px;font-weight:600;letter-spacing:-.2px;margin:0 0 4px}.service-content p{color:#666;font-size:13px;line-height:1.4;margin:0}.service-action{flex-shrink:0}.service-btn{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:-.1px;padding:8px 16px;transition:all .2s ease}.service-btn:hover{background:#0056d3;transform:scale(1.02)}.service-btn:active{transform:scale(.98)}@media (max-width:768px){.ios-medication-section{gap:16px}.ios-action-item{padding:14px}.ios-action-title{font-size:15px}.ios-action-subtitle{font-size:12px}.ios-medication-card{padding:14px}.ios-med-name{font-size:16px}.ios-med-spec{font-size:12px}.ios-med-badge{font-size:11px;padding:3px 8px}.ios-dosage-text,.ios-duration-text{font-size:14px}.ios-dosage-label,.ios-duration-label{font-size:12px;min-width:50px}.ios-warning-text{font-size:12px}.medication-services{padding:16px}.service-card{gap:10px;padding:14px}.service-icon{font-size:20px;height:36px;width:36px}.service-content h5{font-size:15px}.service-btn,.service-content p{font-size:12px}.service-btn{padding:6px 12px}}@media (max-width:480px){.ios-medication-section{gap:12px}.ios-action-item{padding:12px}.ios-action-title{font-size:14px}.ios-action-subtitle{font-size:11px}.ios-medication-card{padding:12px}.ios-med-header{margin-bottom:12px}.ios-med-name{font-size:15px}.ios-med-spec{font-size:11px}.ios-med-badge{font-size:10px;padding:2px 6px}.ios-med-details{gap:8px;margin-bottom:10px}.ios-dosage-text,.ios-duration-text{font-size:13px}.ios-dosage-label,.ios-duration-label{font-size:11px;min-width:45px}.ios-warning-text{font-size:11px}.medication-services{padding:14px}.services-header h4{font-size:16px}.services-header p{font-size:13px}.service-card{gap:8px;padding:12px}.service-icon{font-size:18px;height:32px;width:32px}.service-content h5{font-size:14px;line-height:1.3}.service-btn,.service-content p{font-size:11px}.service-btn{padding:5px 10px}}.chat-container{background:#f8f9fa;display:flex;flex-direction:column;min-height:100vh}.tab-navigation{border-bottom:.5px solid #e5e5ea;padding:0;position:sticky;top:0;z-index:100}.tab-container{gap:40px;height:44px;margin:0 auto;max-width:400px}.tab-button,.tab-container{align-items:center;display:flex;justify-content:center}.tab-button{background:none;border:none;color:#8e8e93;cursor:pointer;font-size:16px;font-weight:400;height:100%;min-width:120px;padding:0 20px;position:relative;transition:color .2s ease;white-space:nowrap}.tab-button.active{color:#007aff;font-weight:500}.tab-button.active:after{background:#007aff;border-radius:1px;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.tab-button:hover:not(.active){color:#007aff}.chat-content{flex:1 1;overflow-y:auto;padding:20px 6px 160px}.messages-container{margin-bottom:20px}.message{display:flex;flex-direction:column;margin-bottom:16px}.message.ai{align-items:flex-start}.message.user{align-items:flex-end}.message-content{border-radius:18px;font-size:16px;letter-spacing:-.1px;line-height:1.5;max-width:85%;padding:14px 18px}.message.ai .message-content{background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 4px #0000001a;color:#1d1d1f}.message.user .message-content{background:#007aff;border-bottom-right-radius:6px;color:#fff}.message-time{color:#8e8e93;font-size:12px;font-weight:400;margin-top:4px;padding:0 18px}.records-content{min-height:400px}.chat-health-data{margin:0;padding:0}.chat-health-data .health-data-tabs{background:#f8f8f8;border:1px solid #e5e5ea;margin-bottom:24px}.chat-health-data .health-tab{color:#8e8e93;font-size:14px;padding:10px 16px}.chat-health-data .health-tab.active{background:#fff;color:#1d1d1f;font-weight:600}.chat-health-data .consultation-card,.chat-health-data .history-card,.chat-health-data .medical-category,.chat-health-data .medication-card{box-shadow:0 2px 8px #00000014;margin-bottom:16px}.bottom-toolbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #0000000d;bottom:0;left:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.toolbar-container-new{display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:600px}.voice-button-new{background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:-.2px;overflow:hidden;padding:16px 20px;position:relative;transition:background-color .2s ease;width:100%}.voice-button-new:active{transform:scale(.98)}.voice-button-new.recording{background:#ff3b30}.voice-text-new{position:relative;z-index:2}.recording-animation-new{animation:pulseSimple 1s ease-in-out infinite;background:#ffffff4d;border-radius:50%;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes pulseSimple{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.5)}}.tool-buttons-new{display:flex;gap:16px;justify-content:flex-end;padding:0 8px}.tool-button-new{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:48px;padding:8px 12px;transition:opacity .2s ease}.tool-button-new:active{opacity:.6}.tool-icon-new{font-size:20px;line-height:1}.tool-label-new{color:#8e8e93;font-size:11px;font-weight:500;letter-spacing:-.1px}.text-input-overlay{align-items:center;animation:slideUpSimple .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;bottom:0;display:flex;gap:12px;left:0;padding:12px 20px;position:absolute;right:0;top:0}@keyframes slideUpSimple{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.input-wrapper{align-items:center;display:flex;flex:1 1;gap:8px}.chat-input{background:#0000000d;border:1px solid #0000001a;border-radius:20px;color:#1d1d1f;flex:1 1;font-size:16px;outline:none;padding:12px 16px;transition:border-color .2s ease}.chat-input:focus{background:#fff;border-color:#007aff}.send-button{background:#007aff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 18px;transition:opacity .2s ease}.send-button:active{opacity:.8}.send-button:disabled{background:#8e8e93;cursor:not-allowed}.close-input-button{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#8e8e93;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:opacity .2s ease;width:36px}.close-input-button:active{opacity:.6}@media (max-width:768px){.chat-content{padding:16px 8px 180px}}@media (max-width:480px){.chat-content{padding:12px 4px 180px}.tab-container{gap:20px;max-width:100%;padding:0 8px}.tab-button{flex:1 1;font-size:14px;min-width:70px;padding:0 8px}.tab-button.active:after{width:40%}}@media (max-width:375px){.tab-container{gap:12px;padding:0 4px}.tab-button{font-size:13px;min-width:60px;padding:0 6px}}.risk-info-page{background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.risk-info-header{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#fffffff2;border-bottom:.5px solid #0000000d;padding:8px 20px 12px;position:sticky;top:0;z-index:100}.header-nav{margin-bottom:8px}.back-btn{font-size:17px;font-weight:400;gap:4px}.back-btn:hover{opacity:.6}.back-icon{font-weight:300}.header-titles{text-align:center}.info-title{color:#1d1d1f;font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 1px}.info-subtitle{color:#8e8e93;font-size:13px;font-weight:400;line-height:1.3;margin:0}.inline-animation{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #0000000f;border-radius:16px;box-shadow:0 2px 12px #0000000f;margin:20px 0;padding:20px}.animation-header{margin-bottom:16px;text-align:center}.animation-title{color:#1d1d1f;font-size:18px;font-weight:600;margin:0 0 4px}.animation-subtitle{color:#8e8e93;font-size:14px;font-weight:400;margin:0}.inline-animation .blood-flow-container{background:#0000;border:none;box-shadow:none;padding:16px 0}.inline-animation .vessel-wrapper{margin-bottom:16px}.inline-animation .blood-vessel{border-radius:30px;height:60px;width:280px}.inline-animation .plaque-buildup{border-radius:22px;height:44px;left:60px;top:8px;width:80px}.inline-animation .animation-description{background:#fffc;border:1px solid #0000000d;border-radius:12px;padding:16px}.risk-assessment-card{background:linear-gradient(135deg,#ff950008,#ff950003);border:1px solid #ff95001a;border-radius:16px;box-shadow:0 2px 12px #ff950014;margin:0 20px 24px;padding:24px}.risk-header-clean{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.risk-badge-clean{align-items:center;background:#ff95001a;border:1px solid #ff950033;border-radius:20px;display:flex;gap:8px;padding:8px 16px}.badge-dot{animation:gentlePulse 2s infinite;background:#ff9500;border-radius:50%;height:8px;width:8px}.badge-text{color:#e4700a;font-size:15px;font-weight:600}.assessment-subtitle-clean{color:#8e8e93;font-size:13px;font-weight:500}.risk-core-data{background:#fff;border:1px solid #0000000d;border-radius:12px;margin-bottom:24px;padding:20px 0;text-align:center}.main-risk-score{margin-bottom:12px}.score-number{color:#ff9500;display:block;font-size:48px;font-weight:700;line-height:1}.score-period{color:#3a3a3c;display:block;font-size:16px;font-weight:600;margin-top:4px}.risk-explanation{color:#6d6d70;font-size:14px;line-height:1.4;margin:0;padding:0 20px}.status-comparison{align-items:center;background:#f7f7f7cc;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px}.status-item{flex:1 1;text-align:center}.status-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.status-label{color:#8e8e93;font-size:12px;font-weight:500}.status-indicator{border-radius:8px;font-size:13px;font-weight:600;padding:4px 8px}.status-indicator.warning{background:#ff95001a;color:#e4700a}.status-indicator.success{background:#34c7591a;color:#34c759}.status-value{color:#1d1d1f;font-size:16px;font-weight:700}.comparison-arrow{color:#8e8e93;flex-shrink:0;font-size:20px;font-weight:700}.improvement-tip{align-items:center;background:linear-gradient(135deg,#34c75914,#34c7590a);border:1px solid #34c75933;border-radius:12px;display:flex;gap:12px;padding:16px}.tip-icon{flex-shrink:0;font-size:18px}.tip-text{color:#34c759;font-size:14px;font-weight:600;line-height:1.3}@keyframes gentlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.assessment-section{padding:16px 20px}.risk-assessment-card{background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px}.assessment-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.assessment-title-section{display:flex;flex-direction:column;gap:2px}.assessment-title{color:#1d1d1f;font-size:18px;font-weight:600}.assessment-subtitle{color:#8e8e93;font-size:13px;font-weight:400}.risk-badge{border-radius:16px;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;padding:6px 12px}.risk-badge.medium{background:linear-gradient(135deg,#ff9500,#ff6b35)}.risk-score-display{align-items:center;display:flex;gap:20px}.score-section{gap:16px}.score-circle,.score-section{align-items:center;display:flex;flex-shrink:0}.score-circle{background:linear-gradient(135deg,#ff9500,#ff6b35);border-radius:50%;color:#fff;flex-direction:column;height:70px;justify-content:center;width:70px}.score-value{font-size:20px;font-weight:700;line-height:1}.score-label{font-size:11px;font-weight:500;margin-top:2px;opacity:.9}.score-breakdown{gap:8px}.breakdown-item,.score-breakdown{display:flex;flex-direction:column}.breakdown-item{background:#f8f9fa;border-radius:8px;gap:2px;min-width:80px;padding:8px 12px}.breakdown-label{color:#8e8e93;font-size:11px;font-weight:500}.breakdown-value{font-size:14px;font-weight:600}.breakdown-value.high{color:#ff9500}.breakdown-value.low{color:#34c759}.score-description{display:flex;flex:1 1;flex-direction:column;gap:12px}.score-description p{color:#3a3a3c;font-size:15px;line-height:1.4;margin:0}.improvement-highlight{align-items:center;background:#34c75914;border:1px solid #34c75926;border-radius:8px;display:flex;gap:8px;padding:10px 12px}.highlight-icon{font-size:14px;line-height:1}.improvement-note{color:#34c759!important;font-size:14px;font-weight:500;margin:0}.animation-section{padding:0 20px 24px}.section-header{margin-bottom:20px;text-align:center}.section-title{font-size:24px;font-weight:700;margin:0 0 6px}.section-subtitle{color:#8e8e93;font-size:16px;font-weight:400;margin:0}.blood-flow-container{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #0000000f;border-radius:20px;box-shadow:0 4px 20px #00000014;padding:28px}.vessel-wrapper{align-items:center;display:flex;flex-direction:column;gap:24px;margin-bottom:28px}.blood-vessel{background:linear-gradient(90deg,#ff6b6b,#ee5a24);border-radius:35px;box-shadow:0 4px 16px #ff6b6b4d;height:70px;overflow:hidden;position:relative;width:320px}.blood-vessel.high{background:linear-gradient(90deg,#ff6b6b,#c0392b)}.vessel-wall{border:4px solid #d63031;border-radius:35px;bottom:0;left:0;position:absolute;right:0;top:0}.plaque-buildup{animation:plaqueGrow 3s ease-in-out infinite;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:25px;box-shadow:0 2px 8px #fdcb6e66;height:50px;left:70px;opacity:0;position:absolute;top:10px;width:90px}.blood-vessel.high .plaque-buildup{opacity:.95}.blood-flow{height:24px;left:0;overflow:hidden;right:0}.blood-cell,.blood-flow{position:absolute;top:50%;transform:translateY(-50%)}.blood-cell{background:radial-gradient(circle,#fff,#f0f0f0);border-radius:50%;box-shadow:0 1px 3px #0003;height:14px;opacity:.9;width:14px}.blood-vessel:not(.high) .blood-cell{animation:bloodFlow 2s linear infinite}.blood-vessel.high .blood-cell{animation:bloodFlowBlocked 4s linear infinite}.blood-cell.cell-1{animation-delay:0s}.blood-cell.cell-2{animation-delay:.5s}.blood-cell.cell-3{animation-delay:1s}.blood-cell.cell-4{animation-delay:1.5s}.flow-indicator{display:flex;justify-content:center}.flow-speed{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:25px;font-size:15px;font-weight:600;padding:10px 20px}.flow-speed.normal{background:#34c75926;border:1px solid #34c7594d;color:#34c759}.flow-speed.high{background:#ff3b3026;border:1px solid #ff3b304d;color:#ff3b30}.animation-description{background:#f8f9fa;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:20px}.desc-item{align-items:center;color:#3a3a3c;display:flex;font-size:15px;font-weight:500;gap:16px}.desc-icon{border-radius:50%;box-shadow:0 1px 3px #0003;flex-shrink:0;height:20px;width:20px}.desc-icon.normal{background:radial-gradient(circle,#34c759,#2dd653)}.desc-icon.blocked{background:radial-gradient(circle,#ff3b30,#ff6b5a)}.tab-navigation{background:#fff;border:1px solid #0000000f;border-radius:20px;box-shadow:0 2px 12px #00000014;display:flex;margin:0 20px 4px;padding:6px}.tab-btn{background:none;border:none;border-radius:16px;color:#8e8e93;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;position:relative;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 2px 8px #007aff4d;color:#fff;transform:none}.tab-btn:not(.active):hover{background:#007aff14;color:#007aff;transform:translateY(-1px)}.risk-info-content{margin:0;max-width:none;padding:20px;width:100%}.info-section{background:#fff;border:.5px solid #0000000a;border-radius:16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:24px}.info-section .section-title{color:#1d1d1f;font-size:20px;font-weight:600;line-height:1.3;margin:0 0 12px}.section-content{font-size:16px;margin:0 0 16px}.section-detail{background:#007aff0d;border-radius:12px;margin:16px 0;padding:16px}.section-detail p{color:#1d1d1f;font-size:15px;line-height:1.4;margin:0}.factors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.factor-card{background:#f8f9fa;border-left:4px solid #34c759;border-radius:12px;padding:16px}.factor-card.high{background:#ff3b300d;border-left-color:#ff3b30}.factor-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.factor-label{color:#1d1d1f;font-size:15px;font-weight:500}.factor-status{border-radius:8px;font-size:12px;font-weight:600;padding:4px 8px}.factor-status.normal{background:#34c7591a;color:#34c759}.factor-status.high{background:#ff3b301a;color:#ff3b30}.factor-values{display:flex;flex-direction:column;gap:4px}.current-value{color:#1d1d1f;font-size:18px;font-weight:600}.target-value{color:#8e8e93;font-size:13px}.actions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.action-card{align-items:flex-start;background:#f8f9fa;border-radius:12px;display:flex;gap:12px;padding:16px;transition:transform .2s ease}.action-card:hover{transform:translateY(-2px)}.action-icon{flex-shrink:0;font-size:24px;line-height:1}.action-content{flex:1 1}.action-title{color:#1d1d1f;font-size:16px;font-weight:600;margin:0 0 4px}.action-desc{color:#8e8e93;font-size:14px;line-height:1.3;margin:0}.treatments-list{margin-top:16px}.treatment-item{background:#f8f9fa;border-left:4px solid #8e8e93;border-radius:12px;margin-bottom:8px;padding:16px}.treatment-item.recommended{background:#007aff0d;border-left-color:#007aff}.treatment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.treatment-title{color:#1d1d1f;font-size:16px;font-weight:600;margin:0}.recommended-badge{background:#007aff;border-radius:8px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.treatment-desc{color:#8e8e93;font-size:14px;line-height:1.4;margin:0}.nodule-info{margin-top:16px}.nodule-detail{grid-gap:12px;background:#f8f9fa;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{color:#8e8e93;font-size:13px;font-weight:500}.detail-item .value{color:#1d1d1f;font-size:16px;font-weight:600}.detail-item .value.risk-low{color:#34c759}.detail-item .value.risk-high{color:#ff3b30}.schedule-timeline{margin-top:16px}.timeline-item{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px;position:relative}.timeline-item:not(:last-child):after{background:#007aff33;bottom:-20px;content:"";left:6px;position:absolute;top:16px;width:2px}.timeline-marker{background:#007aff;border-radius:50%;flex-shrink:0;height:12px;margin-top:4px;width:12px}.timeline-content{flex:1 1}.timeline-time{color:#007aff;font-size:14px;font-weight:600;margin-bottom:2px}.timeline-action{color:#1d1d1f;font-size:16px;font-weight:600;margin-bottom:4px}.timeline-purpose{color:#8e8e93;font-size:14px;line-height:1.3}.risk-info-footer{background:#fff;border-top:.5px solid #0000000d;margin-top:auto;padding:24px 20px}.footer-content{text-align:center}.disclaimer{color:#8e8e93;font-size:14px;font-style:italic;line-height:1.4;margin:0 0 8px}.update-info{color:#c7c7cc;font-size:12px;margin:0}@keyframes bloodFlow{0%{left:-14px}to{left:300px}}@keyframes bloodFlowBlocked{0%{left:-14px}25%{left:50px}50%{left:50px}75%{left:140px}to{left:300px}}@keyframes plaqueGrow{0%,20%{opacity:0;transform:scale(0)}50%{opacity:.7;transform:scale(1)}80%,to{opacity:.9;transform:scale(1.1)}}@media (max-width:768px){.risk-info-header{padding:6px 16px 10px}.header-nav{margin-bottom:6px}.info-title{font-size:18px}.info-subtitle{font-size:12px}.assessment-section{padding:12px 16px}.risk-assessment-card{padding:16px}.assessment-header{gap:8px}.assessment-header,.risk-score-display{align-items:flex-start;flex-direction:column}.risk-score-display{gap:16px}.score-section{align-items:center;flex-direction:row;gap:12px}.score-breakdown{flex-direction:row;gap:8px}.inline-animation{margin:16px 0;padding:16px}.inline-animation .blood-vessel{height:50px;width:240px}.inline-animation .plaque-buildup{height:38px;left:50px;top:6px;width:70px}}@media (max-width:480px){.risk-info-header{padding:6px 16px 8px}.header-nav{margin-bottom:6px}.info-title{font-size:16px}.info-subtitle{font-size:11px}.assessment-section{padding:10px 16px}.risk-assessment-card{padding:14px}.assessment-title{font-size:16px}.assessment-subtitle{font-size:12px}.score-circle{height:60px;width:60px}.score-value{font-size:18px}.score-label{font-size:10px}.score-breakdown{flex-direction:column;gap:6px}.breakdown-item{min-width:auto;padding:6px 10px}.breakdown-label{font-size:10px}.breakdown-value{font-size:13px}.score-description p{font-size:14px}.improvement-note{font-size:13px}.inline-animation{margin:12px 0;padding:12px}.animation-title{font-size:16px}.animation-subtitle{font-size:12px}.blood-vessel{height:50px;width:240px}.plaque-buildup{height:38px;left:50px;top:6px;width:70px}.tab-btn{font-size:14px;padding:10px 12px}}.page-title{font-size:22px;font-weight:700;letter-spacing:-.3px}.page-subtitle{color:#8e8e93;font-size:14px;font-weight:500;letter-spacing:-.1px;margin:4px 0 0}.risk-info-content{background:#fff;flex:1 1;margin:0 auto;max-width:100%;min-height:calc(100vh - 120px);padding:20px 16px}.section-title{border-bottom:1px solid #f2f2f7;color:#1d1d1f;font-size:18px;font-weight:600;letter-spacing:-.2px;margin:24px 0 16px;padding-bottom:8px}.section-content{color:#3a3a3c;font-size:14px;letter-spacing:-.1px;line-height:1.5;margin-bottom:20px}@media (max-width:768px){.risk-info-content{padding:16px 12px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.section-title{font-size:16px;margin:20px 0 14px}.section-content{font-size:13px;line-height:1.4}}@media (max-width:480px){.risk-info-content{padding:14px 8px}.page-title{font-size:18px}.page-subtitle{font-size:12px}.section-title{font-size:15px;margin:18px 0 12px}.section-content{font-size:12px;line-height:1.3;margin-bottom:16px}}.all-trends-page{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.page-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:16px 20px 20px;position:sticky;top:0;z-index:100}.header-top{justify-content:space-between;margin-bottom:8px}.back-btn,.header-top{align-items:center;display:flex}.back-btn{background:none;border:none;color:#007aff;cursor:pointer;font-size:16px;gap:6px;padding:8px 0;transition:opacity .2s ease}.back-btn:hover{opacity:.7}.back-icon{font-size:18px;font-weight:700}.page-title{color:#1d1d1f;flex:1 1;font-size:20px;font-weight:600;letter-spacing:-.4px;margin:0;text-align:center}.header-spacer{width:60px}.category-filters{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:16px 20px 0;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-btn{align-items:center;background:#f2f2f7;border:none;border-radius:18px;color:#1d1d1f;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;padding:8px 16px;transition:background-color .2s ease;white-space:nowrap}.category-btn:hover{background:#e5e5ea}.category-btn.active{background:#007aff;color:#fff}.category-name{font-weight:600}.category-count{font-size:12px;opacity:.8}.trends-grid{display:flex;flex-direction:column;gap:12px;padding:20px}.trend-card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:20px;position:relative;transition:background-color .2s ease}.trend-card:hover{background:#fafafa}.trend-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.title-with-unit{align-items:baseline;display:flex;gap:8px}.indicator-name{color:#1d1d1f;font-size:17px;font-weight:600;letter-spacing:-.3px;margin:0}.indicator-unit{color:#8e8e93;font-size:14px;font-weight:400}.target-info-inline{flex-shrink:0}.target-label{background:#f2f2f7;border-radius:4px;color:#6c6c70;font-size:11px;font-weight:400;padding:3px 6px;white-space:nowrap}.trend-chart-container{background:#f8f9fa;border-radius:8px;margin-bottom:12px;overflow:hidden;padding:12px}.trend-description{margin-bottom:16px}.trend-description p{background:#f2f2f7;border-radius:8px;color:#8e8e93;font-size:14px;line-height:1.4;margin:0;padding:10px 12px}.trend-actions{display:flex;justify-content:center;margin-top:8px}.detail-btn{background:#f2f2f7;border:1px solid #e8e8e8;border-radius:6px;color:#007aff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:-.1px;padding:8px 16px;transition:all .2s ease;width:100%}.detail-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.detail-btn:active{background:#ddd}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:60px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state h3{color:#1d1d1f;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#666;font-size:14px;margin:0}.page-footer{padding:20px 20px 40px}.summary-stats{background:#fff;border:1px solid #e5e5e5;border-radius:12px;display:flex;justify-content:space-around;padding:20px}.stat-item{display:flex;flex-direction:column;gap:2px;text-align:center}.stat-value{color:#007aff;font-size:20px;font-weight:600}.stat-label{color:#8e8e93;font-size:11px;font-weight:400}@media (max-width:768px){.page-header{padding:12px 16px 16px}.trends-grid{gap:10px;padding:16px}.trend-card{padding:16px}.page-title{font-size:20px}.header-spacer{display:none}.header-top{gap:12px;justify-content:flex-start}.category-filters{padding:12px 16px 0}.page-footer{padding:16px 16px 32px}.summary-stats{padding:16px}.trend-actions,.trend-card-header{flex-direction:column}.trend-card-header{align-items:flex-start;gap:8px}.target-info-inline{align-self:flex-start}}@media (max-width:480px){.page-header{padding:10px 12px 14px}.trends-grid{padding:12px}.trend-card{padding:14px}.page-title{font-size:18px}.summary-stats{flex-wrap:wrap;gap:12px;padding:14px}.stat-item{min-width:70px}.trend-card-header{align-items:flex-start;flex-direction:column;gap:6px}.target-info-inline{align-self:flex-start}}.detail-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.detail-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;max-height:80vh;max-width:400px;overflow-y:auto;width:100%}.detail-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 20px 0}.detail-modal-header h3{color:#1d1d1f;font-size:18px;font-weight:600;margin:0}.detail-modal-close{align-items:center;background:#f2f2f7;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.detail-modal-close:hover{background:#e5e5ea}.detail-modal-content{padding:0 20px 20px}.detail-info-section{margin-bottom:20px}.detail-info-section h4{color:#1d1d1f;font-size:16px;font-weight:600;margin:0 0 10px}.detail-info-section p{color:#666;font-size:14px;line-height:1.5;margin:0}.detail-data-list{display:flex;flex-direction:column;gap:8px}.detail-data-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.detail-date{color:#666;font-size:14px}.detail-value{color:#1d1d1f;font-size:14px;font-weight:600}.system-detail-page{background:#f2f2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.ios-nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f8f8f0;border-bottom:.5px solid #c6c6c8;padding:0 16px;position:sticky;top:0;z-index:100}.ios-back-button,.ios-nav-bar{align-items:center;display:flex;height:44px}.ios-back-button{background:none;border:none;color:#007aff;cursor:pointer;font-size:17px;font-weight:400;gap:2px;justify-content:flex-start;min-width:44px;padding:0}.ios-back-button:active{opacity:.6}.ios-back-icon{font-size:22px;font-weight:500;line-height:1}.ios-nav-title{color:#000;flex:1 1;font-size:17px;font-weight:600;letter-spacing:-.41px;text-align:center}.ios-nav-spacer{min-width:44px}.ios-content{padding:12px 16px 40px}.ios-risk-badge-container{display:flex;justify-content:center;margin-bottom:20px}.ios-risk-badge{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;gap:8px;letter-spacing:-.1px;padding:8px 16px}.ios-risk-icon{font-size:16px}.ios-risk-text{font-weight:600}.ios-system-icon{align-items:center;background:#f2f2f7;border-radius:10px;display:flex;font-size:32px;height:48px;justify-content:center;width:48px}.ios-section{margin-bottom:20px}.ios-section-header{color:#8e8e93;font-size:13px;font-weight:400;letter-spacing:-.08px;margin-bottom:6px;padding:0 16px;text-transform:uppercase}.ios-section-header-left{color:#1d1d1f;font-size:17px;font-weight:600;margin-bottom:8px;padding:0 0 0 16px;text-align:left}.ios-list-card{background:#fff;border-radius:10px;overflow:hidden}.ios-list-item{align-items:center;border-bottom:.5px solid #c6c6c8;display:flex;gap:12px;min-height:44px;padding:14px 16px}.ios-list-item:last-child{border-bottom:none}.ios-history-item{border-bottom:.5px solid #c6c6c8;padding:16px}.ios-history-item:last-child{border-bottom:none}.ios-history-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.ios-issue-dot{background:#ff9500;border-radius:50%;flex-shrink:0;height:6px;width:6px}.ios-history-name{color:#000;flex:1 1;font-size:16px;font-weight:500;letter-spacing:-.2px;margin-left:0;padding-left:0;text-align:left}.ios-history-date{background:#f2f2f7;border-radius:4px;color:#8e8e93;font-size:12px;font-weight:400;padding:2px 6px}.ios-history-summary{color:#666;font-size:14px;line-height:1.4;margin-left:16px;margin-top:4px;padding-left:0;text-align:left}.ios-check-plan-item{border-bottom:.5px solid #c6c6c8;padding:16px}.ios-check-plan-item:last-child{border-bottom:none}.ios-check-plan-content{width:100%}.ios-check-plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ios-check-plan-type{color:#000;font-size:16px;font-weight:600;letter-spacing:-.2px;margin-left:0;padding-left:0}.ios-check-plan-frequency{background:#f2f2f7;border-radius:4px;color:#8e8e93;font-size:12px;font-weight:400;padding:3px 8px}.ios-check-plan-description{color:#666;font-size:14px;line-height:1.4;margin-bottom:10px;margin-left:0;padding-left:0;text-align:left}.ios-check-plan-bottom{align-items:center;display:flex;justify-content:space-between;margin-left:0;padding-left:0}.ios-check-plan-next{color:#007aff;font-size:13px;font-weight:500}.ios-reminder-btn{align-items:center;background:#f2f2f7;border:1px solid #e8e8e8;border-radius:6px;color:#007aff;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.ios-reminder-btn:hover{background:#e8e8e8;border-color:#d0d0d0}.ios-reminder-btn:active{transform:scale(.98)}.ios-reminder-icon{font-size:14px}.ios-actions{display:flex;flex-direction:column;gap:12px;margin-top:30px}.ios-primary-button{background:#007aff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:17px;font-weight:600;letter-spacing:-.41px;min-height:50px;padding:16px;transition:opacity .2s ease}.ios-primary-button:active{opacity:.6}.ios-secondary-button{background:#fff;border:.5px solid #c6c6c8;border-radius:10px;color:#007aff;cursor:pointer;font-size:17px;font-weight:400;letter-spacing:-.41px;min-height:50px;padding:16px;transition:opacity .2s ease}.ios-secondary-button:active{opacity:.6}.ios-error-view{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.ios-error-icon{font-size:50px;margin-bottom:16px}.ios-error-text{color:#8e8e93;font-size:17px;font-weight:400}@media (max-width:375px){.ios-content{padding:16px 12px 32px}.ios-nav-bar{padding:0 12px}.ios-system-header{padding:14px}.ios-system-icon{font-size:36px;height:54px;width:54px}.ios-system-name{font-size:18px}.ios-list-item{padding:12px 14px}.ios-section{margin-bottom:16px}.ios-actions{gap:10px;margin-top:24px}.ios-ai-summary-card{padding:14px}.ai-actions{flex-direction:column;gap:8px}.ai-summary-title{font-size:15px}.ai-summary-content p{font-size:14px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.ios-content{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;position:relative;text-align:center}.app-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.app-logo{animation:app-logo-spin 20s linear infinite}}.app-header{background-color:#282c34;color:#fff;padding:20px}.app-link{color:#61dafb}@keyframes app-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ab-test-switcher{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;border:1px solid #0000000f;border-radius:24px;bottom:20px;box-shadow:0 4px 16px #0000001f;display:flex;gap:8px;height:auto;left:20px;max-width:240px;padding:6px;position:fixed;width:auto;z-index:1001}.version-btn{background:#0000;border:1px solid #e5e5ea;border-radius:18px;color:#8e8e93;cursor:pointer;font-size:13px;font-weight:600;height:auto;line-height:1.2;max-width:60px;min-width:40px;overflow:hidden;padding:8px 16px;position:relative;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.version-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.version-btn:hover:before{left:100%}@media (max-width:768px){.ab-test-switcher{border-radius:20px;bottom:15px;gap:6px;left:15px;max-width:180px;padding:4px}.version-btn{border-radius:16px;font-size:12px;max-width:50px;min-width:35px;padding:6px 12px}}@media (max-width:480px){.ab-test-switcher{border-radius:18px;bottom:10px;gap:4px;left:10px;max-width:150px;padding:3px}.version-btn{border-radius:14px;font-size:11px;max-width:45px;min-width:30px;padding:4px 10px}}.version-btn.active{background:linear-gradient(135deg,#007aff,#0051d5);border-color:#007aff;box-shadow:0 4px 16px #007aff66;color:#fff;transform:scale(1.08)}.version-btn:hover:not(.active){background:#f8f9fa;border-color:#c6c6c8;box-shadow:0 2px 8px #0000001a;transform:scale(1.04)}.version-btn:active{transform:scale(.96);transition:transform .1s ease}.ios-button{background:linear-gradient(135deg,#007aff,#0051d5);border:none;border-radius:14px;box-shadow:0 8px 24px #007aff40,0 2px 8px #007aff26,inset 0 1px 0 #ffffff26;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);user-select:none;-webkit-user-select:none}.ios-button:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.ios-button:hover{box-shadow:0 12px 32px #007aff59,0 4px 16px #007aff40,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.ios-button:hover:before{left:100%}.ios-button:active{box-shadow:0 6px 20px #007aff4d,0 2px 8px #007aff33,inset 0 1px 0 #ffffff1a;transform:translateY(-1px) scale(1.01);transition:all .1s ease}.ios-button:disabled{box-shadow:0 2px 8px #007aff1a;cursor:not-allowed;opacity:.6;transform:none}.ios-button:disabled:before{display:none}.ios-button-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#007aff1a;border:1px solid #007aff33;border-radius:14px;color:#007aff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .3s ease}.ios-button-secondary:hover{background:#007aff26;border-color:#007aff4d;transform:translateY(-1px)}.ios-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 16px #0000000a,inset 0 1px 0 #fffc;transition:all .3s ease}.ios-card:hover{box-shadow:0 16px 48px #0000001f,0 4px 24px #0000000f,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.ios-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;color:#1d1d1f;font-size:16px;padding:14px 16px;transition:all .3s ease}.ios-input:focus{background:#fffffff2;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.ios-input::placeholder{color:#8e8e93}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:768px){.ios-button,.ios-button-secondary{font-size:15px;padding:14px 20px}}@media (max-width:480px){.ios-button,.ios-button-secondary{font-size:14px;padding:12px 18px}.ios-card{border-radius:16px}}@media (prefers-color-scheme:dark){body{background-color:#000;color:#f5f5f7}.ios-card,.ios-input{background:#1c1c1ee6;border-color:#ffffff1a}.ios-input{color:#f5f5f7}}
/*# sourceMappingURL=main.41b91bcd.css.map*/