:root{--bg-gradient: linear-gradient(135deg, #0f172a, #1d273a, #0d3529);--glass-bg: rgba(255, 255, 255, .08);--accent-gradient: linear-gradient(90deg, #52b5ff, #00e2e8, #3af0bd);--text-color: #f1f5f9;--font-size-sm: clamp(.8rem, .17vw + .76rem, .92rem);--font-size-base: clamp(.75rem, .34vw + .91rem, 1rem);--font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.6rem);--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.25rem);--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 3.05rem);--font-size-xxl: clamp(2.44rem, 2.38vw + 1.8rem, 4.2rem);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-color);background:var(--bg-gradient);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overflow-x:hidden;width:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-gradient);color:var(--text-color);overflow-x:hidden;width:100%}#root{display:flex;width:100%;max-width:100vw;min-height:100vh;flex-direction:column;overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#52b5ff,#00e2e8,#3af0bd);border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7ecbff,#33f2e8,#7ff4c8);background-clip:padding-box}.time-widget{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}.time-widget h1{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1.5rem;font-weight:600;text-align:center;background-size:200% 200%;animation:gradientFlow 3s infinite linear;text-shadow:0 2px 8px rgba(0,226,232,.4);font-size:var(--font-size-lg)}p.date{font-weight:500;font-size:var(--font-size-md);opacity:.85;text-align:center}p.time{font-family:monospace;font-size:var(--font-size-md);font-weight:600;color:#e2e8f0;font-variant-numeric:tabular-nums;text-align:center}.progress-container{width:100%;display:flex;flex-direction:column;justify-content:space-evenly;gap:1.5rem;flex:1;margin-top:2rem}.progress-label{font-weight:500;font-size:var(--font-size-base);margin-bottom:.3rem;opacity:.9}.progress{position:relative;width:100%;height:10px;background:#ffffff14;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-gradient);background-size:200% 200%;border-radius:9999px;animation:gradientFlow 3s infinite linear;box-shadow:0 0 8px #52b5ff99,0 0 12px #00e2e866,0 0 16px #3af0bd33;transition:box-shadow .3s ease-in-out}.percentage{float:right;font-weight:600;font-size:1rem}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.life-widget{width:100%}.life-widget h1{background:linear-gradient(90deg,#a78bfa,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 1.5rem;font-weight:600;text-align:center;background-size:200% 200%;animation:lifeGradientFlow 3s infinite linear;text-shadow:0 2px 8px rgba(167,139,250,.4);font-size:var(--font-size-lg)}.life-progress-bar{width:100%;height:12px;background:#ffffff14;border-radius:9999px;overflow:hidden;margin-bottom:2rem}.life-progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#ec4899,#f97316);background-size:200% 200%;border-radius:9999px;animation:lifeGradientFlow 3s infinite linear;box-shadow:0 0 10px #a78bfab3,0 0 15px #ec489980,0 0 20px #f973164d;transition:box-shadow .3s ease-in-out}@keyframes lifeGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.life-stats-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;margin-top:2rem}.stat{flex:1 1 calc(50% - .5rem);min-width:0;display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.stat-label{font-size:var(--font-size-sm);opacity:.7;text-transform:uppercase;font-weight:500;letter-spacing:.5px;word-break:break-word}.stat-value{font-size:var(--font-size-base);font-weight:600;background:linear-gradient(90deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(167,139,250,.4);word-break:break-word}.life-info{padding:1rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-top:1rem;margin-bottom:1rem}.life-info p{margin:.5rem 0;font-size:var(--font-size-base)}.life-info strong{opacity:.8}.edit-btn{width:100%;margin-top:1rem;padding:.75rem 1rem;background:linear-gradient(90deg,#a78bfa,#ec4899);animation:lifeGradientFlow 3s infinite linear;color:#0f172a;border:none;border-radius:32px;font-weight:600;cursor:pointer;font-size:var(--font-size-base);font-family:inherit;box-shadow:0 0 4px #a78bfab3,0 0 6px #ec489980,0 0 8px #f973164d;transition:transform .2s ease,box-shadow .2s ease-in-out}.edit-btn:hover{box-shadow:0 0 8px #a78bfab3,0 0 12px #ec489980,0 0 16px #f973164d}.edit-btn:active{transform:scale(.95)}.widget-subtitle{font-size:var(--font-size-base);opacity:.7;text-align:center}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-size:var(--font-size-sm);opacity:.7;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.profile-form input[type=date]{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:32px;color:#fff;font-family:inherit;font-size:var(--font-size-base)}.profile-form input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8)}.select-wrapper{position:relative}.profile-form select{width:100%;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:32px;color:#fff;font-family:inherit;font-size:var(--font-size-base);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.select-wrapper:after{content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="white"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" /></svg>');position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;width:20px;height:20px}.profile-form select option{background-color:#4e565c;color:#fff}.radio-group{display:flex;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:.75rem 1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:var(--font-size-base)}.radio-label input[type=radio]{display:none}.radio-label .custom-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:grid;place-items:center;transition:all .2s}.radio-label .custom-radio:before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(90deg,#a78bfa,#ec4899);transform:scale(0);transition:transform .2s ease-in-out}.radio-label input[type=radio]:checked+.custom-radio:before{transform:scale(1)}.radio-label input[type=radio]:checked+.custom-radio{border-color:#a78bfa}.error-message{background-color:#ec489933;color:#f9a8d4;border:1px solid rgba(236,72,153,.5);padding:.75rem 1rem;border-radius:32px;text-align:center;font-size:var(--font-size-base);font-weight:500}.submit-button{width:100%;margin-top:.5rem;padding:.75rem 1rem;background:linear-gradient(90deg,#a78bfa,#ec4899);color:#0f172a;border:none;border-radius:32px;font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-size-base);font-family:inherit;box-shadow:0 0 4px #a78bfab3,0 0 6px #ec489980,0 0 8px #f973164d;transition:transform .2s ease,box-shadow .2s ease-in-out}.submit-button:hover{box-shadow:0 0 8px #a78bfab3,0 0 12px #ec489980,0 0 16px #f973164d}.submit-button:active{transform:scale(.95)}.cancel-btn{width:100%;margin-top:.5rem;padding:.75rem 1rem;background:transparent;color:#a78bfa;border:1px solid #a78bfa;border-radius:32px;font-weight:600;cursor:pointer;transition:all .2s;font-size:var(--font-size-base);font-family:inherit;transition:transform .2s ease,box-shadow .2s ease-in-out,background-color .2s ease-in-out}.cancel-btn:hover{background:#a78bfa1a;box-shadow:0 4px 12px #a78bfa1a}.cancel-btn:active{transform:scale(.95)}.deceased-easter-egg,.immortal-easter-egg,.old-easter-egg{text-align:center;padding:2rem}.easter-egg-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:2rem;margin-bottom:2rem}.deceased-easter-egg h1,.immortal-easter-egg h1{font-size:var(--font-size-lg);margin-bottom:.5rem}.immortal-easter-egg h2,.deceased-easter-egg h2{font-size:var(--font-size-md);background:linear-gradient(90deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.immortal-easter-egg h3,.deceased-easter-egg h3{font-size:var(--font-size-base)}.deceased-easter-egg .widget-subtitle,.immortal-easter-egg .widget-subtitle{font-size:var(--font-size-base);opacity:.8}.immortal-easter-egg .immortal-joke,.deceased-easter-egg .deceased-joke{font-style:italic;opacity:.9;max-width:80%}#disclaimer{font-size:var(--font-size-sm);opacity:.6;text-align:center;margin-bottom:1rem}footer{text-align:center;padding:20px;color:#888;font-size:.9em}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{flex-grow:1;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;align-items:stretch;padding:1rem}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;padding:2rem;box-shadow:0 4px 30px #0006;display:flex;flex-direction:column;align-items:center;gap:1.5rem;justify-content:flex-start;flex:1 1 0;min-width:350px}h1{font-weight:700;font-size:var(--font-size-lg);background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}@media(max-width:768px){.container{flex-direction:column;align-items:center}.card{width:100%;padding-left:1rem;padding-right:1rem}}