.life-grid-container[data-v-6e84b3de]{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 10px #0000000d;color:#333;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.header[data-v-6e84b3de]{margin-bottom:30px;text-align:center}.header h1[data-v-6e84b3de]{font-size:28px;font-weight:600;margin-bottom:10px}.description[data-v-6e84b3de]{color:#666;font-size:14px;line-height:1.5;margin:0 auto;max-width:800px}.by-author[data-v-6e84b3de]{color:#999;font-size:12px;margin-top:5px}.toolbar[data-v-6e84b3de]{background-color:#f0f0f0;border-radius:8px;display:flex;justify-content:center;margin-bottom:20px;padding:8px}.tool-icons[data-v-6e84b3de]{display:flex;gap:15px}.icon[data-v-6e84b3de]{cursor:pointer;font-size:18px}.settings-section[data-v-6e84b3de]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.setting-item[data-v-6e84b3de]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:250px;padding:10px 15px}.setting-label[data-v-6e84b3de]{align-items:center;color:#666;display:flex;font-size:14px;gap:5px}.dropdown-icon[data-v-6e84b3de]{cursor:pointer;font-size:10px}.setting-value[data-v-6e84b3de]{color:#2980b9;cursor:pointer;font-size:14px;font-weight:500;margin-top:5px}.date-picker-container[data-v-6e84b3de]{margin-top:10px}.date-picker[data-v-6e84b3de]{align-items:center;display:flex;gap:10px}.date-picker input[data-v-6e84b3de]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px}.save-button[data-v-6e84b3de]{background-color:#2980b9;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s}.save-button[data-v-6e84b3de]:hover{background-color:#3498db}.current-info[data-v-6e84b3de]{display:flex;flex-wrap:wrap;gap:20px}.info-item[data-v-6e84b3de]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:180px;padding:10px 15px}.info-label[data-v-6e84b3de],.info-value[data-v-6e84b3de]{font-size:14px;margin-bottom:5px}.date-display[data-v-6e84b3de]{align-items:center;display:flex;flex-direction:column}.calendar-icon[data-v-6e84b3de]{font-size:18px;margin-bottom:5px}.date-value[data-v-6e84b3de],.time-value[data-v-6e84b3de]{font-size:14px;font-weight:500}.time-remaining-section[data-v-6e84b3de]{margin-bottom:30px}.section-row[data-v-6e84b3de]{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.time-label[data-v-6e84b3de]{flex:1;font-size:16px;font-weight:500;min-width:200px;text-align:center}.time-blocks[data-v-6e84b3de]{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.time-block[data-v-6e84b3de]{background-color:#f0f0f0;display:flex;gap:10px;justify-content:space-between;min-width:280px}.time-block[data-v-6e84b3de],.time-category[data-v-6e84b3de]{border-radius:8px;flex:1;padding:10px}.time-category[data-v-6e84b3de]{background-color:#fff;box-shadow:0 1px 3px #0000001a;min-width:80px;text-align:center}.category-label[data-v-6e84b3de]{color:#666;font-size:12px;margin-bottom:5px}.category-value[data-v-6e84b3de]{font-size:18px;font-weight:600}.time-visualizations[data-v-6e84b3de]{margin-top:30px}.visualization-row[data-v-6e84b3de]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.viz-label[data-v-6e84b3de]{width:180px}.viz-label[data-v-6e84b3de],.viz-value[data-v-6e84b3de]{flex-shrink:0;font-size:14px}.viz-value[data-v-6e84b3de]{text-align:center;width:90px}.viz-bar[data-v-6e84b3de]{background-color:#e0e0e0;border-radius:10px;flex-grow:1;height:15px;min-width:150px;overflow:hidden}.progress-bar[data-v-6e84b3de]{border-radius:10px;height:100%;transition:width .5s ease-in-out}.blue-gradient[data-v-6e84b3de]{background:linear-gradient(90deg,#3498db,#2980b9)}.red-gradient[data-v-6e84b3de]{background:linear-gradient(90deg,#e74c3c,#c0392b)}.green-gradient[data-v-6e84b3de]{background:linear-gradient(90deg,#2ecc71,#27ae60)}.purple-gradient[data-v-6e84b3de]{background:linear-gradient(90deg,#9b59b6,#8e44ad)}.life-progress-section[data-v-6e84b3de]{margin-top:40px}.life-progress-section h2[data-v-6e84b3de]{font-size:22px;font-weight:600;margin-bottom:20px;text-align:center}.progress-item[data-v-6e84b3de]{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:25px;padding:15px}.progress-label[data-v-6e84b3de]{color:#555;font-size:14px;margin-bottom:5px}.progress-percentage[data-v-6e84b3de]{color:#333;font-size:14px;font-weight:600;margin-bottom:5px;text-align:right}.progress-header[data-v-6e84b3de]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.grid-container[data-v-6e84b3de]{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:4px;display:grid;gap:2px;grid-template-columns:repeat(44,1fr);grid-template-rows:repeat(2,1fr);margin-bottom:10px;padding:3px}.grid-container-prime[data-v-6e84b3de]{grid-template-columns:repeat(60,1fr);grid-template-rows:repeat(8,1fr)}.grid-container-months[data-v-6e84b3de]{grid-template-columns:repeat(88,1fr);grid-template-rows:repeat(12,1fr)}.grid-square[data-v-6e84b3de]{aspect-ratio:1/1;background-color:#e9e9e9;border-radius:1.5px;transition:background-color .3s ease;width:100%}.filled[data-v-6e84b3de]{opacity:1}.multi-color-square.filled[data-v-6e84b3de]{background-color:#ff9ff3}.multi-color-square.filled[data-v-6e84b3de]:nth-child(5n+2){background-color:#feca57}.multi-color-square.filled[data-v-6e84b3de]:nth-child(5n+3){background-color:#ff6b6b}.multi-color-square.filled[data-v-6e84b3de]:nth-child(5n+4){background-color:#48dbfb}.multi-color-square.filled[data-v-6e84b3de]:nth-child(5n+5){background-color:#1dd1a1}.yellow-square.filled[data-v-6e84b3de]{background-color:#f1c40f}.yellow-square.filled[data-v-6e84b3de]:nth-child(2n){background-color:#f39c12}.blue-square.filled[data-v-6e84b3de]{background-color:#54a0ff}.blue-square.filled[data-v-6e84b3de]:nth-child(4n+2){background-color:#2e86de}.blue-square.filled[data-v-6e84b3de]:nth-child(4n+3){background-color:#00d2d3}.blue-square.filled[data-v-6e84b3de]:nth-child(4n+4){background-color:#01a3a4}@media (max-width:768px){.current-info[data-v-6e84b3de],.settings-section[data-v-6e84b3de]{align-items:stretch;flex-direction:column}.info-item[data-v-6e84b3de],.setting-item[data-v-6e84b3de]{box-sizing:border-box;min-width:unset;width:100%}.time-block[data-v-6e84b3de],.time-blocks[data-v-6e84b3de]{flex-direction:column}.time-block[data-v-6e84b3de]{margin-bottom:15px}.section-row[data-v-6e84b3de]{flex-direction:column;gap:10px}.time-label[data-v-6e84b3de]{min-width:unset;text-align:left}.visualization-row[data-v-6e84b3de]{flex-wrap:wrap}.viz-label[data-v-6e84b3de],.viz-value[data-v-6e84b3de]{flex-basis:content;width:auto}.viz-label[data-v-6e84b3de]{flex-basis:100%;margin-bottom:5px}.viz-bar[data-v-6e84b3de]{flex-basis:100%;margin-top:5px}.grid-container[data-v-6e84b3de]{grid-template-columns:repeat(22,1fr);grid-template-rows:repeat(4,1fr)}.grid-container-prime[data-v-6e84b3de]{grid-template-columns:repeat(30,1fr);grid-template-rows:repeat(16,1fr)}.grid-container-months[data-v-6e84b3de]{grid-template-columns:repeat(44,1fr);grid-template-rows:repeat(24,1fr)}}@media (max-width:480px){.time-category[data-v-6e84b3de]{min-width:60px}.grid-container[data-v-6e84b3de]{grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(8,1fr)}.grid-container-prime[data-v-6e84b3de]{grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(24,1fr)}.grid-container-months[data-v-6e84b3de]{grid-template-columns:repeat(22,1fr);grid-template-rows:repeat(48,1fr)}.header h1[data-v-6e84b3de]{font-size:24px}.description[data-v-6e84b3de]{font-size:13px}}