:root{--agecalc-primary:var(--main-primary);--agecalc-primary-hover:var(--main-primary-dark);--agecalc-text:#1e293b;--agecalc-text-muted:#475569;--agecalc-text-light:#64748b;--agecalc-text-lighter:#94a3b8;--agecalc-bg:#fff;--agecalc-bg-hover:#f8fafc;--agecalc-border:#e2e8f0;--agecalc-border-light:#f1f5f9;--agecalc-card-bg:#fff;--agecalc-card-shadow:0 1px 3px #00000014, 0 1px 2px #0000000a;--agecalc-card-radius:var(--main-radius-lg);--agecalc-main-bg:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--agecalc-main-text:#fff;--agecalc-input-bg:#fff;--agecalc-input-border:#e2e8f0;--agecalc-input-focus-border:var(--agecalc-primary);--agecalc-input-focus-shadow:0 0 0 3px #6366f11a;--agecalc-icon-blue:#3b82f6;--agecalc-icon-blue-bg:#3b82f61a;--agecalc-icon-purple:#8b5cf6;--agecalc-icon-purple-bg:#8b5cf61a;--agecalc-icon-orange:#f59e0b;--agecalc-icon-orange-bg:#f59e0b1a;--agecalc-icon-green:#10b981;--agecalc-icon-green-bg:#10b9811a;--agecalc-badge-bg:#6366f11a;--agecalc-badge-text:var(--agecalc-primary);--agecalc-milestone-passed:#10b981;--agecalc-milestone-upcoming:#64748b}._agecalc-container{gap:var(--main-space-5);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}._agecalc-mono{font-family:var(--main-font-mono)}.hidden{display:none!important}._agecalc-results{gap:var(--main-space-5);flex-direction:column;display:flex}._agecalc-empty{padding:var(--main-space-10) var(--main-space-4);text-align:center;justify-content:center;align-items:center;gap:var(--main-space-3);flex-direction:column;display:flex}._agecalc-empty-icon{background:var(--agecalc-border-light);border-radius:var(--main-radius-full);justify-content:center;align-items:center;width:64px;height:64px;display:flex}._agecalc-empty-icon svg{color:var(--agecalc-text-lighter)}._agecalc-empty span{color:var(--agecalc-text-light);font-size:var(--main-text-sm)}@media (max-width:768px){._agecalc-container{gap:var(--main-space-4);padding-left:1rem;padding-right:1rem}._agecalc-results{gap:var(--main-space-4)}}._agecalc-input-section{width:100%}._agecalc-input-card{gap:var(--main-space-4);background:var(--agecalc-card-bg);border-radius:var(--agecalc-card-radius);padding:var(--main-space-5);box-shadow:var(--agecalc-card-shadow);grid-template-columns:1fr 1fr;display:grid}._agecalc-input-field{gap:var(--main-space-2);flex-direction:column;display:flex}._agecalc-input-field label{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--agecalc-text);font-weight:500;display:flex}._agecalc-input-field label svg{color:var(--agecalc-primary)}._agecalc-input-wrap{align-items:center;display:flex;position:relative}._agecalc-input{width:100%;font-size:var(--main-text-base);background:var(--agecalc-input-bg);border-style:solid;border-width:1px;border-color:var(--agecalc-input-border);border-radius:var(--main-radius);color:var(--agecalc-text);cursor:pointer;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .15s,box-shadow .15s}._agecalc-input::placeholder{color:var(--agecalc-text-lighter)}._agecalc-input:focus{border-color:var(--agecalc-input-focus-border);box-shadow:var(--agecalc-input-focus-shadow);outline:none}._agecalc-input-icon{color:var(--agecalc-text-lighter);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;right:.875rem}@media (max-width:600px){._agecalc-input-card{gap:var(--main-space-3);padding:var(--main-space-4);grid-template-columns:1fr}}._agecalc-main-card{background:var(--agecalc-main-bg);border-radius:var(--agecalc-card-radius);padding:var(--main-space-6);text-align:center;box-shadow:0 4px 15px #6366f140}._agecalc-main-label{justify-content:center;align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:#fffc;margin-bottom:var(--main-space-3);display:flex}._agecalc-main-label svg{color:#fffc}._agecalc-main-age{justify-content:center;align-items:baseline;gap:var(--main-space-2);margin-bottom:var(--main-space-4);flex-wrap:wrap;display:flex}._agecalc-age-value{color:var(--agecalc-main-text);font-size:2.5rem;font-weight:700;line-height:1}._agecalc-age-value--secondary{font-size:1.75rem;font-weight:600}._agecalc-age-unit{font-size:var(--main-text-base);color:#fffc;margin-right:var(--main-space-2)}._agecalc-age-unit--secondary{font-size:var(--main-text-sm)}._agecalc-birthday-row{justify-content:center;align-items:center;gap:var(--main-space-2);padding-top:var(--main-space-4);border-top:1px solid #fff3;display:flex}._agecalc-birthday-icon svg{color:#ffffffe6}._agecalc-birthday-text{font-size:var(--main-text-sm);color:#ffffffe6}@media (max-width:600px){._agecalc-main-card{padding:var(--main-space-5)}._agecalc-age-value{font-size:2rem}._agecalc-age-value--secondary{font-size:1.5rem}}._agecalc-cards-grid{gap:var(--main-space-4);grid-template-columns:repeat(3,1fr);display:grid}._agecalc-card{background:var(--agecalc-card-bg);border-radius:var(--agecalc-card-radius);box-shadow:var(--agecalc-card-shadow);overflow:hidden}._agecalc-card-header{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--agecalc-border-light);display:flex}._agecalc-card-header span{font-size:var(--main-text-sm);color:var(--agecalc-text);font-weight:600}._agecalc-card-icon{border-radius:var(--main-radius);justify-content:center;align-items:center;width:32px;height:32px;display:flex}._agecalc-card-icon--blue{background:var(--agecalc-icon-blue-bg);color:var(--agecalc-icon-blue)}._agecalc-card-icon--purple{background:var(--agecalc-icon-purple-bg);color:var(--agecalc-icon-purple)}._agecalc-card-icon--orange{background:var(--agecalc-icon-orange-bg);color:var(--agecalc-icon-orange)}._agecalc-card-icon--green{background:var(--agecalc-icon-green-bg);color:var(--agecalc-icon-green)}._agecalc-card-body{padding:var(--main-space-4);gap:var(--main-space-2);flex-direction:column;display:flex}._agecalc-stat-row{padding:var(--main-space-2) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--agecalc-border-light);justify-content:space-between;align-items:center;display:flex}._agecalc-stat-row:last-child{border-bottom:none}._agecalc-stat-row--highlight{background:var(--agecalc-border-light);margin:var(--main-space-2) calc(-1 * var(--main-space-4));padding:var(--main-space-3) var(--main-space-4);border-radius:var(--main-radius);border-bottom:none}._agecalc-stat-label{font-size:var(--main-text-sm);color:var(--agecalc-text-muted)}._agecalc-stat-value{font-size:var(--main-text-sm);color:var(--agecalc-text);font-weight:600}._agecalc-stat-value--badge{background:var(--agecalc-badge-bg);color:var(--agecalc-badge-text);border-radius:var(--main-radius-full);font-size:var(--main-text-xs);padding:.125rem .5rem;display:inline-flex}._agecalc-zodiac-item{gap:var(--main-space-1);padding:var(--main-space-3) 0;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--agecalc-border-light);flex-direction:column;display:flex}._agecalc-zodiac-item:last-child{border-bottom:none}._agecalc-zodiac-label{font-size:var(--main-text-xs);color:var(--agecalc-text-light);text-transform:uppercase;letter-spacing:.05em}._agecalc-zodiac-value{align-items:center;gap:var(--main-space-2);display:flex}._agecalc-zodiac-icon{justify-content:center;align-items:center;font-size:1.25rem;display:flex}._agecalc-zodiac-icon img{object-fit:contain;width:28px;height:28px}._agecalc-zodiac-value span:last-child{font-size:var(--main-text-base);color:var(--agecalc-text);font-weight:500}@media (max-width:900px){._agecalc-cards-grid{grid-template-columns:repeat(2,1fr)}._agecalc-cards-grid ._agecalc-card:last-child{grid-column:span 2}}@media (max-width:600px){._agecalc-cards-grid{grid-template-columns:1fr}._agecalc-cards-grid ._agecalc-card:last-child{grid-column:span 1}}._agecalc-insight-card{background:var(--agecalc-card-bg);border-radius:var(--agecalc-card-radius);box-shadow:var(--agecalc-card-shadow);overflow:hidden}._agecalc-insight-body{padding:var(--main-space-5);gap:var(--main-space-4);flex-direction:column;display:flex}._agecalc-insight-stage{align-items:center;gap:var(--main-space-3);display:flex}._agecalc-stage-name{font-size:var(--main-text-lg);color:var(--agecalc-primary);font-weight:600}._agecalc-stage-range{font-size:var(--main-text-sm);color:var(--agecalc-text-light);background:var(--agecalc-border-light);border-radius:var(--main-radius-full);padding:.125rem .5rem}._agecalc-stage-description{font-size:var(--main-text-base);color:var(--agecalc-text);margin:0;line-height:1.6}._agecalc-stage-tip{align-items:flex-start;gap:var(--main-space-3);padding:var(--main-space-4);background:var(--agecalc-icon-purple-bg);border-radius:var(--main-radius);border-left-style:solid;border-left-width:3px;border-left-color:var(--agecalc-icon-purple);display:flex}._agecalc-stage-tip-icon{color:var(--agecalc-icon-purple);flex-shrink:0}._agecalc-stage-tip-text{font-size:var(--main-text-sm);color:var(--agecalc-text-muted);line-height:1.5}._agecalc-milestones-card{background:var(--agecalc-card-bg);border-radius:var(--agecalc-card-radius);box-shadow:var(--agecalc-card-shadow);overflow:hidden}._agecalc-milestones-list{padding:var(--main-space-4);gap:var(--main-space-3);flex-direction:column;display:flex}._agecalc-milestone{align-items:flex-start;gap:var(--main-space-3);padding:var(--main-space-3);background:var(--agecalc-border-light);border-radius:var(--main-radius);display:flex}._agecalc-milestone-icon{border-radius:var(--main-radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}._agecalc-milestone--passed ._agecalc-milestone-icon{color:var(--agecalc-milestone-passed);background:#10b9811a}._agecalc-milestone--upcoming ._agecalc-milestone-icon{color:var(--agecalc-milestone-upcoming);background:#64748b1a}._agecalc-milestone-content{gap:var(--main-space-1);flex-direction:column;flex:1;display:flex}._agecalc-milestone-title{font-size:var(--main-text-sm);color:var(--agecalc-text);font-weight:500}._agecalc-milestone-detail{font-size:var(--main-text-xs);color:var(--agecalc-text-light)}._agecalc-milestone--passed ._agecalc-milestone-detail{color:var(--agecalc-milestone-passed)}._agecalc-actions{padding-top:var(--main-space-2);justify-content:center;display:flex}._agecalc-copy-btn{align-items:center;gap:var(--main-space-2);font-size:var(--main-text-sm);color:var(--agecalc-text-muted);background:var(--agecalc-card-bg);border-style:solid;border-width:1px;border-color:var(--agecalc-border);border-radius:var(--main-radius);cursor:pointer;padding:.625rem 1.25rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}._agecalc-copy-btn:hover{background:var(--agecalc-bg-hover);border-color:var(--agecalc-primary);color:var(--agecalc-primary)}._agecalc-copy-btn.copied{color:var(--agecalc-milestone-passed);border-color:var(--agecalc-milestone-passed)}._agecalc-copy-btn svg{width:14px;height:14px}@media (max-width:600px){._agecalc-milestones-list{gap:var(--main-space-2)}._agecalc-milestone{padding:var(--main-space-2)}}