.inbox-stage{display:grid;place-items:start center;padding:1.2rem clamp(1rem,4vw,2rem) 2rem;background:linear-gradient(180deg,rgba(255,77,26,.06),transparent 35%),rgba(0,0,0,.18)}.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:1px solid rgba(245,239,230,.14);background:linear-gradient(135deg,#211a16,#171311);border-radius:14px;-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:#ffb02047}.note[data-theme=chat]{border-color:#50b4ff59}.note[data-theme=chat] .from{color:#7ec8ff}.note[data-theme=meet]{border-color:#b478ff59}.note[data-theme=meet] .from{color:#c9a6ff}.note[data-theme=spam]{border-color:#ff783c66}.note[data-theme=spam] .from{color:#ff9a5a}.note[data-theme=social]{border-color:#50dca066}.note[data-theme=social] .from{color:#6ee0b0}.note[data-theme=alert]{border-color:#ff464673}.note[data-theme=alert] .from{color:#ff7070}.note[data-theme=keep],.note.keep{border-color:#ffb020;border-width:2px;background:repeating-linear-gradient(-45deg,#2a1a08,#2a1a08 10px,#1a1208 10px,#1a1208 20px)}.note[data-theme=keep] .from,.note.keep .from{color:#ffb020}.keep-badge{display:inline-block;margin-bottom:.4rem;padding:.15rem .5rem;background:#ff4d1a;color:#fff8f0;font-weight:700;font-size:.82rem;letter-spacing:.08em}.inbox-stage .hp-wrap{bottom:.7rem}.note .from{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#ffb020;margin-bottom:.25rem}.note .body{font-weight:600;font-size:1rem}.note .meta{margin-top:.35rem;color:var(--muted);font-size:.82rem}.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:#78aaff6b}.note[data-theme=support] .from{color:#8ab4ff}.note[data-theme=dev]{border-color:#a078ff6b}.note[data-theme=dev] .from{color:#b08aff}.note[data-theme=news]{border-color:#ffc84673}.note[data-theme=news] .from{color:#ffd45a}.note[data-theme=shop]{border-color:#ff8cbe6b}.note[data-theme=shop] .from{color:#ff9ec4}.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)}}