.nav-bar{position:relative;z-index:1;display:flex;justify-content:center;gap:24px;padding:16px 0}.nav-tab{background:none;border:none;font-family:Quicksand,sans-serif;font-size:15px;color:#c9a9e8;cursor:pointer;padding:4px 0}.nav-tab.is-active{color:#d9527a;font-weight:600;border-bottom:2px solid #d9527a}.envelope-card{position:relative;width:190px;padding:4px 12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;transition:opacity .15s ease}.envelope-card.is-opening-source{opacity:0;pointer-events:none}.envelope-shape{position:relative;width:100%;aspect-ratio:3 / 2;perspective:700px}.envelope-shape--hero{width:280px}.envelope-shape:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd9e4,#ffb4cb,#f68fae);border-radius:14px;box-shadow:0 14px 28px #b43c6466,inset 0 1px 3px #ffffffb3;z-index:1;transition:opacity .4s ease}.envelope-flap{position:absolute;top:0;left:0;width:100%;height:58%;background:linear-gradient(160deg,#ffcede,#f6a3c0);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top center;box-shadow:inset 0 -3px 6px #b43c644d;backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:4;transition:opacity .4s ease}.envelope-pocket{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0% 0%,50% 58%,100% 0%,100% 100%,0% 100%);background:linear-gradient(170deg,#ffc2d7,#f68fae);border-radius:0 0 14px 14px;z-index:3;transition:opacity .4s ease}.envelope-seal{position:absolute;top:50%;left:50%;width:30px;height:30px;transform:translate(-50%,-50%);filter:drop-shadow(0 2px 3px rgba(120,20,50,.35));z-index:5;transition:opacity .4s ease}.envelope-shape--hero .envelope-seal{width:46px;height:46px}.envelope-shape--fade-chrome:before,.envelope-shape--fade-chrome .envelope-pocket,.envelope-shape--fade-chrome .envelope-flap,.envelope-shape--fade-chrome .envelope-seal{opacity:.5;pointer-events:none}.envelope-page{position:absolute;top:10px;left:14px;right:14px;z-index:2;background:#fffaf5;border-radius:8px;padding:12px 10px;font-family:Caveat,cursive;font-size:16px;line-height:1.3;color:#6b3e4d;box-shadow:0 8px 16px #00000038;text-align:center}.envelope-page--hero{top:16px;left:14px;right:14px;min-height:130px;font-size:22px;padding:18px 14px;cursor:pointer}.envelope-page--hero.is-revealing{top:-70px;bottom:auto;min-height:0;left:calc(50% - min(43vw,190px));right:auto;width:min(86vw,380px);max-height:min(70vh,480px);z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;cursor:default;text-align:left;scrollbar-width:none;-ms-overflow-style:none}.envelope-page--hero.is-revealing::-webkit-scrollbar{display:none}.envelope-page-hint{display:block;margin-top:10px;font-family:system-ui,sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#c98aa4}.envelope-page-title{margin:0 0 12px;font-family:Caveat,cursive;font-size:28px;color:#d9527a;text-align:center;width:100%}.envelope-page-body{margin:0;width:100%;white-space:pre-wrap;font-family:Caveat,cursive;font-size:20px;line-height:1.5;color:#6b3e4d}.favorite-toggle{position:absolute;top:-4px;right:-2px;background:none;border:none;font-size:18px;cursor:pointer;color:#ffb6c9;z-index:5}.envelope-label{margin:12px 0 2px;font-size:11px;letter-spacing:.08em;color:#c9a9e8;text-transform:uppercase}.envelope-trigger{margin:0;font-family:Caveat,cursive;font-size:20px;color:#f4eefb}.envelope-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a080fb8;display:flex;align-items:center;justify-content:center;z-index:999}.envelope-overlay-close{position:fixed;top:24px;right:24px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:1000}.envelope-overlay-close:hover{background:#ffffff47}.floating-field{position:relative;width:100%;height:70vh;min-height:480px}.floating-field-item{position:absolute}.floating-field-empty{text-align:center;color:#c9a9e8;padding:60px 20px;font-size:16px}.card-field-filters{display:flex;justify-content:center;gap:12px;padding:12px 0 0}.card-field-filters button{border:1px solid #f0c9d4;background:#fff;color:#d9527a;border-radius:999px;padding:8px 18px;font-family:Quicksand,sans-serif;cursor:pointer}.card-field-filters button.is-active{background:#d9527a;color:#fff;border-color:#d9527a}.stub-tab{display:flex;align-items:center;justify-content:center;height:50vh}.stub-tab-message{font-family:Caveat,cursive;font-size:28px;color:#d9527a}.background-decor{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.background-decor-item{position:absolute;top:110vh;display:inline-block;animation-name:background-decor-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite;filter:drop-shadow(0 0 6px rgba(179,102,255,.25))}@keyframes background-decor-float{0%{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-60vh) translate(20px) rotate(8deg)}to{transform:translateY(-130vh) translate(-15px) rotate(-6deg)}}.app{position:relative;min-height:100vh;background:linear-gradient(180deg,#170b22,#0d0812)}.app-header{position:relative;z-index:1;text-align:center;padding:32px 16px 8px}.app-eyebrow{margin:0;font-size:12px;letter-spacing:.12em;color:#c9a9e8;text-transform:uppercase}.app-title{margin:8px 0 0;font-family:Caveat,cursive;font-size:44px;color:#d9527a}.app-main{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:0 16px 60px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Quicksand,system-ui,sans-serif}