:root{color-scheme:dark;--cd-bg:#111213;--cd-panel:#18191c;--cd-line:#3f3533;--cd-ink:#e7e1d9;--cd-muted:#978e81;--cd-accent:#c8bba8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% 10%,#6c554f17,transparent 50%),var(--cd-bg);color:var(--cd-ink);font:14px/1.65 'Microsoft YaHei','PingFang SC',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:active{transform:translateY(1px)}:focus-visible{outline:2px solid var(--cd-accent);outline-offset:4px}[hidden]{display:none!important}body[data-module-page=countdown] main{width:min(1240px,calc(100% - 48px));padding-top:32px}.cd-kicker{margin:0 0 6px;color:#b09e84;font:10px/1.6 Consolas,monospace;letter-spacing:.18em}.cd-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cd-heading h1{margin:0;font:400 clamp(34px,4vw,52px)/1.3 'STSong','SimSun',serif;letter-spacing:.02em}.cd-heading h1 em{font-style:normal;color:#c8bba8}.cd-heading>div>p:last-child{margin:10px 0 0;color:var(--cd-muted);font-size:12px}.cd-add{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #755b54;border-radius:7px;color:#dcd4c9;background:#282a2e;white-space:nowrap;font-size:12px}.cd-stage{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;margin-top:20px;border-block:1px solid #3f353360;background:radial-gradient(ellipse at center,#8e795a12,transparent 65%)}.cd-stage:before{position:absolute;inset:0;content:'';opacity:.24;background-image:linear-gradient(#614d4818 1px,transparent 1px),linear-gradient(90deg,#614d4818 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.cd-orbit{position:absolute;left:50%;top:50%;width:500px;max-width:90%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #ac997d33;border-radius:50%;pointer-events:none}.cd-orbit i{position:absolute;inset:12%;border:1px dashed #927d5e35;border-radius:50%}.cd-orbit i:nth-child(2){inset:25%;border-style:solid}.cd-orbit i:nth-child(3){inset:-10%;border-style:solid;opacity:.4}.orbit-point{position:absolute;inset:0;animation:cd-orbit 36s linear infinite}.orbit-point:before{position:absolute;top:10%;left:19%;width:7px;height:7px;border-radius:50%;background:#d1c6b6;box-shadow:0 0 22px #c8bba8;content:''}.cd-featured{position:relative;z-index:1;max-width:100%;padding:30px 18px;text-align:center}.cd-overline{margin:0 0 7px;color:#ac997c;font-size:11px;letter-spacing:.15em}.cd-featured h2{margin:0;font:400 25px/1.4 'STSong','SimSun',serif;overflow-wrap:anywhere}.cd-number{display:flex;align-items:baseline;justify-content:center;gap:12px;margin:5px 0;color:#d4cabc;font:300 clamp(92px,12vw,150px)/1.05 Consolas,monospace;letter-spacing:-.075em;text-shadow:0 0 60px #aa967920;font-variant-numeric:tabular-nums}.cd-number>span{font:12px 'Microsoft YaHei',sans-serif;letter-spacing:0;color:#a38e6e}.cd-empty-number{line-height:1}.cd-target{margin:7px 0;color:#9f9586;font:11px/1.7 Consolas,'Microsoft YaHei',monospace}.cd-target i{margin:0 6px;color:#614c47;font-style:normal}.cd-ticker{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;font:20px Consolas,monospace;font-variant-numeric:tabular-nums}.cd-ticker small{color:#9b8f7c;font:10px 'Microsoft YaHei',sans-serif}.cd-ticker>b{font-size:12px;color:#69524c}.cd-text-link{font-size:12px;color:var(--cd-accent)}.cd-summary{display:flex;justify-content:space-between;gap:15px;padding:16px 0;color:#948979;font-size:11px}.cd-summary b{color:#d9d1c4;font:17px Consolas,monospace}.cd-summary i{margin-inline:7px;font-style:normal;color:#715852}.cd-reminders{display:flex;align-items:center;gap:13px;padding:13px 17px;margin:10px 0 25px;border:1px solid #7158514d;border-radius:8px;background:#24262a66}.cd-live{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#c8bba8;box-shadow:0 0 15px #c8bba866}.cd-reminders strong{font-size:12px;font-weight:500;color:#cbbfad}.cd-reminders p{margin:3px 0 0;color:#a2947e;font-size:12px}.cd-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start;gap:40px;margin-top:30px}.cd-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.cd-section-head h2{margin:0;font:400 25px/1.4 'STSong','SimSun',serif}.cd-section-head>span,.cd-section-head>a{font-size:10px;color:#908370;white-space:nowrap}.cd-month{margin:0 0 20px}.cd-month h3{margin:0 0 12px;color:#9d8a6d;font:12px Consolas,monospace;letter-spacing:.1em}.cd-month ol{padding:0;margin:0 0 0 5px;list-style:none;border-left:1px solid #55423d}.cd-event{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 55px;gap:12px;padding:14px 0 14px 18px;border-bottom:1px solid #40322e66}.cd-dot{position:absolute;top:23px;left:-4px;width:7px;height:7px;border:1px solid #ad9a7e;border-radius:50%;background:#111213}.is-today .cd-dot{background:#c8bba8;box-shadow:0 0 15px #aa967966}.cd-event-date{display:flex;align-items:flex-start;flex-direction:column}.cd-event-date>b{font:26px/1.1 Consolas,monospace;color:#ccc0af}.cd-event-date>span{font:10px Consolas,monospace;color:#826862}.cd-event-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cd-event h4{margin:0;font-weight:500;font-size:14px;overflow-wrap:anywhere}.cd-calendar{flex-shrink:0;padding:1px 5px;border:1px solid #6f575166;border-radius:3px;color:#ad9b80;font-size:9px}.cd-event article>p{margin:5px 0 0;font-size:11px;color:#9b9183}.cd-event .cd-note{font-size:12px;color:#a69c8e;overflow-wrap:anywhere}.cd-event-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:#b3a288}.cd-delete{display:inline-flex;margin:0}.cd-delete button{padding:0;border:0;background:none;color:#867c6d;font-size:10px}.cd-distance{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:2px;text-align:center}.cd-distance>b{font:25px/1.1 Consolas,'Microsoft YaHei',monospace;color:#cec3b2}.cd-distance small{font-size:9px;color:#9a8c78}.is-today .cd-distance>b{font-size:17px}.is-past{opacity:.55}.cd-empty{padding:50px 15px;text-align:center;border:1px dashed #594641;border-radius:10px;color:#92836c}.cd-empty>span{font:36px Consolas,monospace}.cd-empty h3{font-size:15px;font-weight:400;color:#c4b7a3}.cd-empty p{font-size:12px}.cd-editor{padding:22px;border:1px solid #52403b99;border-radius:12px;background:#191a1db3;scroll-margin-top:75px}.cd-editor h2{font-size:24px}.cd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.cd-field{min-width:0}.cd-wide{grid-column:1/-1}.cd-field label{display:block;margin-bottom:6px;font-size:11px;color:#ada08c}.cd-field input:not([type=checkbox]),.cd-field select,.cd-field textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #4f3e3a;border-radius:6px;background:#121315;color:#dad2c6;font-size:13px;line-height:20px;outline:none}.cd-field input:focus,.cd-field select:focus,.cd-field textarea:focus{border-color:#a18b6b;box-shadow:0 0 0 3px #aa967912}.cd-check{display:flex;align-items:center;gap:7px}.cd-check label{margin:0}.cd-check input{accent-color:#ad9b80}.is-disabled{opacity:.4}.cd-policy{margin:16px 0 12px;color:#908471;font-size:10px;line-height:1.8}.cd-save{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:9px 13px;border:1px solid #a59172;border-radius:7px;color:#161719;background:#c4b7a3;font-size:12px}.cd-save:hover{background:#d3c9b9}.cd-help{margin-top:20px;padding-top:17px;border-top:1px solid #4b3b3766;color:#8d806c;font-size:11px;line-height:1.8}.cd-help b{color:#bbac95;font-weight:500}.cd-help p{margin:6px 0}.errorlist{margin:5px 0;padding:0;list-style:none;color:#c8bcaa;font-size:11px}.cd-footer{display:flex;justify-content:space-between;gap:15px;margin-top:35px;padding:20px 0;border-top:1px solid #40322e66;color:#7e635c;font-size:10px}.cd-footer>span{letter-spacing:.1em}
@keyframes cd-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){body[data-module-page=countdown] main{padding-top:20px}.cd-heading h1{font-size:31px}.cd-add{padding:8px 10px;font-size:11px}.cd-heading>div>p:last-child{font-size:11px}.cd-stage{min-height:320px;margin-top:18px}.cd-orbit{width:330px;max-width:94%}.cd-number{font-size:108px}.cd-featured{padding:22px 12px}.cd-featured h2{font-size:23px}.cd-target{font-size:10px}.cd-summary{gap:8px;font-size:10px}.cd-workspace{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px}.cd-section-head{margin-bottom:16px}.cd-section-head h2{font-size:23px}.cd-editor{padding:17px}.cd-event{grid-template-columns:32px minmax(0,1fr) 44px;gap:9px;padding-left:14px}.cd-event-date>b{font-size:23px}.cd-distance>b{font-size:23px}.cd-event-actions{gap:12px}.cd-reminders{padding:11px 13px;margin-bottom:18px}.cd-heading h1 br{display:block}.cd-footer{margin-top:25px}.module-nav nav>a[href='/countdown/']:before{content:'日'}html body[data-module-page] .module-nav nav>a[href='/countdown/'].active{color:#d3c9ba!important;background:#26282d!important}.module-nav nav>a[href='/countdown/'].active:before{color:#c8bba8}}
@media(prefers-reduced-motion:reduce){.orbit-point{animation:none}html{scroll-behavior:auto}}

/* A chronological deck that travels along an illuminated date rail. */
.cd-timeline{min-width:0;overflow:hidden}
.cd-travel-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 15px;color:#91816a;font:12px Consolas,monospace}
.cd-travel-controls b{color:#d6ccbe;font-size:18px;font-weight:400}
.cd-travel-controls small{display:inline-block;margin-left:12px;color:#877963;font:10px 'Microsoft YaHei',sans-serif}
.cd-travel-controls>div{display:flex;gap:7px}
.cd-travel-controls button{width:34px;height:32px;padding:0;border:1px solid #614c47;border-radius:6px;background:#1d1f22;color:#cfc4b3;font-size:18px}
.cd-travel-controls button:disabled{opacity:.28;cursor:default}
.cd-travel{--moment-width:min(340px,calc(100% - 32px));position:relative;display:flex;gap:16px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none!important;cursor:grab;isolation:isolate}
.cd-travel::-webkit-scrollbar{display:none!important}
.cd-travel:after{content:'';flex:0 0 max(0px,calc(100% - var(--moment-width) - 16px))}
.cd-travel.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none;scroll-behavior:auto}
.cd-moment{position:relative;flex:0 0 var(--moment-width);min-width:0;scroll-snap-align:start;padding:20px;border:1px solid #584540;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#97816020,transparent 55%),linear-gradient(145deg,#212326,#151619);overflow:hidden;transition:border-color .3s,box-shadow .3s}
.cd-moment:before{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,#d1c7b7,transparent);opacity:.3}
.cd-moment.is-current{border-color:#a89477;box-shadow:inset 0 0 60px #8c785a08}
.cd-moment.is-current:before{opacity:1}
.moment-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#b09e84;font-size:11px;letter-spacing:.05em}
.moment-art{position:relative;display:grid;place-items:center;width:104px;height:104px;margin:24px auto 15px;border:1px solid #b4a3894a;border-radius:50%;box-shadow:0 0 38px #97816110}
.moment-art:before,.moment-art:after{content:'';position:absolute;inset:12px;border:1px dashed #a5917340;border-radius:50%;transform:rotate(25deg)}
.moment-art:after{inset:-9px;border-style:solid;opacity:.35}
.moment-art i{position:absolute;inset:-1px;animation:cd-orbit 45s linear infinite}
.moment-art i:before{content:'';position:absolute;top:0;left:45%;width:4px;height:4px;background:#dcd4c8;border-radius:50%;box-shadow:0 0 12px #c8bba8}
.moment-art i:nth-child(2){inset:12px;animation-direction:reverse;animation-duration:33s}
.moment-art>span{font:35px 'STSong','SimSun',serif;color:#c5b8a4;text-shadow:0 0 30px #c8bba844}
.moment-distance-label{margin:0;color:#99886e;text-align:center;font-size:10px;letter-spacing:.15em}
.moment-days{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:5px 0 16px;font-variant-numeric:tabular-nums}
.moment-days b{font:300 72px/1 Consolas,monospace;letter-spacing:-.07em;color:#d8cfc2;text-shadow:0 0 35px #b4a38918}
.moment-days b.moment-today{font:400 42px/1.5 'STSong','SimSun',serif;letter-spacing:.05em}
.moment-days small{color:#9c8e78;font-size:11px}
.cd-moment h3{margin:0;font:400 22px/1.4 'STSong','SimSun',serif;color:#e1dad0;overflow-wrap:anywhere}
.moment-date{margin:7px 0;font:12px/1.8 Consolas,'Microsoft YaHei',monospace;color:#bfb19c}
.moment-date span{font-size:10px;color:#95846b}
.moment-note{min-height:36px;margin:9px 0 16px;color:#9b8c76;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.moment-footer{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #58443f33;font-size:10px;color:#95846a}
.cd-moment .cd-event-actions{margin-top:12px;justify-content:space-between;gap:10px}
.moment-calendar{color:#ccc1b0!important}
.cd-date-rail{position:relative;display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none!important;padding:13px 0 4px;margin-top:15px}
.cd-date-rail::-webkit-scrollbar{display:none!important}
.cd-date-rail button{position:relative;display:flex;flex:0 0 76px;flex-direction:column;align-items:center;gap:9px;border:0;padding:0;background:none;color:#82665e;font:11px Consolas,monospace}
.cd-date-rail button:before{content:'';position:absolute;top:28px;left:0;width:100%;height:1px;background:#624c4788}
.cd-date-rail i{position:relative;display:block;width:7px;height:7px;border-radius:50%;border:1px solid #82655e;background:#161719;z-index:1}
.cd-date-rail small{font:9px Consolas,monospace;color:#6a534d}
.cd-date-rail [aria-current=true]{color:#d5ccbe}
.cd-date-rail [aria-current=true] i{background:#d5ccbe;border-color:#d5ccbe;box-shadow:0 0 16px #c4b7a380}
.cd-date-rail [aria-current=true] small{color:#ae9c81}
.cd-travel-hint{display:flex;justify-content:space-between;margin:10px 0 0;color:#67504b;font-size:9px}
@media(max-width:760px){.cd-travel{--moment-width:calc(100% - 32px);gap:12px}.cd-travel:after{flex-basis:20px}.cd-moment{padding:18px}.moment-art{margin-top:20px;width:94px;height:94px}.moment-days b{font-size:68px}.cd-travel-controls small{display:block;margin-left:0;margin-top:3px}.cd-date-rail button{flex-basis:70px}.cd-moment h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.moment-art i{animation:none}.cd-moment{transition:none}}

/* Shared charcoal, rice-paper and cinnabar palette. */
:root{--cd-bg:#101113;--cd-panel:#17191c;--cd-line:#34383e;--cd-ink:#ece9e2;--cd-muted:#979995;--cd-accent:#c4473d}
.cd-heading h1 em{color:#e0c9b2}
.cd-kicker,.cd-overline{color:#c47765}
.cd-add{background:#382320;border-color:#754039;color:#e6c0b4}
.cd-number,.moment-days b{color:#ece3d4;text-shadow:0 0 60px #c4473d16}
.orbit-point:before,.moment-art i:before{background:#c96453;box-shadow:0 0 20px #c4473d70}
.cd-orbit{border-color:#a375613d}
.cd-orbit i{border-color:#a375612d}
.cd-moment{background:radial-gradient(ellipse at 100% 0,#a24d3d16,transparent 55%),linear-gradient(145deg,#211b1b,#141618);border-color:#4d3b36}
.cd-moment.is-current{border-color:#a55a4b;box-shadow:inset 0 0 60px #c4473d08}
.cd-moment:before{background:linear-gradient(90deg,transparent,#c47765,transparent)}
.cd-calendar{border-color:#71504780;color:#bd9280}
.cd-reminders{border-color:#75443b70;background:#33221d80}
.cd-live{background:#c47765;box-shadow:0 0 15px #c4776566}
.cd-reminders strong{color:#dec0a7}
.cd-editor{background:#19191cb3;border-color:#433a37}
.cd-field input:not([type=checkbox]),.cd-field select,.cd-field textarea{background:#111315;border-color:#383c3d;color:#e2dfd5}
.cd-field input:focus,.cd-field select:focus,.cd-field textarea:focus{border-color:#a7433a;box-shadow:0 0 0 3px #c4473d15}
.cd-check input{accent-color:#ad493e}
.cd-save{background:#9f382f;border-color:#a9473c;color:#fff1e9}
.cd-save:hover{background:#b5473b}
.cd-travel-controls button{border-color:#66453d;background:#2b201e;color:#d8b6a4}
.cd-date-rail [aria-current=true]{color:#e1bba6}
.cd-date-rail [aria-current=true] i{background:#c46452;border-color:#c46452;box-shadow:0 0 16px #c4473d80}
.moment-calendar{color:#d7b099!important}
@media(max-width:760px){html body[data-module-page] .module-nav nav>a[href='/countdown/'].active{background:#352320!important;color:#e0ad9f!important}.module-nav nav>a[href='/countdown/'].active:before{color:#df9c8c}}

.cd-hero-start{display:flex;margin-top:10px}
@media(max-width:760px){
 body[data-module-page=countdown] main{padding-top:0!important}
 .cd-hero{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;height:calc(100svh - 116px - env(safe-area-inset-bottom,0px));min-height:0;padding:18px 0 12px;box-sizing:border-box}
 .cd-heading{display:block;padding:0 0 12px;border-bottom:1px solid #42453b55}
 .cd-heading .cd-kicker{position:relative;margin:0 0 8px;padding-left:22px;font:500 10px/16px 'Microsoft YaHei',sans-serif;letter-spacing:.12em;color:#ab927d}
 .cd-heading .cd-kicker:before{position:absolute;left:0;top:7px;width:13px;height:1px;background:#ad785e;content:''}
 .cd-heading h1{margin:0;font:400 clamp(26px,6.4vw,34px)/1.35 'Songti SC','STSong','SimSun',serif;letter-spacing:.015em;color:#e9e1d0}
 .cd-heading h1 em{color:inherit;font-style:normal}
 .cd-heading>div>p:last-child{margin:8px 0 0;font:400 12px/1.6 'Microsoft YaHei',sans-serif;color:#939b91}
 .cd-stage{min-height:0;height:100%;margin:0;border:0;background:none;overflow:hidden}
 .cd-orbit{width:min(100cqw,100cqh,410px);max-width:92%;height:auto;aspect-ratio:1}
 .cd-stage{container-type:size}
 .cd-stage:before{opacity:.14}
 .cd-featured{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:100%;width:100%;padding:12px 16px}
 .cd-overline{margin:0 0 8px;font-size:10px;letter-spacing:.1em}
 .cd-featured h2{max-width:100%;font-size:clamp(18px,4.5vw,24px);line-height:1.4;text-wrap:balance}
 .cd-number{font-size:clamp(60px,16cqh,130px);margin:10px 0 6px;line-height:1.05}
 .cd-target{margin:5px 0;font-size:10px}
 .cd-ticker{margin-top:8px;font-size:18px;gap:10px}
 .cd-featured .cd-text-link{margin-top:6px;font-size:11px}
 .cd-summary{display:flex;justify-content:space-between;align-items:center;margin:0;padding:7px 0;border-top:1px solid #42453b55;gap:9px;font-size:10px;color:#87917e}
 .cd-summary b{font-size:15px;color:#c1c4b3}
 .cd-hero-start{margin:0;min-height:36px;padding:7px 12px;font-size:12px;background:#352a2280;border-color:#6c5948;color:#d9c1a6!important}
 .cd-workspace{margin-top:22px}
}
@media(max-width:760px) and (max-height:480px){
 .cd-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:minmax(0,1fr) auto;gap:8px 18px;padding-block:10px}
 .cd-heading{align-self:center;border:0;padding:0}
 .cd-heading h1{font-size:25px}
 .cd-stage{grid-column:2;grid-row:1}
 .cd-number{font-size:54px;margin:4px 0}
 .cd-featured h2{font-size:16px}.cd-overline{margin-bottom:4px;font-size:9px}.cd-target{font-size:9px}.cd-ticker{font-size:14px;margin-top:4px}.cd-summary{grid-column:1;grid-row:2}.cd-hero-start{grid-column:2;grid-row:2}
}

/* Memory player: album artwork, track information and real reminder controls. */
.cd-moment{display:flex;flex-direction:column;padding:18px;border-radius:18px;background:linear-gradient(155deg,#27201f,#17191c 65%);border-color:#4a3a35}
.moment-top{font-size:10px;margin-bottom:14px}
.moment-cover{position:relative;display:grid;place-items:center;aspect-ratio:1.25;min-height:0;overflow:hidden;margin:0 0 17px;border:1px solid #98715b33;border-radius:9px;background:radial-gradient(ellipse at 20% 20%,#b66d4938,transparent 65%),repeating-linear-gradient(130deg,#ffffff03 0 1px,transparent 1px 7px),#2b2422;box-shadow:0 12px 30px #0003}
.cover-caption{position:absolute;top:12px;left:13px;color:#b5907b;font:8px/1 Consolas,monospace;letter-spacing:.18em}
.cover-number{position:absolute;right:12px;bottom:12px;color:#bda18b;font:9px Consolas,monospace;letter-spacing:.12em}
.moment-art{position:relative;width:65%;height:auto;aspect-ratio:1;margin:14px 0 0;border:1px solid #8c6a5566;background:repeating-radial-gradient(circle,#181719 0 3px,#403430 4px,#1c1a1b 5px,#1c1a1b 7px);box-shadow:8px 12px 24px #0008,inset 0 0 0 9px #171719;border-radius:50%;animation:record-turn 45s linear infinite;animation-play-state:paused}
.is-current .moment-art{animation-play-state:running}
.moment-art:before{inset:31%;border:1px solid #c6866866;background:#9b493b;border-radius:50%;transform:none}
.moment-art:after{inset:48%;border:0;background:#201c1b;border-radius:50%;z-index:3;opacity:1}
.moment-art>span{position:relative;z-index:2;transform:translateY(-11px);font-size:22px;color:#f1d2b5;text-shadow:none}
.moment-art i{display:none}
.moment-distance-label{text-align:left;font-size:10px;letter-spacing:.05em;color:#a68e7d;margin-bottom:4px}
.moment-days{justify-content:flex-start;gap:7px;margin:0 0 9px}
.moment-days b{font-size:46px;line-height:1.1;letter-spacing:-.055em;color:#eee1d0;text-shadow:none}
.moment-days small{font-size:11px;color:#a18e7d}
.cd-moment h3{font-size:22px;margin:0 0 2px}
.moment-date{margin:4px 0;font-size:11px;color:#bfa18e}
.moment-date span{font-size:10px;color:#8e8379}
.moment-note{margin:6px 0 12px;min-height:0;font-size:11px;color:#8b857d}
.moment-footer{padding-top:10px;font-size:9px}
.moment-transport{display:flex;align-items:center;justify-content:center;gap:34px;padding:15px 0 8px}
.moment-transport>button{display:grid;place-items:center;width:38px;height:38px;padding:9px;border:0;border-radius:50%;color:#d0b29d;background:transparent}
.moment-transport>button:hover{background:#6c4d3826}
.moment-transport>button:disabled{opacity:.23;cursor:default}
.moment-transport svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.moment-transport>button svg{fill:currentColor;stroke-width:1.3}
.moment-remind{display:flex;align-items:center;justify-content:center;gap:6px;min-height:45px;min-width:113px;padding:10px 16px;border:1px solid #c17d624d;border-radius:30px;background:#bd614c;color:#fff0df;font-size:12px;box-shadow:0 4px 20px #b74d2e1c}
.moment-remind svg{width:18px;height:18px}
.moment-remind:hover{background:#ca7058}
.moment-archived{color:#9c8c7c;font-size:12px}
.cd-moment .cd-event-actions{margin-top:5px;padding-top:9px;border-top:1px solid #5944373b;font-size:10px}
.cd-moment .moment-calendar{display:none}
.player-scrubber{margin-top:20px}
.player-scrubber label{display:flex;justify-content:space-between;margin-bottom:8px;color:#8e7a6c;font:10px Consolas,'Microsoft YaHei',monospace}
.player-scrubber input{--position:0%;display:block;width:100%;height:4px;margin:12px 0;appearance:none;-webkit-appearance:none;border:0;border-radius:8px;cursor:pointer;background:linear-gradient(90deg,#bd7055 var(--position),#44352f var(--position))}
.player-scrubber input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#e7b698;box-shadow:0 0 12px #b76b4144;border:0}
.player-scrubber input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#e7b698;border:0}
.cd-travel-controls>div{opacity:.7}
.cd-date-rail{margin-top:8px}
@keyframes record-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.cd-travel{--moment-width:calc(100% - 26px)}.cd-travel:after{flex-basis:14px}.cd-moment{padding:17px}.moment-cover{aspect-ratio:1.4;margin-bottom:14px}.moment-art{width:59%;margin-top:12px}.moment-days b{font-size:43px}.cd-moment h3{font-size:21px}.moment-transport{gap:25px;padding-block:13px 6px}.moment-note{font-size:10px}.moment-remind{min-height:42px}}
@media(prefers-reduced-motion:reduce){.moment-art{animation:none}}

.cd-editor .cd-save{margin-top:16px}

/* Compact player cards: artwork supports the date rather than filling the screen. */
.cd-moment{padding:14px;border-radius:12px}
.moment-top{margin-bottom:10px;font-size:10px}
.moment-cover{height:155px;aspect-ratio:auto;margin-bottom:11px;border-radius:7px}
.moment-art{width:124px;height:124px;aspect-ratio:1;margin:6px 0 0;flex-shrink:0}
.moment-art>span{font-size:20px;transform:translateY(-9px)}
.cover-caption{top:9px;left:10px;font-size:7px}
.cover-number{right:10px;bottom:9px;font-size:8px}
.moment-distance-label{font-size:9px;margin-bottom:3px}
.moment-days{margin-bottom:7px;gap:6px}
.moment-days b{font-size:36px;line-height:1.05}
.moment-days b.moment-today{font-size:29px;line-height:1.2}
.cd-moment h3{font-size:19px;line-height:1.35}
.moment-date{margin:4px 0;font-size:10px;line-height:1.5}
.moment-date span{font-size:9px}
.moment-note{margin:5px 0 9px;font-size:10px;line-height:1.5}
.moment-footer{padding-top:8px;font-size:9px}
.moment-transport{gap:25px;padding:9px 0 4px}
.moment-transport>button{width:32px;height:32px;padding:7px}
.moment-transport svg{width:18px;height:18px}
.moment-remind{min-height:35px;min-width:98px;padding:6px 12px;font-size:11px}
.cd-moment .cd-event-actions{margin-top:4px;padding-top:7px;font-size:9px}
.cd-travel-controls{margin-bottom:10px}
.cd-travel-controls small{font-size:9px}
.player-scrubber{margin-top:14px}
@media(max-width:760px){.cd-moment{padding:13px}.moment-cover{height:140px;aspect-ratio:auto}.moment-art{width:112px;height:112px;margin-top:5px}.moment-days b{font-size:34px}.cd-moment h3{font-size:18px}.moment-note{font-size:10px}.moment-transport{padding:8px 0 3px;gap:25px}.moment-remind{min-height:34px;padding:6px 12px}.cd-section-head{margin-bottom:12px}.cd-travel-controls>span small{display:none}}

/* Quiet date artwork replaces the decorative vinyl record. */
.moment-date-cover{position:relative;display:flex;align-items:center;justify-content:space-between;height:132px;padding:14px 18px;border:1px solid #8d68533d;background:radial-gradient(ellipse at 85% 15%,#bd765131,transparent 70%),linear-gradient(120deg,#282322,#1c1d20);overflow:hidden}
.moment-date-cover:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 19px,#ba9a7710 19px 20px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.cover-date{position:relative;display:grid;grid-template-columns:auto auto;align-items:end;gap:3px 12px;z-index:1}
.cover-date>span{grid-column:1/-1;color:#b19580;font:9px/1.5 Consolas,monospace;letter-spacing:.16em}
.cover-date>b{color:#e9dac5;font:300 62px/.95 Consolas,monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums}
.cover-date>small{padding-bottom:5px;color:#9c8572;font:11px 'Songti SC','SimSun',serif}
.cover-track{position:relative;display:flex;align-items:center;gap:9px;align-self:center;width:48%;padding-top:10px}
.cover-track i{flex:1;height:32px;opacity:.6;background:repeating-linear-gradient(90deg,#a17858 0 1px,transparent 1px 7px);mask-image:linear-gradient(90deg,transparent,#000 35%,#000 65%,transparent)}
.cover-track span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.15em;color:#9c816b;white-space:nowrap}
.moment-date-cover .cover-number{bottom:10px;right:13px;font-size:8px;color:#8d7c6b}
@media(max-width:760px){.moment-date-cover{height:122px;padding:12px 16px}.cover-date>b{font-size:58px}.cover-track{width:44%}}

.birthday-age{margin:5px 0;color:#d9b297;font-size:12px;line-height:1.5}.birthday-year-missing{display:inline-block;margin:5px 0;font-size:10px;color:#b18c73}
