:root{--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #242424;--text-color: rgba(255, 255, 255, .87);--accent-color: #646cff;--accent-hover: #535bf2;--button-bg: #1a1a1a;--button-border: transparent;--text-shadow: 0 0 8px rgba(255, 255, 255, .5), 0 0 15px rgba(255, 255, 255, .3);--input-bg: rgba(128, 128, 128, .3);--label-color: white;--subtext-color: grey;font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=catppuccin]{--font-family: "JetBrains Mono", "Fira Code", monospace;--bg-color: #303446;--text-color: #c6d0f5;--accent-color: #8caaee;--accent-hover: #85c1dc;--button-bg: #414559;--button-border: #626880;--text-shadow: 0 0 8px rgba(140, 170, 238, .5), 0 0 15px rgba(140, 170, 238, .3);--input-bg: #414559;--label-color: #f2d5cf;--subtext-color: #a5adce;color-scheme:dark}@media (prefers-color-scheme: light){[data-theme=catppuccin]{--bg-color: #eff1f5;--text-color: #4c4f69;--accent-color: #1e66f5;--accent-hover: #209fb5;--button-bg: #e6e9ef;--button-border: #ccd0da;--text-shadow: 0 0 8px rgba(30, 102, 245, .2), 0 0 15px rgba(30, 102, 245, .1);--input-bg: #ccd0da;--label-color: #dc8a78;--subtext-color: #6c6f85;color-scheme:light}}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:border-color .25s,background-color .25s}input,select,textarea{font-family:inherit}button:hover{border-color:var(--accent-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root:not([data-theme=catppuccin]){--bg-color: #ffffff;--text-color: #213547;--accent-hover: #747bff;--button-bg: #f9f9f9;--text-shadow: 0 0 8px rgba(0, 0, 0, .5), 0 0 15px rgba(0, 0, 0, .3);--input-bg: rgba(200, 200, 200, .3);--label-color: black}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.app-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.theme-menu-container{position:fixed;bottom:23px;right:80px;z-index:1000;display:flex;align-items:baseline;gap:4px;padding:0;margin:0}.theme-label{font-size:12px;color:var(--subtext-color);opacity:.7;line-height:1}.theme-select{background-color:transparent;color:var(--text-color);border:none;font-size:12px;cursor:pointer;outline:none;opacity:.7;transition:all .3s ease;font-family:inherit;padding:0;margin:0;line-height:1}.theme-select:hover{opacity:1;text-shadow:var(--text-shadow)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}form{display:flex;flex-direction:column;gap:1rem}.input-row{display:flex;align-items:center;gap:.5rem}#InputLabel{font-size:1.5rem;color:var(--label-color);text-shadow:var(--text-shadow)}#dateInput{font-size:1.2rem;padding:.5rem;border:1px solid var(--button-border);border-radius:5px;background-color:var(--input-bg);color:var(--text-color);outline:none;font-family:inherit}#dateInput:focus{border-color:var(--accent-color);box-shadow:var(--text-shadow)}#startButton{font-size:1rem;padding:.5rem 1rem;border:1px solid var(--button-border);border-radius:5px;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;transition:all .3s ease;font-family:inherit}#startButton:hover{border-color:var(--accent-color);box-shadow:var(--text-shadow)}#startButton:active{transform:scale(.98)}.age-container{display:flex;align-items:flex-start}.container{display:flex;flex-direction:column;align-items:flex-start}#ageText{font-size:2rem;margin-bottom:-1rem;color:var(--subtext-color)}#year{font-size:6rem;margin-top:0;color:var(--text-color)}#fractional{align-self:flex-start;font-size:3rem;margin-top:0;width:19rem;text-align:left;overflow:hidden;color:var(--text-color)}#year,#fractional{text-shadow:var(--text-shadow)}#resetButton{position:fixed;bottom:20px;right:20px;background-color:transparent;color:var(--text-color);border:none;font-size:12px;cursor:pointer;transition:all .3s ease;line-height:1}#resetButton:hover{text-shadow:var(--text-shadow);filter:brightness(1.2)}