@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Inter:wght@400;500;600&display=swap";:root{--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Cormorant Garamond", "Georgia", serif;--ink: #f3f1ec;--ink-dim: #cfccc4;--ink-faint: rgba(243, 241, 236, .62);--card-tint: rgba(10, 12, 18, .52);--card-tint-strong: rgba(8, 9, 14, .68);--card-border: rgba(255, 255, 255, .14);--card-blur: 16px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 10px;--space-1: .5rem;--space-2: .875rem;--space-3: 1.5rem;--space-4: 2.25rem;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:#0a0c12;position:relative;overflow-x:hidden;transition:background .9s ease}.debug-panel{position:fixed;top:0;left:0;right:0;z-index:10000;background:#06070aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.16);padding:.9rem 1rem 1.1rem;font-family:var(--font-body);color:var(--ink)}.debug-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.7rem}.debug-hint{font-size:.72rem;color:var(--ink-faint)}.debug-controls{display:flex;flex-wrap:wrap;gap:.8rem}.debug-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.debug-controls select{font-size:.82rem;padding:.35rem .5rem;border-radius:8px;border:1px solid var(--card-border);background:#ffffff14;color:var(--ink)}.debug-controls select option{color:#111}@property --bd-angle{syntax: "<angle>"; inherits: true; initial-value: 160deg;}@property --motif-x{syntax: "<percentage>"; inherits: true; initial-value: 50%;}@property --motif-y{syntax: "<percentage>"; inherits: true; initial-value: 20%;}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(var(--bd-angle),var(--c1),var(--c2) 55%,var(--c3));transition:background 1.2s ease;animation:drift-angle 90s ease-in-out infinite alternate}.backdrop:before{content:"";position:absolute;inset:0;opacity:var(--motif-opacity, .5);background-image:var(--motif);background-repeat:var(--motif-repeat, no-repeat);background-size:var(--motif-size, cover);background-position:var(--motif-x) var(--motif-y);animation:drift-motif 90s ease-in-out infinite alternate,breathe 10s ease-in-out infinite}@keyframes drift-angle{0%{--bd-angle: 110deg}50%{--bd-angle: 230deg}to{--bd-angle: 150deg}}@keyframes drift-motif{0%{--motif-x: 15%;--motif-y: 8%}50%{--motif-x: 85%;--motif-y: 35%}to{--motif-x: 45%;--motif-y: 5%}}@keyframes breathe{0%,to{opacity:calc(var(--motif-opacity, .5) * .7)}50%{opacity:var(--motif-opacity, .5)}}html[data-variant="1"] .backdrop,html[data-variant="1"] .backdrop:before{animation-delay:0s}html[data-variant="2"] .backdrop,html[data-variant="2"] .backdrop:before{animation-delay:-30s}html[data-variant="3"] .backdrop,html[data-variant="3"] .backdrop:before{animation-delay:-60s}html[data-theme=sun] .backdrop{--c1: #2c2210;--c2: #6b3f1d;--c3: #0d0a06;--motif-opacity: .55;--motif: radial-gradient(circle at var(--motif-x) var(--motif-y), rgba(255, 200, 120, .55), rgba(255, 200, 120, 0) 42%)}html[data-theme=night] .backdrop{--c1: #05060c;--c2: #10142a;--c3: #01010a;--motif-opacity: .8;--motif-size: 340px 340px;--motif-repeat: repeat;--motif: radial-gradient(circle, rgba(255, 255, 255, .85) 1px, transparent 1.4px), radial-gradient(circle, rgba(255, 255, 255, .5) 1px, transparent 1.2px)}html[data-theme=cloudy] .backdrop{--c1: #1b2027;--c2: #33404a;--c3: #10141a;--motif-opacity: .5;--motif: radial-gradient(ellipse 60% 30% at var(--motif-x) var(--motif-y), rgba(220, 226, 232, .35), transparent 70%), radial-gradient(ellipse 45% 25% at 30% 70%, rgba(220, 226, 232, .22), transparent 75%)}html[data-theme=rainy] .backdrop{--c1: #060c14;--c2: #0f2233;--c3: #04070c}html[data-theme=rainy] .backdrop:before{opacity:.35;background-repeat:repeat;background-size:3px 140px;background-image:repeating-linear-gradient(115deg,rgba(180,210,230,.9) 0px,rgba(180,210,230,.9) 1px,transparent 2px,transparent 22px);animation:rainfall 1.4s linear infinite}@keyframes rainfall{0%{background-position:0 0}to{background-position:-40px 140px}}.rain-scene{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:0;transition:opacity 1.2s ease}html[data-theme=rainy] .rain-scene{opacity:1}.rain-scene:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40vh;background:radial-gradient(ellipse 70% 45% at 50% 100%,rgba(130,165,200,.22),transparent 72%)}.rain-scene .layer{position:absolute;left:-5%;right:-5%;bottom:0;height:32vh}.rain-scene .layer-back{background:#24374a;clip-path:polygon(0 62%,9% 54%,19% 60%,31% 46%,43% 57%,56% 42%,69% 54%,81% 44%,93% 56%,100% 48%,100% 100%,0 100%)}.rain-scene .layer-front{height:22vh;background:#0d151f;clip-path:polygon(0 70%,11% 58%,23% 68%,36% 52%,50% 66%,63% 50%,77% 66%,90% 56%,100% 68%,100% 100%,0 100%)}.rain-scene .window{position:absolute;width:4px;height:6px;background:#ffcd82a6;border-radius:1px;box-shadow:0 0 6px #ffcd8280;animation:window-flicker 5s ease-in-out infinite}@keyframes window-flicker{0%,to{opacity:.5}45%{opacity:1}55%{opacity:.85}}.particles{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;left:var(--x);top:var(--top, -10vh);width:var(--size);height:var(--size);will-change:transform,opacity}@keyframes particle-fall{0%{transform:translateZ(0) rotate(0);opacity:0}8%{opacity:1}50%{transform:translate3d(var(--drift),55vh,0) rotate(180deg)}92%{opacity:1}to{transform:translate3d(calc(var(--drift) * -1),115vh,0) rotate(360deg);opacity:0}}@keyframes particle-drift-snow{0%{transform:translateZ(0);opacity:0}8%{opacity:.85}50%{transform:translate3d(var(--drift),55vh,0)}92%{opacity:.85}to{transform:translate3d(calc(var(--drift) * -1),115vh,0);opacity:0}}@keyframes particle-wind{0%{transform:translate3d(-20vw,0,0) scaleX(.6);opacity:0}15%{opacity:.35}50%{transform:translate3d(60vw,6px,0) scaleX(1)}85%{opacity:.35}to{transform:translate3d(130vw,-4px,0) scaleX(.6);opacity:0}}@keyframes particle-mote{0%{transform:translateZ(0);opacity:0}15%{opacity:.5}50%{transform:translate3d(var(--drift),-20vh,0)}85%{opacity:.5}to{transform:translate3d(calc(var(--drift) * -1),-45vh,0);opacity:0}}.particle-leaf{animation:particle-fall var(--duration) linear var(--delay) infinite;background:radial-gradient(ellipse at 30% 30%,#d98a3d,#8a4a1e 70%);border-radius:0 70%;opacity:.7}.particle-petal{animation:particle-fall var(--duration) linear var(--delay) infinite;background:radial-gradient(ellipse at 30% 30%,#ffd9e6,#f4a6c4 70%);border-radius:60% 40%;opacity:.75}.particle-snow{animation:particle-drift-snow var(--duration) linear var(--delay) infinite;background:#fff;border-radius:50%;opacity:.85}.particle-wind{animation:particle-wind var(--duration) linear var(--delay) infinite;height:2px!important;background:linear-gradient(90deg,transparent,rgba(220,225,230,.55),transparent);border-radius:2px}.particle-mote{animation:particle-mote var(--duration) linear var(--delay) infinite;background:radial-gradient(circle,#ffd68ce6,#ffd68c00 70%);border-radius:50%}.page{max-width:640px;margin:0 auto;padding:var(--space-3) var(--space-2) var(--space-4)}header.hero{text-align:center;padding:var(--space-4) 0 var(--space-3)}.eyebrow{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--ink-faint);margin:0 0 var(--space-1)}.moon-arch{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:46px;margin:0 auto .3rem}.moon-icon-wrap:nth-child(1){transform:translateY(0)}.moon-icon-wrap:nth-child(2){transform:translateY(-11px)}.moon-icon-wrap:nth-child(3){transform:translateY(-20px)}.moon-icon-wrap:nth-child(4){transform:translateY(-25px)}.moon-icon-wrap:nth-child(5){transform:translateY(-25px)}.moon-icon-wrap:nth-child(6){transform:translateY(-20px)}.moon-icon-wrap:nth-child(7){transform:translateY(-11px)}.moon-icon-wrap:nth-child(8){transform:translateY(0)}.moon-icon{display:block;width:13px;height:13px;border-radius:50%;background:#12141c;position:relative;overflow:hidden;opacity:.5;box-shadow:inset 0 0 0 1px #ffffff1f;transition:width .3s ease,height .3s ease,opacity .3s ease,box-shadow .3s ease}.moon-icon:after{content:"";position:absolute;top:0;left:var(--offset, 100%);width:100%;height:100%;border-radius:50%;background:#f3ecd8}.moon-icon-wrap.current .moon-icon{width:19px;height:19px;opacity:1;box-shadow:0 0 10px 2px #f3ecd88c}.moon-caption{text-align:center;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:0 0 var(--space-2)}.hero h1{font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,8vw,2.9rem);margin:0 0 var(--space-1);line-height:1.1}.hero p.subtitle{color:var(--ink-dim);font-size:.95rem;margin:0}.weather-note{margin-top:var(--space-2);font-size:.8rem;color:var(--ink-faint);font-style:italic}.date-picker{position:sticky;top:var(--space-2);z-index:5;margin-bottom:var(--space-3)}.date-picker label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-faint);margin-bottom:.4rem}#date-select{width:100%;appearance:none;font-family:var(--font-body);font-size:.95rem;font-weight:500;color:var(--ink);background:var(--card-tint-strong);backdrop-filter:blur(var(--card-blur));-webkit-backdrop-filter:blur(var(--card-blur));border:1px solid var(--card-border);border-radius:var(--radius-md);padding:.85rem 2.6rem .85rem 1rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 1.3rem) center,calc(100% - 1rem) center;background-size:6px 6px,6px 6px;background-repeat:no-repeat}#date-select option{color:#111}.card{position:relative;background:var(--card-tint);backdrop-filter:blur(var(--card-blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--card-blur)) saturate(140%);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000059;padding:var(--space-3);overflow:hidden}html[data-theme=rainy] .card:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.75;background-image:radial-gradient(ellipse 2.2px 11px at 8% 10px,rgba(255,255,255,.85),transparent 72%),radial-gradient(ellipse 1.7px 8px at 24% 60px,rgba(255,255,255,.7),transparent 72%),radial-gradient(ellipse 2.5px 13px at 40% 28px,rgba(255,255,255,.82),transparent 72%),radial-gradient(ellipse 1.5px 7px at 56% 78px,rgba(255,255,255,.65),transparent 72%),radial-gradient(ellipse 2.3px 12px at 71% 15px,rgba(255,255,255,.8),transparent 72%),radial-gradient(ellipse 1.6px 8px at 87% 50px,rgba(255,255,255,.68),transparent 72%),radial-gradient(ellipse 2px 10px at 96% 85px,rgba(255,255,255,.72),transparent 72%);background-repeat:repeat-y;background-size:100% 92px;animation:card-raindrops 1.8s linear infinite}.entry-card:after{animation-delay:0s}.phrase-card:after{animation-delay:-1.1s}.day-section:nth-of-type(2n) .entry-card:after{animation-delay:-.6s}@keyframes card-raindrops{0%{background-position:0 -92px}to{background-position:0 0}}.day-section{margin-bottom:var(--space-4);scroll-margin-top:5.5rem}.day-heading{display:flex;align-items:baseline;gap:.6rem;margin:0 0 var(--space-2);padding-left:.2rem}.day-heading .date-line{flex:1;height:1px;background:linear-gradient(90deg,var(--card-border),transparent)}.day-heading h2{font-family:var(--font-display);font-weight:600;font-size:1.3rem;margin:0;white-space:nowrap;color:var(--ink)}.entry-card+.entry-card,.entry-card+.phrase-card,.phrase-card+.entry-card{margin-top:var(--space-2)}.entry-time{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 .35rem}.entry-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;margin:0 0 var(--space-1)}.entry-text{margin:0 0 .7rem;line-height:1.6;font-size:.98rem;color:var(--ink)}.entry-text:last-of-type{margin-bottom:0}.poems{margin-top:var(--space-2);display:grid;gap:.6rem}.poem{border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:.6rem .9rem;background:#ffffff08}.poem summary{cursor:pointer;font-family:var(--font-display);font-style:italic;font-size:1.05rem;list-style:none}.poem summary::-webkit-details-marker{display:none}.poem summary:before{content:"✦ ";opacity:.7}.spoiler-hint{font-size:.72rem;font-family:var(--font-body);font-style:normal;color:var(--ink-faint)}.poem-body{margin-top:.6rem;border-top:1px solid var(--card-border);padding-top:.6rem}.poem-body p{font-family:var(--font-display);font-style:italic;font-size:1.02rem;line-height:1.65;margin:0 0 .7rem;color:var(--ink)}.poem-body p:last-child{margin-bottom:0}.music-embed{margin-top:var(--space-2)}.music-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);margin:0 0 .5rem}.music-frame{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--card-border)}.music-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.entry-image{margin:var(--space-2) 0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--card-border)}.entry-image img{display:block;width:100%;max-height:420px;object-fit:cover}.phrase-card{border-style:dashed;text-align:center}.phrase-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-faint);margin:0 0 .6rem}.phrase-text{font-family:var(--font-display);font-style:italic;font-size:1.15rem;line-height:1.6;margin:0}footer.site-footer{text-align:center;color:var(--ink-faint);font-size:.78rem;margin-top:var(--space-4);padding-top:var(--space-3)}@media(min-width:700px){.page{max-width:720px;padding:var(--space-4) var(--space-3) calc(var(--space-4) * 1.5)}.hero h1{font-size:3.3rem}.card{padding:var(--space-4)}}@media(prefers-reduced-motion:reduce){.backdrop,.backdrop:before,.rain-scene .window,.card:after{animation:none}.particles{display:none}}