:root{--space-black:#050510;--void-black:#020205;--deep-blue:#0a0a2a;--nebula-purple:indigo;--nebula-teal:teal;--starlight:#fff;--glow-cyan:#00f3ff;--glow-purple:#bd00ff;--font-serif:"Times New Roman",serif;--font-sans:system-ui,-apple-system,sans-serif}body{background-color:var(--space-black);color:var(--starlight);font-family:var(--font-sans);width:100vw;min-height:100vh;margin:0;padding:0;overflow:hidden auto}.cosmic-container{background:radial-gradient(circle at center,var(--deep-blue)0%,var(--void-black)100%);z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:4rem 0;display:flex;position:relative}.star-field{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.star{opacity:.8;animation:twinkle var(--duration)ease-in-out infinite alternate;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.nebula-layer{z-index:-1;pointer-events:none;filter:blur(60px);opacity:.4;width:100%;height:100%;position:fixed;top:0;left:0}.nebula-cloud{animation:floatNebula var(--duration)ease-in-out infinite alternate;border-radius:50%;position:absolute}@keyframes floatNebula{0%{opacity:.3;transform:translate(0)scale(1)}to{opacity:.5;transform:translate(30px,-20px)scale(1.1)}}.title-question{font-family:var(--font-serif);letter-spacing:.05em;text-align:center;opacity:.9;text-shadow:0 0 10px #00f3ff4d;margin-bottom:2rem;font-size:2rem;font-weight:300}.answer-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.counter-display{background:linear-gradient(180deg,var(--starlight),var(--glow-cyan));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00f3ff66);-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:4rem;font-weight:700}.unit-label{text-transform:uppercase;letter-spacing:.2rem;color:var(--glow-purple);opacity:.8;font-size:1.2rem}.time-display{opacity:.6;font-size:1rem;font-family:var(--font-serif);margin-top:3rem}@media (max-width:600px){.title-question{padding:0 1rem;font-size:1.5rem}.counter-display{font-size:2.5rem}}.portfolio-link{border:1px solid var(--glow-purple);color:var(--starlight);font-size:.8rem;font-family:var(--font-sans);letter-spacing:.05em;opacity:.7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#ffffff0d;border-radius:20px;padding:8px 16px;text-decoration:none;transition:all .3s;position:fixed;bottom:20px;right:20px}.portfolio-link:hover{background:var(--glow-purple);color:#fff;opacity:1;box-shadow:0 0 15px var(--glow-purple)}.header-controls{z-index:20;gap:10px;display:flex;position:absolute;top:20px;right:20px}.control-button{cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:8px 16px;font-family:inherit;font-size:.8rem;transition:all .3s}.share-button{color:#1da1f2;background:#1da1f233;border:1px solid #1da1f2}.share-button:hover{background:#1da1f266}.lang-button{border:1px solid var(--glow-cyan);color:var(--starlight);text-transform:uppercase;letter-spacing:.1em;background:#ffffff1a}.lang-button:hover{background:#00f3ff33}.personal-section{text-align:center;width:100%;max-width:90%;margin-top:4rem}.date-input{border:1px solid var(--glow-cyan);color:#fff;background:#ffffff1a;border-radius:20px;outline:none;margin-bottom:1rem;padding:.5rem 1rem;font-family:inherit;transition:all .3s}.date-input:focus{box-shadow:0 0 10px var(--glow-cyan)}.personal-result{margin-top:1rem;animation:1s fadeIn}.personal-count{color:var(--glow-cyan);font-family:Courier New,monospace;font-size:2.5rem;font-weight:700}.content-section{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000a1e99;border:1px solid #00f3ff33;border-radius:10px;width:90%;max-width:600px;margin-top:5rem;padding:2rem;transition:transform .3s}.content-section:hover{transform:translateY(-2px);border-color:var(--glow-cyan)!important}.content-section h2{color:var(--glow-cyan);border-bottom:1px solid var(--glow-purple);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.content-section p{opacity:.9;margin-bottom:1rem;font-size:.9rem;line-height:1.8}.content-section .note-italic{opacity:.7;font-size:.8rem;font-style:italic;line-height:1.6}@media (max-width:600px){.cosmic-container{padding:6rem 1rem 4rem}.header-controls{flex-direction:row;gap:8px;top:15px;right:15px}.control-button{padding:6px 12px;font-size:.7rem}.title-question{margin-bottom:1.5rem;font-size:1.2rem}.counter-display{word-break:break-all;font-size:2rem}.unit-label{font-size:1rem}.personal-section{margin-top:3rem}.personal-count{font-size:1.8rem}.content-section{margin-top:3rem;padding:1.5rem}.portfolio-link{padding:6px 12px;font-size:.7rem;bottom:10px;right:10px}}.support-section{opacity:.7;justify-content:center;margin-top:3rem;transition:opacity .3s;display:flex}.support-section:hover{opacity:1}.coffee-link{transition:transform .3s,filter .3s;display:inline-block}.coffee-link:hover{filter:drop-shadow(0 0 10px #fd06);transform:scale(1.05)}.coffee-image{border-radius:8px;width:auto;height:50px}@media (max-width:600px){.support-section{margin-top:2rem}.coffee-image{height:40px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}