.delights-page{gap:16px}.delight-pixel-icon{image-rendering:pixelated;flex:none}.delight-compose,.mission-letter,.joy-card{flex-direction:column;gap:12px;min-width:0;display:flex}.delight-compose h2,.mission-letter h3,.delight-list-title{font-family:var(--font-heading);font-size:var(--text-body);margin:0;line-height:1.6}.delight-compose p,.mission-letter p,.joy-card p{margin:0}.delight-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.delight-section-head strong{font-size:var(--text-helper);overflow-wrap:anywhere}.delight-badge{border-radius:var(--radius-sm);background:var(--color-surface-soft);color:var(--color-text);font-size:var(--text-helper);padding:4px 9px}.mission-feature{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 8px 8px;animation:.3s ease-out both delight-note-arrive;display:flex}.mission-feature p{max-width:280px;font-size:var(--text-body);line-height:var(--leading-body);word-break:keep-all;overflow-wrap:anywhere}.mission-envelope-art{background:radial-gradient(ellipse,var(--color-surface-soft),transparent 72%);padding:10px 22px}.delight-note{font-size:var(--text-helper)}.delight-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:8px;display:grid}.delight-actions .btn{font-size:var(--text-helper);padding-inline:8px}.delight-center{text-align:center}.delight-list-title{align-items:center;gap:8px;display:flex}.delight-list-title span{color:var(--color-text-soft);font-size:var(--text-helper)}.mission-letter{position:relative;overflow:hidden}.mission-letter-inside{transform-origin:top;flex-direction:column;gap:12px;animation:.45s ease-out both delight-letter-open;display:flex}.mission-letter-inside>p{font-size:var(--text-body);line-height:var(--leading-body);overflow-wrap:anywhere}.mission-personal-note{background:var(--color-surface-soft);border-radius:var(--radius-sm);white-space:pre-wrap;padding:12px}.mission-open{border-radius:var(--radius-sm);background:var(--color-surface-soft);width:100%;color:inherit;font:inherit;font-size:var(--text-helper);text-align:left;cursor:pointer;border:0;justify-content:center;align-items:center;gap:16px;padding:18px 8px;line-height:1.8;display:flex}.mission-open b{color:var(--color-text)}.mission-sealed-art{transition:transform .2s;display:inline-flex;transform:rotate(-7deg)}.mission-open:hover .mission-sealed-art{transform:rotate(3deg)translateY(-3px)}.delight-received{border-radius:var(--radius-sm);background:var(--color-surface-soft);font-size:var(--text-helper);justify-content:center;align-items:center;gap:8px;padding:12px;line-height:1.6;display:flex}.delight-received small{font-size:var(--text-micro);color:var(--color-text-soft);display:block}.joy-heading{align-items:center;gap:12px;display:flex}.joy-heading>div{gap:4px;display:grid}.joy-content{font-size:var(--text-body);line-height:var(--leading-body);white-space:pre-wrap;overflow-wrap:anywhere}.joy-reactions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.joy-reactions .btn{font-size:var(--text-micro);flex-direction:column;gap:6px;min-height:64px;padding:12px 3px}.joy-reactions .btn span{white-space:normal;word-break:keep-all}.delight-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 12px;display:flex}.delight-empty p{font-size:var(--text-helper);color:var(--color-text-soft);margin:0;line-height:1.8}.compliment-tabs{background:var(--color-surface-soft);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.compliment-tabs button{min-height:var(--touch-min);font:inherit;font-family:var(--font-heading);font-size:var(--text-body-sm);line-height:var(--leading-tight);color:var(--color-text-soft);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.compliment-tabs button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:0 2px 0 var(--color-line-soft);font-weight:700}.compliment-list-toolbar{border-bottom:2px dashed var(--color-line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding-bottom:12px;display:flex}.compliment-list-count{font-family:var(--font-heading);font-size:var(--text-body);font-weight:700;line-height:var(--leading-snug);word-break:keep-all;margin:0}.compliment-list-count strong{color:var(--color-pink-text);font-weight:700}.compliment-list-toolbar>.chip{margin-left:auto}.delight-celebration{top:calc(env(safe-area-inset-top,0px) + 76px);z-index:180;pointer-events:none;width:max-content;max-width:calc(100% - 32px);position:absolute;left:50%;transform:translate(-50%)}.delight-celebration-card{background:var(--color-surface);border:1px solid var(--color-line-soft);border-radius:var(--radius-md);align-items:center;gap:12px;padding:16px 20px;animation:3.6s both delight-cheer;display:flex;position:relative;box-shadow:0 6px 24px #38273520}.delight-celebration-card strong{font-family:var(--font-heading);font-size:var(--text-body);line-height:1.6}.delight-celebration-card small{font-size:var(--text-helper);color:var(--color-text-soft);display:block}.delight-confetti{position:absolute;inset:50% 0 auto}.delight-confetti i{background:var(--color-pink-strong);width:6px;height:6px;animation:delight-confetti 1.5s calc(var(--particle)*35ms) ease-out both;position:absolute;left:50%}.delight-confetti i:nth-child(3n){background:#edc16d;height:10px}.delight-confetti i:nth-child(3n+1){background:#85bddd}.delight-confetti i:nth-child(3n+2){background:#b7a1e4;width:10px}@keyframes delight-note-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes delight-letter-open{0%{opacity:0;transform:perspective(500px)rotateX(-14deg)translateY(-6px)}to{opacity:1;transform:none}}@keyframes delight-cheer{0%{opacity:0;transform:translateY(-8px)scale(.94)}12%,85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes delight-confetti{0%{opacity:0;transform:translate(0)}15%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--drift),var(--rise)) rotate(160deg)}}@media (prefers-reduced-motion:reduce){.mission-feature,.mission-letter-inside,.delight-celebration-card{animation:none}.mission-sealed-art{transition:none;transform:none!important}.delight-confetti{display:none}}.mission-picker{border-top:2px dashed var(--color-line-soft);flex-direction:column;gap:10px;padding-top:10px;display:flex}.mission-picker>.btn{font-size:var(--text-helper);align-self:center}.mission-picker-tabs{flex-wrap:wrap;justify-content:center;gap:6px}.mission-pick-list{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:360px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.mission-pick{border:2px dashed var(--color-line-soft);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:10px;padding:10px 12px;display:flex}.mission-pick.is-current{border-style:solid;border-color:var(--color-border);background:var(--color-surface-soft)}.mission-pick-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mission-pick-text b{font-family:var(--font-heading);font-size:var(--text-helper)}.mission-pick-text span{word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}.mission-pick .btn{white-space:nowrap;font-size:var(--text-micro);flex:none;min-height:0;padding:6px 10px}