*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#fff;background:#000;min-height:100vh;display:flex;flex-direction:column}#app{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;min-height:100vh}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.card{background:#000;border:none;border-radius:12px;padding:2rem;width:100%;max-width:500px;box-shadow:none}#age-display.card{background:transparent;border:none;border-radius:0;padding:1rem;box-shadow:none;max-width:none;width:100%}.input-group{margin-bottom:1.5rem;text-align:center}label{display:block;font-weight:300;margin-bottom:.5rem;color:#fff;font-size:.8rem}input[type=date]{width:100%;padding:1rem;font-size:1.1rem;border:2px solid #ffffff;border-radius:8px;background:#000;color:#fff;transition:border-color .2s ease}input[type=date]:focus{outline:none;border-color:#888;box-shadow:0 0 0 3px #8883}.settings-title{font-size:1.25rem;color:#fff;text-align:left;margin-bottom:1rem}button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:2px solid #ffffff;border-radius:8px;background:#fff;color:#000;cursor:pointer;transition:all .2s ease;display:block;width:100%}button:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #fff3}button:focus{outline:none;box-shadow:0 0 0 3px #8888884d}button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:#1a1a1a;color:#fff;border:2px solid #666666;margin-top:1rem}.secondary-button:hover:not(:disabled){background:#666;color:#000;border-color:#fff}.age-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-height:60vh;width:100%}.age-label{font-size:1.25rem;color:#ccc;margin-bottom:1rem}.age-value{font-size:4rem;font-weight:300;color:#fff;font-family:Courier New,monospace;line-height:1.1;word-break:break-all;margin:0;background:transparent;border:none;text-align:center;display:block;width:100%;cursor:pointer}.controls{border-top:1px solid #333333;padding-top:1.5rem}.precision-control{margin-bottom:1.5rem;text-align:center}.precision-control label{margin-bottom:1rem}input[type=range]{width:100%;height:8px;background:#333;outline:none;border-radius:4px;margin:1rem 0}input[type=range]::-webkit-slider-thumb{appearance:none;width:24px;height:24px;background:#888;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #8888884d}input[type=range]::-moz-range-thumb{width:24px;height:24px;background:#888;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #8888884d}.precision-display{display:inline-block;background:#888;color:#000;padding:.25rem .75rem;border-radius:4px;font-weight:600;margin-left:1rem;min-width:2rem;text-align:center}.error{background:red;color:#fff;padding:1rem;border-radius:8px;margin:1rem 0;text-align:center;font-weight:600;border:2px solid #ffffff}.offline-indicator{position:fixed;bottom:1rem;right:1rem;background:#f60;color:#000;padding:.25rem .5rem;border-radius:4px;font-weight:600;font-size:.8rem}@media (max-width: 768px){#app{padding:1rem}.age-value{font-size:2.5rem}.card{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button:hover:not(:disabled){transform:none}}@media (prefers-contrast: high){body{background:#000;color:#fff}.card{border-width:3px;background:#000}input[type=date],button{border-width:3px}.age-value{border-width:3px;text-shadow:none}}@media print{body{background:#fff;color:#000}.card{border-color:#000;background:#fff}.age-value{color:#000;border-color:#000;background:#fff;text-shadow:none}button{display:none}}