/* Tactile details stay within the existing sage / cream / peach palette. */
::selection{background:#eeb18e;color:#20251b}
.portrait-surprise{display:block;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;flex:none;transition:transform .2s ease;min-width:44px;min-height:44px}
.portrait-surprise .portrait-frame{margin:0}.portrait-surprise:hover{transform:rotate(-3deg)}
.paper-colophon,.paper-back-top{font:inherit;color:inherit;background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:5px}.paper-colophon:hover,.paper-back-top:hover{text-decoration-thickness:2px}.paper-back-top span{display:inline-block;transition:transform .2s}.paper-back-top:hover span{transform:translateY(-3px)}
.paper-note{position:fixed;inset:0;width:min(430px,calc(100% - 32px));max-height:calc(100svh - 48px);margin:auto;padding:38px 30px 26px;overflow:auto;overscroll-behavior:contain;border:1px solid #c4c5ad;border-radius:3px 8px 2px 5px;background:#faf5e6;color:#252b21;box-shadow:5px 7px 0 #64715345,0 20px 80px #26321f35;font:15px/1.75 var(--sans)}.paper-note::backdrop{background:#26321f66;backdrop-filter:blur(3px)}.paper-note h2{font:700 32px/1.12 var(--serif);letter-spacing:-.025em;margin:12px 0 18px}.paper-note h2:focus{outline:none}.note-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0;color:#48583b}.note-copy{min-height:104px;margin:0 0 20px}.note-close{position:absolute;right:8px;top:6px;width:44px;height:44px;border:0;background:none;color:inherit;font-size:25px;cursor:pointer}.note-actions{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.note-actions button,.note-actions a{font:inherit;font-size:13px;min-height:44px;display:inline-flex;align-items:center;color:inherit}.note-actions button{padding:8px 12px;border:1px solid #b9856445;background:#efb08f;box-shadow:2px 2px 0 #342d2117;cursor:pointer}.note-actions a{text-underline-offset:4px}.note-foot{margin:24px 0 0;border-top:1px solid #b6bea5;padding-top:16px;font-size:12px;color:#48583b}body:has(.paper-note[open]){overflow:hidden}
.paper-celebration{position:fixed;left:50%;top:32%;z-index:1200;pointer-events:none;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px)}.paper-celebration span{display:block;padding:13px 20px;background:#faf5e6;color:#252b21;border:1px solid #c4c5ad;box-shadow:3px 4px 0 #63774c40;font:15px var(--serif)}.paper-celebration i{position:absolute;top:50%;left:50%;width:10px;height:16px;background:#efb08f;animation:paper-scatter 1.2s var(--delay) ease-out both}.paper-celebration i:nth-child(3n){background:#71835e}.paper-celebration i:nth-child(3n + 1){background:#eee5d0}@keyframes paper-scatter{from{opacity:0;transform:translate(0,0) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--x),160px) rotate(var(--r))}}
@media(prefers-reduced-motion:reduce){.portrait-surprise,.paper-back-top span{transition:none}.portrait-surprise:hover,.paper-back-top:hover span{transform:none}.paper-celebration i{animation:none;display:none}}
@media print{.paper-note,.paper-celebration{display:none!important}}