.new-dot{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:.75rem;font-weight:900;line-height:1.4;position:absolute;top:-6px;right:-4px;box-shadow:0 0 0 2px #fff}.album-button,.story-item,.friend-card{position:relative}.result.letter{background:var(--bg,#fde9d3);place-content:safe center;gap:8px;padding:12px 0;overflow-y:auto}.letter-tag{opacity:.8;margin:0;font-weight:800}.letter-paper{--w:min(100vw - 32px, 360px);--pitch:calc(var(--w) * .0903);box-sizing:border-box;width:var(--w);min-height:calc(var(--w) * 937 / 746);padding:calc(var(--w) * .1834 - var(--pitch) * .75) 9% 16% 12%;font-size:calc(var(--pitch) * .46);line-height:var(--pitch);text-align:left;background:50.7% 51.4%/137.3% 145.7% no-repeat;animation:.5s ease-out both letter-in;position:relative}.letter-paper:before{content:"";float:right;width:42%;height:calc(var(--pitch) * 2.6);margin-right:-3%}.result .letter-paper h2{font-size:1.2em;line-height:var(--pitch);margin:0}.letter-body{line-height:var(--pitch);white-space:pre-line;margin:0}.letter-sign{line-height:var(--pitch);text-align:right;margin:0;font-weight:800}.letter-grandma{width:32%;height:auto;position:absolute;bottom:-40px;left:-14px}@keyframes letter-in{0%{opacity:0;transform:translateY(24px)rotate(-2deg)}}.grandma-scene{z-index:1;background:var(--bg);position:fixed;inset:0}.scene-tap{cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.scene-art{object-fit:cover;object-position:center top;width:100%;height:100%;animation:2.4s ease-out both scene-in;position:absolute;inset:0}@keyframes scene-in{0%{opacity:0;transform:scale(1.12)}30%{opacity:1}}.scene-bubble{top:calc(env(safe-area-inset-top) + 1.2vh);box-sizing:border-box;border:12px solid #0000;border-image:url(/assets/ui-card-DEhb6ltV.webp) 90 fill/16px;width:min(100% - 32px,360px);padding:8px 14px;font-size:1.15rem;font-weight:800;line-height:1.25;animation:.5s ease-out .9s both pop-in;position:absolute;left:50%;translate:-50%}.scene-foot{bottom:calc(env(safe-area-inset-bottom) + 10px);justify-items:center;gap:2px;animation:.5s ease-out 1.4s both pop-in;display:grid;position:absolute;left:0;right:0}.scene-hint{background:#ffffffd9;border-radius:999px;padding:2px 12px;font-weight:700}@media (prefers-reduced-motion:reduce){.scene-art{animation:.4s ease-out both fade-in}.letter-paper,.scene-bubble,.scene-foot{animation:none}}@keyframes fade-in{0%{opacity:0}}.story-row{gap:8px;width:min(100%,480px);margin:8px auto 4px;display:flex}.story-row .daily-button.wide{flex:1 1 0;min-width:0;margin:0;padding:4px 10px 4px 6px}.story-list,.friends-grid{gap:8px;width:min(100%,480px);margin:0 auto;padding:0;list-style:none;display:grid}.story-item{box-sizing:border-box;text-align:left;cursor:pointer;background:0 0;border:10px solid #0000;border-image:url(/assets/ui-card-DEhb6ltV.webp) 90 fill/14px;border-radius:0;align-items:center;gap:10px;width:100%;min-height:72px;padding:4px 8px;font-weight:800;display:flex}.story-item.locked{opacity:.7;font-weight:600}.story-item-text{flex-direction:column;line-height:1.2;display:flex}.story-item-text small{opacity:.75;font-weight:600}.friends-grid{grid-template-columns:repeat(2,1fr)}.friend-card{box-sizing:border-box;text-align:center;border:10px solid #0000;border-image:url(/assets/ui-card-DEhb6ltV.webp) 90 fill/14px;align-content:start;justify-items:center;gap:2px;padding:4px 4px 8px;display:grid}.friend-card h2{margin:0;font-size:1.05rem}.friend-card p{margin:0;font-size:.85rem;line-height:1.3}.friend-card.locked{opacity:.7}.friend-art{place-items:center;height:88px;display:grid}.friend-stack{flex:none;display:inline-block;position:relative}.friend-stack>.frame-box{position:absolute;inset:0}.friend-spring{align-content:center;justify-items:center;display:inline-grid}.friend-spring>.teach-spring{margin-top:-18%}.friend-pair{justify-content:center;align-items:center;gap:0;display:inline-flex}.scene-foot .world-banner{width:min(100vw - 32px,340px);display:block}