/* A real paper letter tucked behind the right edge; no opaque artwork canvas. */
.future-self-entry{position:fixed;right:0;top:43%;z-index:18;width:224px;height:202px;overflow:hidden;overflow:clip;pointer-events:none;color:#463e34;-webkit-tap-highlight-color:transparent}
.future-entry-drawer{position:absolute;left:16px;top:6px;width:208px;height:190px;transform:translateX(168px);transition:transform .48s cubic-bezier(.2,.72,.2,1);pointer-events:auto}
.future-entry-toggle{position:absolute;inset:0;left:-8px;z-index:2;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;touch-action:pan-y}
.future-entry-envelope{position:absolute;left:8px;top:34px;display:block;width:194px;height:auto;transform:rotate(-11deg);transform-origin:70% 65%;filter:drop-shadow(-2px 4px 3px #51463816);transition:transform .48s cubic-bezier(.2,.72,.2,1);pointer-events:none}
.future-entry-paper{position:absolute;left:26px;top:38px;z-index:1;width:148px;height:83px;box-sizing:border-box;background:#fbf8f0;border:1px solid #ded6c5;box-shadow:0 1px 3px #5545340b;opacity:0;transform:rotate(-11deg);transition:transform .45s cubic-bezier(.2,.72,.2,1),opacity .25s ease;pointer-events:none}
.future-entry-paper::after{content:"";position:absolute;left:12px;right:12px;top:41px;border-top:1px solid #ded6c5}
.future-entry-open{position:absolute;left:26px;top:4px;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:148px;min-height:60px;box-sizing:border-box;padding:8px 5px;color:#40392f;text-decoration:none;white-space:nowrap;font:14px/1.5 var(--serif,"Songti SC",serif);transform:translateY(22px) rotate(-11deg);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .45s cubic-bezier(.2,.72,.2,1);touch-action:pan-y}
.future-entry-open>span:last-child{font-size:12px;color:#875541}
.future-self-entry.is-expanded .future-entry-drawer{transform:translateX(4px)}
.future-self-entry.is-expanded .future-entry-envelope{transform:translateY(7px) rotate(-9deg)}
.future-self-entry.is-expanded .future-entry-paper{opacity:1;transform:translateY(-29px) rotate(-11deg)}
.future-self-entry.is-expanded .future-entry-open{opacity:1;visibility:visible;transform:rotate(-11deg)}
.future-entry-toggle:focus-visible{outline:1px solid #875541;outline-offset:-15px}
.future-entry-open:focus-visible{outline:1px solid #875541;outline-offset:2px}
body.tarot-immersive-mode .future-self-entry,body:has(dialog[open]) .future-self-entry,.record-keyboard-open .future-self-entry{display:none}
.future-today-entry:not(.has-due){display:none}
@media(max-width:759px){
  .future-self-entry{top:auto;bottom:calc(80px + env(safe-area-inset-bottom,0px));width:198px;height:182px}
  .future-entry-drawer{left:8px;top:5px;width:190px;height:172px;transform:translateX(154px)}
  .future-entry-envelope{width:178px;top:36px}
  .future-entry-paper{left:23px;top:39px;width:138px;height:77px}
  .future-entry-open{left:23px;top:6px;width:138px;font-size:13px}
  .future-self-entry.is-expanded .future-entry-drawer{transform:translateX(3px)}
}
@media(prefers-reduced-motion:reduce){.future-entry-drawer,.future-entry-envelope,.future-entry-paper,.future-entry-open{transition:none}}