@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-regular.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2) format("woff2")}:root{--bg: #0a0912;--bg-2: #171325;--ink: #f3efe9;--muted: #ada4bccc;--accent: #f2c94c;--violet: #b39ddb;--indigo: #6c5ce7;--dawn: #ffb266;--line: #ffffff14;--serif: "Instrument Serif", "Iowan Old Style", Palatino, Georgia, serif;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;font:16px/1.55 var(--sans);background:var(--bg);color:var(--ink);padding:1rem}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(140% 100% at 50% -20%,var(--bg-2),transparent 55%),var(--bg)}.atmosphere i{position:absolute;display:block;width:85vmax;height:85vmax;border-radius:50%;will-change:transform,opacity}.atmosphere i:nth-child(1){top:-28%;left:-18%;opacity:.4;background:radial-gradient(circle at center,var(--indigo) 0%,transparent 60%);animation:drift-a 74s ease-in-out infinite}.atmosphere i:nth-child(2){right:-22%;top:8%;width:78vmax;height:78vmax;opacity:.36;background:radial-gradient(circle at center,var(--violet) 0%,transparent 60%);animation:drift-b 96s ease-in-out infinite}.atmosphere i:nth-child(3){bottom:-34%;left:12%;width:96vmax;height:96vmax;opacity:.34;background:radial-gradient(circle at center,var(--dawn) 0%,transparent 58%);animation:drift-c 84s ease-in-out infinite}@keyframes drift-a{0%,to{transform:translate(0);opacity:.36}50%{transform:translate(11vw,7vh);opacity:.46}}@keyframes drift-b{0%,to{transform:translate(0);opacity:.32}50%{transform:translate(-9vw,6vh);opacity:.42}}@keyframes drift-c{0%,to{transform:translate(0);opacity:.3}50%{transform:translate(7vw,-8vh);opacity:.4}}.card{position:relative;width:100%;max-width:40rem;background:#13101e9e;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 28px 80px -30px #000000bf;padding:1.5rem}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.card{background:#15111f}}h1{margin:0;font-family:var(--serif);font-size:2.6rem;font-weight:400;letter-spacing:0;line-height:1.05}.sub{color:var(--muted);margin:.55rem 0 0}form#q{display:grid;gap:.9rem;margin-top:1.5rem}label{display:grid;gap:.35rem}label span{font-size:.92rem}label em{color:var(--muted);font-style:normal}input{width:100%;min-width:0;max-width:100%;min-height:48px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#08060e80;border:1px solid #ffffff1f;color:var(--ink);border-radius:12px;padding:.6rem .75rem;font:inherit;transition:border-color .15s ease}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}input[type=time]{text-align:left}input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}button{min-height:48px;background:var(--accent);color:#1a1206;border:0;border-radius:12px;padding:.7rem 1.1rem;font:600 1rem var(--sans);cursor:pointer;transition:filter .15s ease,transform .08s ease}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:progress}form#q button{margin-top:.3rem;width:100%}#out{margin-top:1.5rem}.card-result{background:linear-gradient(180deg,#120e22,#0a0813);border:1px solid var(--line);border-radius:18px;padding:1.6rem 1.5rem;animation:rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.artifact-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--serif);font-size:1.6rem;font-weight:400}.tagline{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:1.05rem}.chrono{margin:1.2rem 0 .1rem;font-family:var(--serif);font-size:1.75rem;font-weight:400;line-height:1.1}.chrono-sub{margin:0;color:var(--muted);font-size:.85rem;letter-spacing:.02em}.windows{display:grid;gap:1.15rem;margin-top:1.3rem}.window{text-align:center}.window h3{margin:0 0 .35rem;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.fog{position:relative;display:grid;place-items:center;min-height:3.1rem}.fog-band{position:absolute;top:.35rem;right:0;bottom:.35rem;left:0;border-radius:999px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 12%,transparent) 22%,color-mix(in srgb,var(--accent) 34%,transparent) 50%,color-mix(in srgb,var(--accent) 12%,transparent) 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 76%,transparent)}.fog-range{position:relative;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;letter-spacing:0;line-height:1.05}.caveat{margin:1.2rem 0 0;color:var(--muted);font-size:.88rem;border-left:2px solid var(--accent);padding-left:.85rem}.disclaimer{margin:.9rem 0 0;color:var(--muted);font-size:.8rem}.badge{margin:.9rem 0 0;color:var(--muted);font-size:.75rem;letter-spacing:.02em;text-align:center}.actions{margin-top:1.1rem}.actions button{width:100%}.signup{margin-top:1.4rem;display:grid;gap:.5rem}.signup label{font-size:.92rem}.signup-row{display:grid;gap:.5rem}.signup-msg,.share-msg{margin:.3rem 0 0;color:var(--accent);font-size:.85rem;min-height:1.2em}@media(min-width:30rem){body{padding:1.5rem;align-items:center}.card{padding:2.4rem}h1{font-size:3rem}.signup-row{grid-template-columns:1fr auto}}@media(min-width:34rem){.windows{grid-template-columns:repeat(3,1fr);gap:1rem}.window{min-width:0}.fog-range{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
