:root{font-family:Arial,Helvetica,sans-serif;color:#14212b;background:#fbf9f2;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 50% 40%,#fffdf9,transparent 75%),#fbf9f2}.dashboard{width:min(94vw,1800px);margin:5.3vh auto 0;display:grid;grid-template-columns:1fr 1.04fr;gap:2.1vw}.card{background:#eef1e5;border-radius:clamp(22px,2.5vw,48px);min-width:0}.today{padding:clamp(25px,3vw,62px);display:flex;flex-direction:column}.date-clock{display:flex;align-items:center;justify-content:space-between;gap:1.7vw}h1{font-size:clamp(22px,2.65vw,49px);line-height:1.17;font-weight:600;margin:0;max-width:48%;letter-spacing:-.04em}#clock{font-size:clamp(58px,7.85vw,145px);font-weight:700;line-height:1.07;letter-spacing:-.065em;white-space:nowrap;font-variant-numeric:tabular-nums}.phase{font-size:clamp(28px,3.2vw,59px);font-weight:600;letter-spacing:-.035em;margin:2vw 0 4.4vw}.agenda{margin-top:auto;background:#fafbf5;border-radius:24px;padding:12px 14px 14px}.agenda-label{font-size:12px;letter-spacing:.12em;color:#6c7564;margin:2px 9px 10px;display:flex;align-items:center;justify-content:space-between}.agenda-label span{font-size:10px;letter-spacing:.08em;border:1px solid #d8ddcc;border-radius:5px;padding:3px 5px}.event{display:grid;grid-template-columns:24% 1fr 32px;gap:12px;align-items:center;background:#e5eadb;border-radius:17px;padding:12px 18px;font-size:clamp(20px,2.15vw,40px);font-weight:600}.event+.event{margin-top:10px;background:#fffdf8}.event time{font-weight:700;font-variant-numeric:tabular-nums}.event-icon{color:#788866;text-align:center}.leaf{color:#7b8bab;font-size:1.35em}.memories{padding:clamp(22px,2.5vw,48px);display:flex;flex-direction:column}figure{position:relative;margin:0;flex:1;overflow:hidden;border-radius:clamp(18px,1.6vw,30px);min-height:300px;aspect-ratio:1.43;background:#bed0b6}#photo{position:absolute;width:100%;height:100%;object-fit:cover;transition:opacity 1.2s ease;opacity:1}#photo.fading{opacity:0}figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 22px;background:linear-gradient(transparent,#182b24b8);color:#fff;font-size:clamp(20px,2.2vw,40px);font-weight:600}figcaption span{display:block;font-size:12px;letter-spacing:.02em;font-weight:400;opacity:.8;margin-top:8px}.photo-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;color:#72806e;font-size:12px}.dots{display:flex;gap:7px}.dots i{width:6px;height:6px;border-radius:50%;background:#c4ceba}.dots i.active{background:#6c805e}.timeline-card{grid-column:1/-1;background:#ffffffb0;border-radius:32px;padding:15px 30px 24px;min-width:0}.timeline-space{position:relative;padding-top:58px;margin:0 8px}.timeline{height:clamp(45px,4vw,76px);border-radius:100px;background:linear-gradient(90deg,#183b73 0%,#314f94 8%,#aaa0d5 17%,#f8db9d 28%,#fff1b0 40%,#fff5c7 50%,#fff0b0 60%,#ffc394 73%,#a094cc 83%,#254a8d 93%,#213971 100%);display:flex;justify-content:space-between;align-items:center;padding:0 2.6%;overflow:hidden}.moon{color:white;font-size:clamp(35px,3.6vw,65px);line-height:1;display:flex;gap:12px;align-items:center}.moon small{font-size:15px;letter-spacing:7px}.sun{position:absolute;left:50%;transform:translateX(-50%);font-size:clamp(38px,3.5vw,65px);color:#ffbe32;line-height:1}.ticks{position:relative;height:62px;margin-top:10px;display:flex;justify-content:space-between}.ticks>span{position:absolute;text-align:center;transform:translateX(-50%);font-size:clamp(16px,1.5vw,27px);padding-top:12px;white-space:nowrap}.ticks>span:before{content:"";position:absolute;top:0;left:50%;height:9px;width:2px;background:#23313a}.ticks>span:nth-child(1){left:0;transform:none;text-align:left}.ticks>span:nth-child(1):before{left:0}.ticks>span:nth-child(2){left:25%}.ticks>span:nth-child(3){left:50%}.ticks>span:nth-child(4){left:75%}.ticks>span:nth-child(5){left:100%;transform:translateX(-100%);text-align:right}.ticks>span:nth-child(5):before{left:auto;right:0}.ticks b,.ticks em{display:block}.ticks em{font-size:.86em;font-style:normal;color:#718093;margin-top:4px}.now{position:absolute;top:0;left:0;height:calc(58px + clamp(45px,4vw,76px));z-index:3;width:0}.now>span{position:absolute;left:0;transform:translateX(-50%);background:#172530;color:#fff;font-size:clamp(14px,1.45vw,26px);font-weight:600;white-space:nowrap;padding:8px 15px;border-radius:30px;top:0}.now i{position:absolute;top:35px;bottom:5px;left:-2px;width:4px;background:#172530;border-radius:4px;box-shadow:0 0 0 2px #fff9}.now i:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:13px;height:13px;border-radius:50%;background:#172530;border:2px solid #fff}.event-pin{position:absolute;top:25px;height:calc(33px + clamp(45px,4vw,76px));width:0;z-index:2;color:#6b805a}.event-pin span{position:absolute;left:0;transform:translateX(-50%);border-radius:50%;background:#e2e9d7;width:33px;height:33px;display:grid;place-items:center;font-size:24px}.event-pin i{position:absolute;top:34px;bottom:5px;width:2px;background:currentColor;box-shadow:0 0 0 2px #fff9}.event-pin i:after{content:"";position:absolute;bottom:0;left:-4px;width:8px;height:8px;background:currentColor;border:1px solid white;border-radius:50%}.lunch{left:50%}.walk{left:62.5%;color:#647ca7}.walk span{background:#e2e7f5}.controls{width:min(94vw,1800px);margin:16px auto;display:flex;align-items:center;justify-content:space-between;color:#8c9387;font-size:11px}.controls>div{display:flex;gap:8px}button,.button{background:transparent;color:#697560;border:1px solid #dce0d4;padding:8px 12px;border-radius:9px;font:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{background:#e9eddf}button:focus-visible,.button:focus-within{outline:3px solid #81966f;outline-offset:3px}.status{color:#617357;font-size:13px;text-align:center;min-height:16px;margin:0 15px 10px}@media(min-width:1800px){.dashboard{gap:38px}.phase{margin:36px 0 80px}}@media(max-width:800px){.dashboard{width:92vw;margin-top:4vw;gap:18px}.today{padding:23px}.date-clock{gap:14px}h1{font-size:21px}#clock{font-size:57px}.phase{font-size:28px;margin:26px 0}.agenda{padding:10px}.event{font-size:18px;padding:12px 10px;gap:8px;grid-template-columns:25% 1fr 20px}.memories{padding:20px}figure{min-height:280px}.photo-meta>span{display:none}.timeline-card{padding:14px 18px 25px}.controls{width:92vw}.prototype{max-width:130px;line-height:1.5}.controls>div{gap:5px}button,.button{font-size:11px;padding:8px}.now>span{font-size:13px}}@media(max-width:600px){.dashboard{grid-template-columns:1fr}.today{min-height:360px}h1{font-size:26px}#clock{font-size:76px}.phase{font-size:34px}.event{font-size:22px}.memories{padding:20px}figure{aspect-ratio:1.5;min-height:230px}.timeline-card{grid-column:auto;padding:12px 15px 22px}.ticks>span{font-size:13px}.ticks em{font-size:11px}.moon small{display:none}.controls{align-items:flex-start;gap:14px}.controls>div{flex-wrap:wrap;justify-content:flex-end}.now>span{padding:8px 9px;font-size:12px}.event-pin{top:29px}.photo-meta>span{display:block}}@media(prefers-reduced-motion:reduce){#photo{transition:none}}@media(min-width:1000px) and (min-aspect-ratio:17/10){.dashboard{margin-top:4vh}.memories figure{min-height:260px}.phase{margin-bottom:3vw}}
@media(min-width:601px) and (max-width:1100px){.today{padding:22px}.date-clock{gap:10px}h1{font-size:clamp(17px,2.1vw,24px)}#clock{font-size:clamp(46px,6.5vw,72px)}}@media(max-width:720px){.dashboard{grid-template-columns:1fr}.timeline-card{grid-column:auto}.today{min-height:350px}.memories figure{aspect-ratio:1.5;min-height:230px}}@media(max-width:600px){#clock{font-size:clamp(48px,13vw,76px)}h1{font-size:clamp(20px,5vw,26px)}}