.inbox-stage{display:grid;place-items:start center;padding:1.2rem clamp(1rem,4vw,2rem) 2rem;background:linear-gradient(180deg,rgba(18,89,168,.35),transparent 42%),#0a3060}.inbox{width:min(420px,100%);display:flex;flex-direction:column;gap:.7rem;min-height:100%;padding-bottom:3.2rem}.note{position:relative;padding:.95rem 1rem;border:3px solid #1259a8;background:#fffdf6;color:#123a5c;border-radius:0;box-shadow:4px 4px #0a3a78;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .12s ease,opacity .12s ease,border-color .12s ease;cursor:inherit;animation:note-in .18s cubic-bezier(.16,1,.3,1) both}.note[data-theme=mail]{border-color:#c45a10}.note[data-theme=mail] .from{color:#a84800}.note[data-theme=chat]{border-color:#1a6ab0}.note[data-theme=chat] .from{color:#1259a8}.note[data-theme=meet]{border-color:#6b4ec8}.note[data-theme=meet] .from{color:#5a3ab0}.note[data-theme=spam]{border-color:#e23a3a}.note[data-theme=spam] .from{color:#c81810}.note[data-theme=social]{border-color:#2ea05a}.note[data-theme=social] .from{color:#1a7a40}.note[data-theme=alert]{border-color:#ff4d1a}.note[data-theme=alert] .from{color:#c81810}.note[data-theme=keep],.note.keep{border-color:#ff4d1a;border-width:3px;background:#fff0d0;box-shadow:4px 4px #8a1408}.note[data-theme=keep] .from,.note.keep .from{color:#a84800}.ok-badge,.keep-badge{display:inline-block;margin-bottom:.4rem;padding:.15rem .5rem;font-weight:800;font-size:.82rem;letter-spacing:.06em}.ok-badge{background:#2ea05a;color:#fff}.keep-badge{background:#ff4d1a;color:#fff8f0}.inbox-stage .hp-wrap{bottom:.7rem}.note .from{font-size:.75rem;letter-spacing:.04em;color:#1259a8;font-weight:800;margin-bottom:.25rem}.note .body{font-weight:700;font-size:1rem;color:#123a5c}.note .meta{margin-top:.35rem;color:#3a6a8c;font-size:.82rem;font-weight:700}.note.bye-left{animation:bye-left .18s ease-in forwards}.note.bye-right{animation:bye-right .18s ease-in forwards}@keyframes note-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:none}}@keyframes bye-left{to{opacity:0;transform:translate(-120%) rotate(-8deg)}}@keyframes bye-right{to{opacity:0;transform:translate(120%) rotate(8deg)}}.clear-chip{position:absolute;z-index:3;pointer-events:none;border-radius:1px;opacity:.95;animation:chip-fly .5s ease-out forwards}@keyframes chip-fly{0%{opacity:1;transform:translate(0) rotate(0)}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}.note[data-theme=support]{border-color:#2f74b0}.note[data-theme=support] .from{color:#1259a8}.note[data-theme=dev]{border-color:#6b4ec8}.note[data-theme=dev] .from{color:#5a3ab0}.note[data-theme=news]{border-color:#c48a10}.note[data-theme=news] .from{color:#8a5a00}.note[data-theme=shop]{border-color:#c84878}.note[data-theme=shop] .from{color:#a03060}.combo-hud{position:absolute;top:.9rem;right:.9rem;z-index:6;display:flex;align-items:baseline;gap:.4rem;padding:.3rem .6rem;border:1px solid rgba(255,176,32,.45);background:rgba(12,10,9,.62);pointer-events:none}.combo-hud[hidden]{display:none}.combo-count{font-size:.78rem;letter-spacing:.06em;color:#f5efe6}.combo-mult{font-weight:700;font-size:1.05rem;color:#ffb020}.combo-hud[data-mult="3"] .combo-mult{color:#ff8a3a}.combo-hud[data-mult="4"] .combo-mult{color:#ff4d1a}.gain-pop{position:absolute;z-index:7;transform:translate(-50%,-50%);font-weight:700;font-size:1.1rem;pointer-events:none;animation:gain-rise .7s ease-out forwards}.gain-pop.good{color:#ffe14a}.gain-pop.bad{font-size:.9rem;color:#ff6a3a}@keyframes gain-rise{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}to{opacity:0;transform:translate(-50%,-160%) scale(1.1)}}