:root{--paper:#f6e7ec;--soft:#d8b5c5;--muted:#bd92a5;--line:#674351;--surface:#25181e;--base:#100a0d}
#since-button{display:block;pointer-events:auto;margin:4px auto 0;padding:4px 12px;min-height:44px;border:0;background:none;color:var(--muted);font-size:9px;letter-spacing:.04em;border-radius:0}#since-button:hover{color:var(--paper)}.little-things{gap:6px}.little-things button{font-size:9px;padding-inline:12px}.moments-dialog{width:min(560px,calc(100vw - 32px));padding:36px 32px;border-color:var(--line);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.moments-dialog h2{font:italic 38px/1.1 Georgia,serif;margin:20px 0 24px;letter-spacing:-1px}.moments-dialog p{font:20px/1.5 Georgia,serif;color:var(--soft)}.moments-dialog .quiet-copy,.moments-dialog .storage-note{font:11px/1.6 ui-monospace,monospace;color:var(--muted)}.moments-dialog .storage-note{margin-top:24px}.dialog-close{position:absolute;right:8px;top:8px;min-width:44px;min-height:44px;padding:0;background:none;border:0;color:var(--soft);white-space:nowrap}.eyebrow{font-size:8px;letter-spacing:.15em;color:var(--muted)}.panel-heading{padding-right:24px}.panel-intro{margin-bottom:28px}.discovery-list{border-top:1px solid var(--line)}.discovery-list>button{width:100%;display:flex;align-items:center;gap:18px;padding:18px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;min-height:72px;color:var(--soft)}.discovery-list>button:hover{color:var(--paper);background:#d99bb308}.entry-num{font-size:9px;color:var(--muted)}.discovery-list strong{font:20px Georgia,serif;display:block;font-weight:400}.discovery-list small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.discovery-list>button>span:last-child{margin-left:auto}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.moments-dialog button:not(.dialog-close):not([data-discover]):not(.ascii-jar),#scene-actions button,.scene-top button{border:1px solid var(--line);background:#3a2530;min-height:44px;padding:10px 16px;border-radius:24px;color:var(--paper);font-size:11px}.moments-dialog button.secondary,#scene-actions .secondary{background:transparent;color:var(--soft)}button:disabled{opacity:.4;cursor:default}.moments-dialog button:hover:not(:disabled):not(.dialog-close){border-color:#b78a9e}.moments-dialog label{display:block;margin:22px 0 8px;font-size:10px;color:var(--soft)}.moments-dialog input:not([type=range]),.moments-dialog select,.moments-dialog textarea{width:100%;border:1px solid var(--line);background:var(--base);color:var(--paper);padding:12px;min-height:44px;border-radius:4px;font:13px/1.5 ui-monospace,monospace}.moments-dialog textarea{resize:vertical}.moments-dialog input:focus-visible,.moments-dialog select:focus-visible,.moments-dialog textarea:focus-visible,summary:focus-visible{outline:1px solid var(--paper);outline-offset:4px}input[type=range]{width:100%;height:44px;accent-color:#edc8d4}.moments-dialog .big-number{font:italic 76px Georgia,serif;color:var(--paper);margin:28px 0}.big-number span{display:block;font:11px ui-monospace,monospace;color:var(--muted);margin-top:12px}.monthly-paper{padding:28px 4px 4px;border-top:1px dashed var(--line);margin-top:28px}.monthly-paper>span{font:12px monospace;color:var(--muted)}.monthly-paper p{font-style:italic}.date-label{font:10px ui-monospace,monospace!important;letter-spacing:.1em}.memory-star{font:80px monospace;color:#edc4d5;text-align:center;margin:12px}.ascii-jar{display:block;width:100%;background:transparent;border:0;padding:16px;color:#ecc5d7;min-height:150px}.ascii-jar span{display:block;white-space:pre;font:18px/1.3 ui-monospace,monospace}.jar-note{min-height:90px;font-style:italic!important;text-wrap:balance}.jar-shake{animation:jar-tap .35s ease-out}.moments-dialog details{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.moments-dialog summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:11px;color:var(--soft)}.moments-dialog ul{padding-left:18px;color:var(--soft);font:16px/1.6 Georgia,serif}.moments-dialog li{margin:10px 0}#date-feedback{font:12px/1.5 monospace;min-height:18px;color:var(--muted)}#card-preview{margin-top:20px;border:1px solid var(--line);background:var(--base)}#card-preview canvas{display:block;width:100%;height:auto}#scene-overlay{position:absolute;inset:0;z-index:3;pointer-events:none}#scene-overlay[hidden]{display:none}.scene-top{position:absolute;top:100px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.scene-top button{pointer-events:auto;background:#25181ec9;font-size:10px}.scene-top>span{font:italic 20px Georgia,serif;color:var(--soft)}.scene-bottom{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:20px;right:20px;text-align:center}#scene-cue{font:italic 21px/1.4 Georgia,serif;color:var(--soft);max-width:480px;margin:12px auto 20px;text-wrap:balance}#scene-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;pointer-events:auto}#scene-actions button{background:#25181ee0;touch-action:none}.in-scene .daily,.in-scene footer,.in-scene .corner{display:none}.in-scene header{z-index:4}.in-scene #love-note{z-index:4;top:64%}.anniversary-today{border-color:#edc8d4!important}#sound-state{min-height:30px}@keyframes jar-tap{0%,100%{transform:rotate(0)}30%{transform:rotate(-4deg)}65%{transform:rotate(3deg)}}
@media(max-width:600px){.little-things{max-width:100%;gap:4px}.little-things button{font-size:9px;padding-inline:9px}#since-button{font-size:8px;letter-spacing:0}.daily p{margin-bottom:4px}.moments-dialog{padding:32px 22px}.moments-dialog h2{font-size:34px}.discovery-list strong{font-size:18px}.discovery-list small{font-size:9px}.discovery-list>button{gap:14px}.scene-top{top:90px;left:20px;right:20px;align-items:flex-start}.scene-top>span{max-width:125px;text-align:right;font-size:18px}.scene-bottom{bottom:max(30px,env(safe-area-inset-bottom))}#scene-cue{font-size:20px;max-width:290px}.moments-dialog .big-number{font-size:65px}}
@media(max-width:350px){.little-things{gap:3px}.little-things button{font-size:8px;padding-inline:8px}.scene-top{left:14px;right:14px;top:80px}.scene-top button{font-size:9px;padding-inline:12px}.scene-top>span{font-size:16px}.scene-bottom{left:12px;right:12px}#scene-actions button{padding:10px 12px}}
@media(max-height:600px){#since-button{margin-left:0;padding-left:0;text-align:left}.scene-top{top:70px;left:15px;right:15px}.scene-bottom{bottom:16px}#scene-cue{font-size:17px;margin-bottom:10px}.in-scene #love-note{top:62%}.little-things{top:26%}.moments-dialog{padding:28px 22px}.moments-dialog h2{font-size:30px}.scene-top>span{font-size:17px}}
@media(prefers-reduced-motion:reduce){.jar-shake{animation:none}}
.moments-dialog>.dialog-close{position:sticky;top:-20px;right:auto;float:right;margin:-24px -20px 0 0;z-index:5;background:var(--surface)}
@media(min-width:601px) and (min-height:601px){#since-button{position:fixed;left:clamp(20px,4vw,64px);top:88px;margin:0;padding-left:0;text-align:left}}
.scene-top{display:grid;grid-template-columns:1fr auto}.scene-top>button:first-child{justify-self:start}.scene-top>span{justify-self:end}#scene-keepsake{grid-column:2;justify-self:end;font-size:9px;background:transparent;color:var(--muted);padding:6px 10px}.scene-top>button{max-width:100%}