*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#10223b}body{font-family:"Noto Serif SC","Songti SC","SimSun",serif;color:#fff5fa}.scene{position:relative;min-height:100svh;height:100dvh;overflow:hidden;isolation:isolate}.background,.veil,.effects-layer{position:absolute;inset:0;pointer-events:none}.background{background-size:cover;background-repeat:no-repeat;transition:opacity 2s ease;background-position:center center;z-index:-3}.background-day{background-image:url('assets/day.png');opacity:1}.background-night{background-image:url('assets/night.png');opacity:0}.scene[data-period=night] .background-day{opacity:0}.scene[data-period=night] .background-night{opacity:1}.veil{z-index:-2;background:linear-gradient(180deg,rgba(16,29,61,.08),transparent 60%,rgba(14,20,32,.08))}.timer-card{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:clamp(330px,26vw,410px);padding:27px 30px 25px;text-align:center;border:1px solid rgba(255,255,255,.36);border-radius:28px;background:linear-gradient(145deg,rgba(188,208,242,.20),rgba(255,216,208,.17));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 48px rgba(42,36,59,.10),inset 0 1px 0 rgba(255,255,255,.15);text-shadow:0 2px 14px rgba(111,64,103,.3)}h1{font-size:22px;font-weight:400;letter-spacing:.15em;margin:0 0 12px}.divider{display:flex;align-items:center;gap:12px;width:76%;margin:0 auto;color:#fff0f7;font-size:12px}.divider:before,.divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65))}.divider:after{transform:rotate(180deg)}.days{font-family:Georgia,"Times New Roman",serif;line-height:1.15;white-space:nowrap;margin:9px 0 5px;text-shadow:0 0 26px rgba(255,177,210,.5)}#days{font-size:clamp(76px,6.5vw,102px);font-weight:400;letter-spacing:2px}.day-unit{font-size:44px;margin-left:8px}.clock{display:flex;justify-content:center;align-items:baseline;gap:6px;font-family:Georgia,"SimSun",serif;font-size:28px;font-variant-numeric:tabular-nums}.clock small{font-family:"SimSun",serif;font-size:20px;margin-right:4px}.lower{margin-top:20px;font-size:15px}#caption{font-size:17px;letter-spacing:.13em;margin:18px 0 0;line-height:1.8}.since{font-family:Georgia,serif;font-size:11px;letter-spacing:.18em;opacity:.65;margin:12px 0 0}.scene[data-period=night] .timer-card{background:linear-gradient(145deg,rgba(39,58,105,.3),rgba(58,47,96,.19));box-shadow:0 14px 60px rgba(5,12,32,.18),inset 0 1px 0 rgba(255,255,255,.14)}.secret-anchor{position:absolute;left:93.3%;top:46%;transform:translateX(-50%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.secret-trigger{display:grid;place-items:center;width:44px;height:44px;background:rgba(103,39,28,.12);border:1px solid rgba(255,219,181,.23);border-radius:50%;color:#ffd4c9;font-size:19px;text-shadow:0 0 12px #ff9d71;transition:transform .25s,background .25s}.secret-trigger:hover{transform:scale(1.1);background:rgba(154,75,54,.35)}button:focus-visible{outline:2px solid #ffe6af;outline-offset:5px}.secret-note{position:absolute;right:52px;top:-8px;min-width:125px;padding:14px 16px;display:flex;align-items:center;gap:14px;background:rgba(65,34,47,.68);border:1px solid #ffffff40;border-radius:16px;backdrop-filter:blur(12px);white-space:nowrap;box-shadow:0 8px 25px #0002}.secret-note[hidden]{display:none}.secret-note span{font-size:17px}.secret-note button{background:none;border:0;color:#ffabbc;font-size:28px;padding:0}.beat{animation:heartbeat .65s ease}.floating-heart{position:absolute;right:20px;top:8px;color:#ffc0d0;pointer-events:none;animation:float 1.1s ease-out forwards}.scene[data-period=night] .secret-anchor{left:89%;top:70%}@keyframes heartbeat{0%,100%{transform:scale(1)}25%{transform:scale(1.4) rotate(-10deg)}50%{transform:scale(.9)}75%{transform:scale(1.2) rotate(8deg)}}@keyframes float{to{transform:translate(8px,-65px) rotate(15deg);opacity:0}}@media(min-aspect-ratio:2/1){.timer-card{top:5%;padding:20px 30px}#days{font-size:80px}.lower{margin-top:12px}}@media(max-width:600px){.background-day{background-position:51% center}.background-night{background-position:64% center}.timer-card{top:max(7%,env(safe-area-inset-top));width:calc(100% - 48px);max-width:350px;padding:24px 21px 21px;border-radius:24px}h1{font-size:21px}#days{font-size:78px}.day-unit{font-size:36px}.clock{font-size:25px;gap:5px}.clock small{font-size:17px}#caption{font-size:15px}.secret-anchor,.scene[data-period=night] .secret-anchor{left:auto;right:22px;top:auto;bottom:max(9%,env(safe-area-inset-bottom));transform:none}.secret-trigger{background:rgba(51,35,54,.35)}.secret-note{right:54px}.background{background-size:auto 100%}}@media(max-height:500px){.timer-card{top:4%;padding:14px 25px;width:300px}h1{font-size:18px;margin-bottom:5px}#days{font-size:62px}.clock{font-size:21px}.lower{margin-top:9px}#caption{margin-top:9px;font-size:14px}.since{margin-top:6px}}@media(prefers-reduced-motion:reduce){.background{transition:none}.beat,.floating-heart{animation:none}.floating-heart{display:none}}