.life-clock-tool[data-v-4a07cca6]{max-width:900px;margin:0 auto}.intro-card[data-v-4a07cca6]{text-align:center;padding:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;margin-bottom:2rem}.intro-icon[data-v-4a07cca6]{font-size:4rem;margin-bottom:1rem}.intro-card h2[data-v-4a07cca6]{font-size:1.8rem;margin:0 0 1rem}.intro-card p[data-v-4a07cca6]{font-size:1.05rem;opacity:.9;margin:0;line-height:1.8}.form-card[data-v-4a07cca6]{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.form-label[data-v-4a07cca6]{display:block;font-weight:600;color:#374151;margin-bottom:.75rem;font-size:1rem}.date-input[data-v-4a07cca6]{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;color:#1f2937;margin-bottom:1.5rem;transition:border-color .2s;box-sizing:border-box}.date-input[data-v-4a07cca6]:focus{outline:none;border-color:#667eea}.life-expectancy-section[data-v-4a07cca6]{margin-bottom:1.5rem}.expectancy-buttons[data-v-4a07cca6]{display:flex;gap:.75rem;flex-wrap:wrap}.expectancy-btn[data-v-4a07cca6]{flex:1;min-width:70px;padding:.625rem 1rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#6b7280;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.expectancy-btn[data-v-4a07cca6]:hover{border-color:#667eea;color:#667eea}.expectancy-btn.active[data-v-4a07cca6]{background:#667eea;border-color:#667eea;color:#fff}.calc-btn[data-v-4a07cca6]{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .2s}.calc-btn[data-v-4a07cca6]:hover:not(:disabled){opacity:.9}.calc-btn[data-v-4a07cca6]:disabled{opacity:.5;cursor:not-allowed}.stats-grid[data-v-4a07cca6]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card[data-v-4a07cca6]{border-radius:16px;padding:1.5rem;text-align:center}.stat-card.lived[data-v-4a07cca6]{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-card.remaining[data-v-4a07cca6]{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.stat-card.total[data-v-4a07cca6]{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.stat-emoji[data-v-4a07cca6]{font-size:2rem;margin-bottom:.5rem}.stat-value[data-v-4a07cca6]{font-size:2rem;font-weight:800;color:#1f2937;line-height:1.2}.stat-label[data-v-4a07cca6]{font-size:.9rem;font-weight:600;color:#374151;margin:.25rem 0}.stat-sub[data-v-4a07cca6]{font-size:.8rem;color:#6b7280}.progress-section[data-v-4a07cca6]{margin-bottom:2rem}.progress-bar-wrap[data-v-4a07cca6]{height:16px;background:#e5e7eb;border-radius:100px;overflow:hidden;margin-bottom:.5rem}.progress-bar[data-v-4a07cca6]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:100px;transition:width 1s ease}.progress-labels[data-v-4a07cca6]{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280}.grid-section[data-v-4a07cca6]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #0000000f;margin-bottom:1.5rem;overflow-x:auto}.grid-title[data-v-4a07cca6]{font-size:1.1rem;color:#1f2937;margin:0 0 .5rem}.grid-subtitle[data-v-4a07cca6]{font-weight:400;color:#6b7280;font-size:.9rem}.grid-legend[data-v-4a07cca6]{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.legend-item[data-v-4a07cca6]{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.dot[data-v-4a07cca6]{width:12px;height:12px;border-radius:2px;display:inline-block}.lived-dot[data-v-4a07cca6]{background:#667eea}.remaining-dot[data-v-4a07cca6]{background:#e5e7eb}.week-grid[data-v-4a07cca6]{display:grid;gap:2px;grid-template-columns:repeat(52,1fr)}.week-grid.grid-large[data-v-4a07cca6]{gap:1.5px}.week-dot[data-v-4a07cca6]{aspect-ratio:1;border-radius:1.5px;cursor:default;transition:transform .15s}.week-dot[data-v-4a07cca6]:hover{transform:scale(1.5);z-index:1;position:relative}.week-dot.lived[data-v-4a07cca6]{background:#667eea}.week-dot.remaining[data-v-4a07cca6]{background:#e5e7eb}.milestone-section[data-v-4a07cca6]{margin-bottom:1.5rem}.milestone-section h3[data-v-4a07cca6]{font-size:1.1rem;color:#1f2937;margin:0 0 1rem}.milestone-grid[data-v-4a07cca6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.milestone-card[data-v-4a07cca6]{border-radius:12px;padding:1rem;text-align:center;border:2px solid transparent}.milestone-card.past[data-v-4a07cca6]{background:#f0fdf4;border-color:#bbf7d0}.milestone-card.future[data-v-4a07cca6]{background:#f8faff;border-color:#dbeafe}.milestone-age[data-v-4a07cca6]{font-size:1.4rem;font-weight:800;color:#1f2937}.milestone-name[data-v-4a07cca6]{font-size:.8rem;color:#4b5563;margin:.25rem 0}.milestone-status[data-v-4a07cca6]{font-size:.75rem;color:#6b7280}.message-card[data-v-4a07cca6]{background:#fff;border-left:5px solid;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #0000000d}.message-text[data-v-4a07cca6]{font-size:1.05rem;color:#374151;line-height:1.7}.breakdown-section[data-v-4a07cca6]{margin-bottom:2rem}.breakdown-section h3[data-v-4a07cca6]{font-size:1.1rem;color:#1f2937;margin:0 0 1rem}.breakdown-grid[data-v-4a07cca6]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.breakdown-item[data-v-4a07cca6]{background:#fff;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 2px 8px #0000000d}.breakdown-icon[data-v-4a07cca6]{font-size:1.5rem}.breakdown-label[data-v-4a07cca6]{flex:1;font-size:.875rem;color:#6b7280}.breakdown-value[data-v-4a07cca6]{font-size:.9rem;font-weight:700;color:#1f2937}.reset-btn[data-v-4a07cca6]{width:100%;padding:1rem;background:#fff;color:#667eea;border:2px solid #667eea;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.reset-btn[data-v-4a07cca6]:hover{background:#667eea;color:#fff}@media (max-width: 640px){.stats-grid[data-v-4a07cca6]{grid-template-columns:1fr}.week-grid[data-v-4a07cca6]{grid-template-columns:repeat(26,1fr)}.breakdown-grid[data-v-4a07cca6]{grid-template-columns:1fr}.milestone-grid[data-v-4a07cca6]{grid-template-columns:repeat(3,1fr)}.stat-value[data-v-4a07cca6]{font-size:1.5rem}}.page[data-v-4ed9f6ec]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-header[data-v-4ed9f6ec]{text-align:center;margin-bottom:3rem}.page-header h1[data-v-4ed9f6ec]{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p[data-v-4ed9f6ec]{font-size:1.1rem;color:#666;margin:0}@media (max-width: 768px){.page[data-v-4ed9f6ec]{padding:1rem}.page-header h1[data-v-4ed9f6ec]{font-size:2rem}}.info-section[data-v-4ed9f6ec]{margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.info-section h3[data-v-4ed9f6ec]{font-size:1.5rem;color:#1f2937;margin:0 0 1.5rem;text-align:center}.info-card[data-v-4ed9f6ec]{background:#f9fafb;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #667eea}.info-card h4[data-v-4ed9f6ec]{margin:0 0 1rem;color:#374151;font-size:1.1rem}.info-card p[data-v-4ed9f6ec]{color:#4b5563;line-height:1.8;margin:0}.info-card ul[data-v-4ed9f6ec]{margin:0;padding-left:1.5rem;color:#4b5563}.info-card li[data-v-4ed9f6ec]{line-height:1.8;margin-bottom:.5rem}.info-card.tip[data-v-4ed9f6ec]{background:#f0f9ff;border-left-color:#3b82f6}