@font-face{font-family:Manrope;src:url('/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:light;--ink:#14191b;--muted:#647075;--paper:#f2f4f3;--blue:#2155ff;--acid:#ddff66;--line:#cbd2d1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}
button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
[hidden]{display:none!important}#fireworks{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.page{max-width:1248px;margin:auto;padding:0 48px;position:relative;z-index:1}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
.monogram{font-size:31px;font-weight:800;letter-spacing:-2.5px;text-decoration:none}
.topbar nav{display:flex;gap:32px;font-size:11px;font-weight:700}.topbar nav a{text-decoration:none}.topbar nav a:hover{color:var(--blue)}
.date-mark,.eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:700}
.date-mark{font-variant-numeric:tabular-nums}.eyebrow{margin:0 0 15px;color:var(--muted)}
main{padding-top:60px}.intro{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:52px}
h1{font-size:clamp(76px,9.8vw,126px);font-weight:800;letter-spacing:-8px;line-height:.9;text-transform:uppercase;margin:0}
h1>span{display:block}.name-dot{color:var(--blue)}.intro .eyebrow{margin-bottom:27px}
.intro-text{font-size:13px;line-height:1.8;color:var(--muted);margin:25px 0 0}
.date-poster{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-width:205px;max-width:240px;background:var(--acid);padding:20px 24px;transform:rotate(3deg);margin-right:8px}
.date-poster>span{font-size:9px;letter-spacing:1.2px;font-weight:800}.date-poster strong{font-size:95px;line-height:.93;letter-spacing:-8px;font-weight:800;padding:12px 0}
.date-poster strong span{display:block;border-top:2px solid var(--ink);margin-top:9px;padding-top:6px}
h2{font-size:28px;line-height:1.15;letter-spacing:-1.2px;font-weight:700;margin:0}h3{margin:0;font-weight:700;letter-spacing:-.6px}
.birthday-card{background:var(--ink);color:white;padding:32px 40px 0;border-radius:3px}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.birthday-card .eyebrow{color:#9ca7a8}
.date-pill{border:1px solid #5c6668;padding:10px 15px;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums}
.countdown{display:grid;font-variant-numeric:tabular-nums}.countdown-main{grid-template-columns:1.15fr auto 1fr auto 1fr auto 1fr;text-align:center;gap:12px;padding:30px 0 31px}
.time-unit{min-width:0;display:flex;flex-direction:column;gap:10px}.number{font-size:clamp(62px,8vw,102px);font-weight:600;line-height:1;letter-spacing:-5px;white-space:nowrap}
.unit{font-size:9px;letter-spacing:1px;font-weight:600;color:#aab5b7}.colon{font-size:45px;line-height:1.65;font-weight:300;color:#667174}
.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #414a4d;padding:18px 0;color:#b0babc;font-size:11px}
.age-tag{font-weight:800;font-size:12px;letter-spacing:.7px;color:var(--acid)}
.century-card{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;padding:32px 0;border-bottom:1px solid var(--ink)}
.century-intro h2{font-size:44px;letter-spacing:-2.5px}.century-intro h2 span{background:var(--acid);padding:0 5px}
.century-intro time{font-size:11px;display:block;margin-top:17px}.century-data{align-self:center}
.countdown-small{grid-template-columns:1.8fr 1fr 1fr 1fr;gap:18px;text-align:left;margin-bottom:20px}
.countdown-small .number{font-size:42px;font-weight:600;letter-spacing:-1.8px}.countdown-small .unit{color:var(--muted);font-size:8px}
.countdown-small .time-unit{gap:8px}.journey-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px}
.journey-label span:last-child{font-weight:800;color:var(--ink)}.progress{height:5px;background:#d8ddda;overflow:hidden}.progress>div{height:100%;width:0;background:var(--ink)}
.century-note{font-size:10px;color:var(--muted);margin:10px 0 0}
.celebrate-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 65px}
.celebrate-row p{font-size:11px;color:var(--muted)}#celebrate{font-size:11px;font-weight:800;padding:12px 16px;background:transparent;color:var(--ink);border:1px solid var(--ink)}
#celebrate:hover,#celebrate[aria-pressed=true]{background:var(--acid)}button:disabled{cursor:default}
.greeting{background:var(--acid);padding:30px 36px;margin-bottom:20px;border-left:5px solid var(--ink)}.greeting .eyebrow{color:var(--ink)}
.greeting h2{font-size:32px}.greeting>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:15px 0 0}.greeting .signature{font-weight:800}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}
.section-heading h2{font-size:48px;letter-spacing:-2.4px;line-height:1.05}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 17px;font-size:11px;font-weight:800;border:1px solid var(--ink);border-radius:0;min-height:44px;text-decoration:none;transition:background .15s,color .15s,transform .15s}
.button:hover{transform:translateY(-2px)}.outline{background:transparent;color:var(--ink)}.outline:hover,.outline[aria-pressed=true]{background:var(--ink);color:white}
.solid{background:var(--ink);color:white}.solid:hover{background:var(--blue);border-color:var(--blue)}.light{background:var(--acid);color:var(--ink);border-color:var(--acid)}
.blue{background:var(--blue);color:white;border-color:var(--blue)}.blue:hover{background:var(--ink);border-color:var(--ink)}
.world-section{scroll-margin-top:24px}.world-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);margin-bottom:20px}
.world-meta p{margin:0;line-height:1.7}#world-reference{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}
.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.clock-card{min-width:0;text-align:left;border:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:22px 20px;background:#fafcfb;color:var(--ink);position:relative;transition:background .16s,color .16s}
.clock-card:hover{background:#e5ebec}.clock-card[aria-pressed=true]{background:var(--blue);color:white}
.clock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.clock-flag{font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:24px}.clock-code{font-size:10px;font-weight:800;letter-spacing:1.1px;opacity:.65}
.clock-city{display:block;font-size:18px;font-weight:800;letter-spacing:-.6px;line-height:1.2;min-height:22px}
.clock-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0}.digital{font-size:25px;font-weight:700;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.digital small{font-size:12px;letter-spacing:0;opacity:.65;margin-left:3px}.clock-date{display:block;font-size:10px;opacity:.7;margin-top:4px}
.analog{display:block;width:54px;height:54px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;position:relative;opacity:.8;background:linear-gradient(currentColor,currentColor) center 3px/1px 4px no-repeat,linear-gradient(currentColor,currentColor) center calc(100% - 3px)/1px 4px no-repeat,linear-gradient(currentColor,currentColor) 3px center/4px 1px no-repeat,linear-gradient(currentColor,currentColor) calc(100% - 3px) center/4px 1px no-repeat}
.hand{position:absolute;display:block;bottom:50%;left:50%;transform-origin:50% 100%;border-radius:2px;background:currentColor}.hand.hour{width:3px;height:14px;margin-left:-1.5px}.hand.minute{width:2px;height:19px;margin-left:-1px}.hand.second{width:1px;height:20px;background:#ff6545}
.analog::after{content:"";position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:4px;height:4px;background:currentColor;border-radius:50%}
.clock-status{display:flex;align-items:center;gap:6px;font-size:9px;line-height:1.5;font-weight:600}
.clock-status::before{content:"";display:block;width:5px;height:5px;flex-shrink:0;background:#9ba6a8;border-radius:50%}.clock-card[data-party=true] .clock-status::before{background:#a9d217}.clock-card[aria-pressed=true] .clock-status::before{background:white}
.clock-card[data-party=true] .clock-status{font-weight:800}.clock-card[data-party=true]:not([aria-pressed=true]){background:#e8f5bc}
.world-detail{display:grid;grid-template-columns:1fr 1.7fr;gap:30px;align-items:center;padding:25px 28px;background:var(--ink);color:white;margin-top:15px}
#selected-country{font-size:10px;color:#adb9bc}#selected-city{font-size:26px;margin-top:6px;letter-spacing:-1px}.world-detail>p{font-size:13px;line-height:1.8;margin:0;color:#d1d9da;font-variant-numeric:tabular-nums}.world-detail>p strong{color:var(--acid);font-weight:700}
.travel-panel{background:#e1e9ff;border:1px solid var(--blue);padding:20px 23px;margin-bottom:20px}.travel-panel>div{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;font-weight:700}
#travel-label{font-size:10px;text-align:right}#party-time{display:block;width:100%;accent-color:var(--blue);cursor:ew-resize;margin:24px 0 17px;min-height:24px}
#travel-note{font-size:10px;line-height:1.7;color:#4c607f;margin:0}
.party-section{margin:65px 0 52px;padding:32px;background:var(--acid)}.party-section .eyebrow{color:#3c471f}.party-section .section-heading{margin-bottom:30px}
.play-mark{font-size:92px;line-height:.9;font-weight:500;letter-spacing:-8px;padding-right:15px}
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.play-card{padding:25px 22px;display:flex;flex-direction:column;min-width:0;background:#fafcfb}
.play-card h3{font-size:21px;line-height:1.15;letter-spacing:-.8px}.play-card .eyebrow{font-size:9px;color:var(--muted);margin-bottom:12px}.play-card .button{align-self:flex-start;margin-top:auto}
.game-note{font-size:10px;color:var(--muted);line-height:1.7;margin:14px 0 20px;min-height:34px}
.cake-scene{height:177px;position:relative;flex-shrink:0;max-width:210px;width:100%;margin:20px auto 0}
.candles{position:absolute;display:flex;justify-content:center;left:0;right:0;top:2px;z-index:2}.candle{position:relative;width:44px;height:73px;border:0;background:transparent;padding:0}
.wax{position:absolute;left:17px;bottom:0;width:10px;height:42px;background:repeating-linear-gradient(35deg,#ddff66 0 7px,#91b92b 7px 10px)}.flame{position:absolute;left:16px;top:1px;width:12px;height:22px;border-radius:55% 55% 50% 50%;background:#ff6545;transform:rotate(5deg);box-shadow:0 0 0 5px #ff654515}
.candle:nth-child(2) .flame{transform:rotate(-5deg)}.candle[disabled] .flame{display:none}.candle[disabled] .wax{opacity:.65}
.cake-icing{position:absolute;top:73px;left:14%;right:14%;height:18px;background:#f2f4f3;border:2px solid var(--blue);border-bottom:0;border-radius:10px 10px 0 0;z-index:2}
.cake-base{position:absolute;left:14%;right:14%;height:68px;top:88px;background:var(--blue);display:flex;align-items:center;justify-content:center;color:white}
.cake-base span{font-size:27px;font-weight:800;letter-spacing:-2px}.cake-plate{position:absolute;left:5%;right:5%;top:157px;height:7px;background:#14191b;border-radius:50%}
.fortune-card{background:#dfe5e6}.fortune-card blockquote{font-size:22px;line-height:1.35;letter-spacing:-.7px;font-weight:600;margin:35px 0 30px;min-height:150px}
.applause-card{background:var(--ink);color:white}.applause-card .eyebrow{color:#aab5b7}.applause-card h3{font-size:20px}.applause-card output{display:block;font-size:100px;font-weight:800;letter-spacing:-6px;line-height:1.2;margin-top:19px;color:var(--acid);font-variant-numeric:tabular-nums}.applause-card .game-note{color:#aab5b7}
.balloon-strip{border-top:1px solid #9fb94f;margin-top:26px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.balloon-strip h3{font-size:24px;letter-spacing:-1px}.balloon-strip p{font-size:11px;line-height:1.7;margin:7px 0 0;max-width:450px}
.balloon-layer{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.balloon{position:absolute;bottom:-150px;left:var(--left);width:66px;height:84px;border-radius:50% 50% 47% 47%;border:0;background:var(--balloon);color:var(--balloon-ink,#14191b);font-size:17px;font-weight:800;pointer-events:auto;animation:balloon-flight 10s linear both;animation-delay:var(--delay)}
.balloon::after{content:"";width:1px;height:70px;background:#647075;position:absolute;left:50%;top:calc(100% + 4px);transform:rotate(-5deg);transform-origin:top}
.balloon::before{content:"";position:absolute;left:calc(50% - 4px);bottom:-5px;width:8px;height:8px;background:var(--balloon);transform:rotate(45deg)}
.balloon:focus-visible{outline:3px solid #ff6545;outline-offset:8px}.balloon:hover{filter:brightness(1.15)}.balloon.popped{display:none}
.balloon-controls{pointer-events:auto;position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 14px;background:white;border:1px solid var(--ink);display:flex;align-items:center;gap:15px;white-space:nowrap;box-shadow:0 6px 24px #14191b14}
.balloon-controls output{font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.balloon-controls button{background:var(--ink);border:0;color:white;min-height:36px;padding:7px 12px;font-size:10px;font-weight:700}
@keyframes balloon-flight{0%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(var(--drift),calc(-50vh - 100px)) rotate(6deg)}100%{transform:translate(0,calc(-100vh - 250px)) rotate(-6deg)}}
footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0 35px;border-top:1px solid var(--ink);font-size:9px;letter-spacing:.4px}
footer strong{font-size:10px;font-weight:800}footer span{color:var(--muted)}footer a{font-weight:700;text-decoration:none}.no-script{font-size:14px;line-height:1.8;padding:20px;border:1px solid var(--ink)}
@media(max-width:1050px){h1{font-size:99px;letter-spacing:-6px}.date-poster{min-width:180px}.date-poster strong{font-size:84px}.clock-card{padding:19px 14px}.digital{font-size:22px}.analog{width:45px;height:45px}.hand.hour{height:12px}.hand.minute{height:16px}.hand.second{height:17px}.clock-city{font-size:16px}.play-grid{gap:10px}.play-card{padding:23px 17px}.play-card h3{font-size:19px}.fortune-card blockquote{font-size:19px}.play-card .button{font-size:10px;padding:12px}}
@media(max-width:760px){.page{padding:0 24px}.topbar{height:76px}.date-mark{display:none}.topbar nav{gap:23px;font-size:10px}main{padding-top:40px}.intro{gap:20px;margin-bottom:36px}h1{font-size:76px;letter-spacing:-4.5px}.intro .eyebrow{font-size:8px;margin-bottom:22px}.intro-text{font-size:11px;margin-top:20px}.date-poster{min-width:125px;max-width:145px;padding:15px;margin-right:5px}.date-poster>span{font-size:7px;letter-spacing:.4px}.date-poster strong{font-size:67px;letter-spacing:-5px}.birthday-card{padding:25px 25px 0}.card-heading h2{font-size:23px}.eyebrow{font-size:9px}.date-pill{font-size:9px;padding:9px 12px}.countdown-main{gap:8px;padding:28px 0}.number{font-size:65px;letter-spacing:-3px}.colon{font-size:30px;line-height:1.7}.unit{font-size:8px;letter-spacing:.7px}.card-bottom{font-size:10px}.age-tag{font-size:10px}.century-card{gap:25px;grid-template-columns:1fr}.century-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center}.century-intro .eyebrow{grid-column:1/-1}.century-intro time{text-align:right;margin:0;font-size:10px}.century-intro h2{font-size:36px}.countdown-small .number{font-size:41px}.countdown-small .unit{font-size:8px}.celebrate-row{margin-bottom:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading h2{font-size:39px;letter-spacing:-1.8px}.world-meta{font-size:10px;align-items:flex-start;flex-direction:column;gap:12px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clock-card{padding:19px}.clock-city{font-size:18px}.digital{font-size:26px}.analog{height:50px;width:50px}.hand.minute{height:18px}.hand.second{height:19px}.world-detail{grid-template-columns:1fr;gap:17px;padding:23px}.world-detail>p{font-size:12px}.travel-panel>div{align-items:flex-start;flex-direction:column;gap:10px}#travel-label{text-align:left}.party-section{margin:45px -6px 35px;padding:24px 20px}.party-section .section-heading{flex-direction:row;align-items:center}.play-mark{font-size:70px}.play-grid{grid-template-columns:1fr}.play-card{padding:25px;min-height:0}.play-card h3{font-size:23px}.cake-scene{margin-top:20px;height:180px}.game-note{min-height:0;margin:12px 0 20px;font-size:11px}.play-card .button{font-size:11px;padding:13px 17px}.fortune-card blockquote{font-size:25px;min-height:110px;margin:32px 0}.applause-card output{font-size:100px;margin-top:18px}.balloon-strip{align-items:flex-start;flex-direction:column;gap:20px}.balloon-strip h3{font-size:23px}footer{align-items:flex-start;flex-wrap:wrap;font-size:8px;gap:15px}footer span{order:3;width:100%}footer a{margin-left:auto}.greeting{padding:23px}.greeting h2{font-size:26px}.greeting>p:not(.eyebrow){font-size:12px}}
@media(max-width:510px){.page{padding:0 18px}.topbar nav{gap:18px;font-size:9px}.monogram{font-size:27px}.intro{align-items:flex-start;position:relative;display:block;padding-right:0}h1{font-size:clamp(62px,16vw,82px);letter-spacing:-4.2px}.intro-text{font-size:10px}.date-poster{position:absolute;bottom:0;right:0;min-width:81px;width:81px;padding:10px;transform:rotate(5deg);align-self:initial;gap:2px}.date-poster strong{font-size:34px;letter-spacing:-2px;display:flex;gap:6px;align-items:center;padding:5px 0}.date-poster strong span{border:0;border-left:1px solid var(--ink);padding:0 0 0 7px;margin:0}.date-poster>span{font-size:5px;letter-spacing:.2px}.birthday-card{padding:22px 17px 0}.card-heading h2{font-size:20px}.card-heading .eyebrow{font-size:8px}.date-pill{font-size:8px;padding:8px 9px}.countdown-main{gap:4px}.number{font-size:49px;letter-spacing:-2.5px}.colon{font-size:25px;line-height:1.7}.unit{font-size:8px;letter-spacing:.3px}.card-bottom{font-size:9px;gap:10px}.age-tag{font-size:9px}.countdown-small{gap:10px}.countdown-small .number{font-size:33px;letter-spacing:-1.3px}.countdown-small .unit{font-size:8px;letter-spacing:.2px}.celebrate-row p{font-size:10px;max-width:135px;line-height:1.7}#celebrate{font-size:10px;padding:12px}.section-heading h2{font-size:34px}.clock-card{padding:17px 13px}.clock-city{font-size:16px}.clock-code{font-size:8px}.clock-flag{font-size:22px}.digital{font-size:23px}.digital small{font-size:10px}.analog{width:42px;height:42px}.hand.hour{height:11px}.hand.minute{height:15px}.hand.second{height:16px}.clock-date{font-size:9px}.clock-status{font-size:8px}.clock-middle{gap:4px}#selected-city{font-size:24px}.world-detail{padding:22px 20px}.world-detail>p{font-size:11px}.play-card{padding:25px 22px}.party-section{padding:24px 15px}.party-section .section-heading h2{font-size:35px}.play-mark{padding:0;font-size:56px}.balloon{width:52px;height:67px;font-size:14px}.balloon-controls{gap:10px;padding:10px}.balloon-controls output{font-size:11px}}
@media(max-width:360px){.number{font-size:39px;letter-spacing:-1.8px}.countdown-main{gap:3px;grid-template-columns:1.3fr auto 1fr auto 1fr auto 1fr}.colon{font-size:20px}.unit{font-size:7px}.card-heading h2{font-size:18px}.date-pill{font-size:7px;padding:7px}.card-bottom{font-size:8px}.countdown-small{gap:6px;grid-template-columns:1.9fr 1fr 1fr 1fr}.countdown-small .number{font-size:28px}.countdown-small .unit{font-size:7px}.clock-card{padding:15px 11px}.digital{font-size:24px}.analog{display:none}.clock-city{font-size:15px}.clock-date{font-size:8px}.clock-status{font-size:8px}h1{font-size:59px}.date-poster{width:71px;min-width:71px}.date-poster strong{font-size:28px;gap:4px}.date-poster strong span{padding-left:5px}.topbar nav{gap:13px;font-size:8px}.intro-text{font-size:9px}.section-heading h2{font-size:31px}.world-detail{padding:19px 17px}.party-section .section-heading h2{font-size:31px}.play-card{padding:24px 19px}}
.clock-top .clock-flag{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:800;letter-spacing:.5px;border:1px solid currentColor;padding:3px 5px;line-height:1.2}
@media(max-width:510px){.countdown-main{grid-template-columns:1.5fr auto 1fr auto 1fr auto 1fr}.date-poster{bottom:-12px;padding:8px}.date-poster strong{font-size:22px;letter-spacing:-1.5px;gap:4px}.date-poster strong span{padding-left:5px}}
@media(max-width:360px){.countdown-main{grid-template-columns:1.55fr auto 1fr auto 1fr auto 1fr}.date-poster strong{font-size:18px;letter-spacing:-1px;gap:3px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.balloon{bottom:26%;transform:none;left:var(--left)}.balloon:nth-of-type(even){bottom:52%}}