*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow:hidden}body{display:flex;justify-content:center;align-items:center;min-width:320px;margin:0 auto;position:relative}h2{font-size:2.5rem;white-space:nowrap;margin:0 2rem;padding:0 1rem}a{font-weight:500;color:#ff69b4;text-decoration:underline}a:hover{color:#ff8dc7}input::placeholder{color:#fff;opacity:.8}#root{width:100%;min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:15vh 0;padding-top:max(15vh,env(safe-area-inset-top));padding-bottom:max(15vh,env(safe-area-inset-bottom))}dialog{position:fixed;top:25%;left:50%;transform:translate(-50%,-50%);padding:1rem;border:1px solid #ff69b4;border-radius:8px;background-color:#242424;color:#ffffffde;min-width:280px;width:90%;max-width:400px;font-size:1.2rem}dialog::backdrop{background-color:#0000007f}dialog input,dialog select{width:100%;padding:.5rem;margin:.5rem 0;border:1px solid #ff69b4;border-radius:4px;background-color:#333;color:#fff;font-size:1.2rem}dialog button{padding:.5rem 1rem;margin:.5rem .25rem;min-width:80px;border:1px solid;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;font-size:1.2rem}dialog button[type=submit],dialog button:first-of-type{background-color:#ff69b4;border-color:#ff69b4;color:#fff}dialog button[type=submit]:hover,dialog button:first-of-type:hover{background-color:#ff8dc7;border-color:#ff8dc7}dialog button[type=button],dialog button:last-of-type{background-color:transparent;border-color:#ffffffde;color:#ffffffde}dialog button[type=button]:hover,dialog button:last-of-type:hover{border-color:#fff;color:#fff}.container{width:100%;max-width:1280px;padding:1rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.time-display{margin:1rem}.current-time{font-size:2.5rem;font-weight:700;margin:1rem}.reference-times{display:flex;gap:1rem;justify-content:center;margin:1rem;flex-wrap:wrap}.reference-times button{height:4.5rem;padding:.5rem 1rem;border:1px solid #ff69b4;border-radius:8px;background:transparent;color:#ff69b4;cursor:pointer;transition:all .2s;white-space:nowrap;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.reference-times button:hover,.reference-times button.active{background:#ff69b4;color:#fff}.reference-times button span{display:inline-block}.difference{font-size:2rem;font-weight:700;color:#ff69b4;margin-top:1.5rem;white-space:nowrap;max-width:100%;display:inline-block;text-align:center;scale:1;transform-origin:center}@media screen and (width <= 400px){.difference{font-size:min(2rem,10vw)}}.x-post-button-link{background-color:#000;color:#fff;padding:.5rem 1rem;margin-top:1.5rem;border-radius:8px;text-decoration:none;display:inline-block;border:1px solid #fff;white-space:nowrap}.reference-times button:last-child{border:1px solid #20b2aa;color:#20b2aa;height:4.5rem;width:4.5rem;font-size:3rem}.reference-times button:last-child:hover{background:#20b2aa;color:#fff}.author{margin-top:1rem;font-size:1rem}