/* Atmosphere stays behind the calendar and never captures input. */
.landscape{transform:scale(1.025);animation:woodland-breath 38s ease-in-out infinite alternate}
.mist{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;background:radial-gradient(ellipse at 14% 68%,#9983ab23 0,transparent 46%),radial-gradient(ellipse at 88% 22%,#cab4cf12 0,transparent 42%);animation:mist-drift 27s ease-in-out infinite alternate}
.embers{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.embers span{position:absolute;bottom:-20px;width:3px;height:3px;border-radius:50%;background:#f69956;box-shadow:0 0 9px #f6995655;opacity:0;animation:ember-rise 19s linear infinite}
.embers span:nth-child(1){left:4%;animation-delay:-3s}.embers span:nth-child(2){left:96%;animation-delay:-11s;animation-duration:23s}.embers span:nth-child(3){left:12%;animation-delay:-15s;animation-duration:26s}.embers span:nth-child(4){left:91%;animation-delay:-7s;animation-duration:21s}.embers span:nth-child(5){left:7%;animation-delay:-19s;animation-duration:29s}.embers span:nth-child(6){left:98%;animation-delay:-13s;animation-duration:31s}
.page{position:relative;z-index:1;animation:page-arrive .7s ease both}
.door:not(:disabled):hover{box-shadow:0 8px 25px #08061155}.door:not(:disabled):active{transform:translateY(1px)}
.door.today:before{inset:-2px;border:1px solid #f6995636;border-radius:10px;box-shadow:0 0 14px #f6995617;animation:today-glow 5.5s ease-in-out infinite;z-index:3}
.door.today:after{content:'';position:absolute;top:0;left:calc(50% - 18px);width:36px;height:2px;background:#f6a267;border-radius:0 0 3px 3px;z-index:4;pointer-events:none;box-shadow:0 0 10px #f6995644}
.door.today.opened .door-inside{border-color:#f69956a8;background:linear-gradient(150deg,#493032,#282030)}
.door.today.opened .opened-day{color:var(--orange)}
.door.opening .door-inside{animation:door-warmth .65s ease both}
dialog{width:min(740px,calc(100% - 32px))}
.dialog-inner{padding:28px 30px 22px}.dialog-inner .eyebrow{margin-bottom:8px}.prompt-symbol{font-size:30px;margin:8px 0;animation:glimmer 5s ease-in-out infinite}#prompt-name{font-size:52px}#prompt-translation{font-size:19px;margin-top:4px}.prompt-label{margin-bottom:4px}.prompt-rule{margin:16px auto}.hashtags{margin:0 0 22px;font-size:12px}
.inspiration{text-align:left}.inspiration-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.inspiration h3{font-family:var(--serif);font-weight:500;font-size:26px;line-height:1.2;margin:0}.inspiration-heading>span{color:var(--muted);font-size:12px;white-space:nowrap}.idea-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.idea-option{position:relative;cursor:pointer;min-width:0}.idea-option input{position:absolute;width:1px;height:1px;opacity:0;inset:16px auto auto 14px}.idea-body{display:flex;flex-direction:column;height:100%;border:1px solid #b494be32;border-radius:8px;padding:14px;background:#15101e4d;transition:background .2s,border-color .2s,transform .2s}.idea-option:hover .idea-body{border-color:#f6995666;transform:translateY(-2px)}.idea-option input:checked+.idea-body{border-color:#f6995699;background:#f699560b}.idea-option input:focus-visible+.idea-body{outline:2px solid var(--orange);outline-offset:3px}.idea-number{font-size:11px;letter-spacing:1.6px;color:#bfa0c7;margin-bottom:7px}.idea-option input:checked+.idea-body .idea-number{color:var(--orange)}.idea-body strong{font-size:15px;font-weight:600;line-height:1.3;color:var(--ink);margin-bottom:8px;overflow-wrap:anywhere}.idea-description{font-size:14px;line-height:1.5;color:#c5b5cd;overflow-wrap:anywhere}.prompt-workshop{margin-top:14px;border:1px solid #b494be32;border-radius:8px;background:#15101e4d;overflow:hidden}.prompt-workshop summary{padding:14px 16px;cursor:pointer;font-size:14px;color:#e5cdbd;list-style-position:inside}.prompt-workshop summary::marker{color:var(--orange)}.prompt-workshop summary:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}.workshop-content{padding:2px 16px 17px;animation:page-arrive .3s ease both}.workshop-content>label{display:block;font-size:13px;color:var(--muted);margin:7px 0 10px}.workshop-content textarea{width:100%;min-height:190px;background:#0f0d18b3;border:1px solid #b494be38;border-radius:6px;font:14px/1.65 var(--sans);color:#ded1e3;padding:12px;resize:vertical}.workshop-content textarea:focus{outline:2px solid var(--orange);outline-offset:2px}.copy-row{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:10px 0 16px;flex-wrap:wrap}.copy-row>span{font-size:13px;color:#c7b0cf;flex:1}.copy-row button{border:1px solid #f6995666;border-radius:5px;background:#f699560d;color:var(--orange);font:500 14px var(--sans);padding:8px 12px;cursor:pointer}.copy-row button:hover{background:#f699561a}.prompt-tip{border-left:2px solid #f6995666;padding:1px 0 1px 12px}.prompt-tip h4{font-size:14px;font-weight:500;color:var(--orange);margin:0 0 5px}.prompt-tip p{font-size:16px;line-height:1.65;color:#c6b5d0;margin:0}.note-editor{margin-top:20px}.note-actions button:not(:disabled){transition:box-shadow .2s}.note-actions button:not(:disabled):hover{box-shadow:0 0 16px #f6995622}
@keyframes woodland-breath{from{transform:scale(1.025) translateY(0)}to{transform:scale(1.055) translateY(-5px)}}
@keyframes mist-drift{from{transform:translate(-2%,1%)}to{transform:translate(3%,-2%)}}
@keyframes ember-rise{0%{transform:translate(0,0);opacity:0}12%{opacity:.35}65%{opacity:.22}100%{transform:translate(32px,-82vh);opacity:0}}
@keyframes page-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@keyframes today-glow{0%,100%{box-shadow:0 0 10px #f6995615;border-color:#f6995633}50%{box-shadow:0 0 18px #f6995622;border-color:#f6995655}}
@keyframes door-warmth{from{filter:brightness(.85)}to{filter:brightness(1.1)}}
@media(max-width:600px){.dialog-inner{padding:26px 20px 20px}.idea-options{grid-template-columns:1fr}.idea-body{padding:12px 14px;gap:0}.idea-number{margin-bottom:4px}.idea-body strong{margin-bottom:4px}.inspiration-heading{align-items:flex-start;flex-direction:column;gap:5px}.inspiration h3{font-size:25px}.workshop-content textarea{font-size:16px}.prompt-tip p{font-size:16px}#prompt-name{font-size:46px}.embers span:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.landscape,.mist,.embers span,.page,.door.today:before,.door.opening .door-inside,.prompt-symbol,.workshop-content{animation:none!important;transform:none!important}.embers{display:none}.idea-body{transition:none!important}.idea-option:hover .idea-body{transform:none}.door.today:before{box-shadow:0 0 12px #f699561a}}