/* Migrated from fandl.world; original background and wording retained. */
:root{color-scheme:light;--ink:#292c31;--rose:rgb(253,99,125)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;min-height:100svh;background:#f8f4f0 url('./bg.jpg') center center/cover no-repeat;font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
.back-link{position:absolute;top:25px;left:28px;font-size:12px;line-height:1.7;text-decoration:none;color:#666;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;background:rgba(255,255,255,.55)}
.back-link:hover{color:var(--rose);background:rgba(255,255,255,.8)}
.back-link:focus-visible{outline:2px solid var(--rose);outline-offset:4px}
.content{position:absolute;top:40%;left:50%;width:calc(100% - 36px);max-width:510px;padding:27px 22px;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.64);border-radius:12px;box-shadow:0 8px 36px rgba(36,42,49,.06)}
.names{display:flex;align-items:center;justify-content:center;gap:13px;font-size:32px;line-height:1.4;font-weight:400;margin:0}
.heart{width:28px;height:28px;fill:var(--rose);filter:drop-shadow(0 2px 4px rgba(253,99,125,.15))}
.timer{font-size:25px;line-height:1.7;margin:22px 0 24px;font-variant-numeric:tabular-nums}
.timer-row{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:7px 13px}
.timer b{font-weight:600;color:var(--rose);display:inline-block;min-width:1.35em}
.timer-row:first-child>span:first-child b{min-width:2.5em}
.promise{font-size:30px;line-height:1.6;font-weight:400;margin:0;letter-spacing:.04em}
.since{margin:17px 0 0;font-size:10px;letter-spacing:.1em;color:#78797c}
.noscript-note{font-size:12px;color:#777}
@media(max-width:520px){.back-link{top:18px;left:14px;font-size:11px}.content{top:39%;padding:23px 16px}.names{font-size:30px}.timer{font-size:21px;margin:20px 0 23px;line-height:1.85}.timer-row{gap:5px 10px}.promise{font-size:24px;letter-spacing:.025em}.since{font-size:9px}}
@media(max-height:420px){.content{position:relative;top:auto;left:auto;transform:none;margin:72px auto 25px;padding:22px 20px}.timer{margin:12px 0}.since{margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}