:root{--void:#06070d;--slab:#141824;--rail:#1c2130;--edge:#9aacdc29;--edge-soft:#9aacdc1a;--ink:#e9ecf5;--sub:#98a2ba;--faint:#7c86a0;--void-recess:#08060a;--ember-hot:#ff5026;--gold:#f0b95a;--f-b:"IBM Plex Sans", system-ui, -apple-system, sans-serif;--f-m:"IBM Plex Mono", ui-monospace, Menlo, monospace;--e:cubic-bezier(.2, .8, .3, 1);--dx:0px;--p:0}*{box-sizing:border-box}html,body{height:100%}body{background:var(--void);color:var(--ink);font-family:var(--f-b);-webkit-font-smoothing:antialiased;place-items:center;margin:0;padding:clamp(20px,5vw,56px) 18px;font-weight:450;display:grid;overflow-x:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.defs{width:0;height:0;position:absolute;overflow:hidden}.glow{pointer-events:none;background:radial-gradient(52vw 46vw at 50% 38%,#5874c821,#0000 68%),radial-gradient(38vw 32vw at 50% 98%,#f0b95a0b,#0000 74%);position:fixed;inset:0}.stage{width:100%;max-width:452px;position:relative}.inbox{background:var(--slab);border:1px solid var(--edge);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #bed2ff1a,0 1px 2px #0009,0 40px 80px -28px #000000f2,0 8px 24px -12px #000000b3}.inbox__head{border-bottom:1px solid var(--edge-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 16px 14px;display:flex}.inbox__h{font:600 14px/1.2 var(--f-b);letter-spacing:-.005em;color:var(--ink);margin:0}.inbox__sub{font:400 10.5px/1 var(--f-m);letter-spacing:.06em;color:var(--faint);font-variant-numeric:tabular-nums;margin:5px 0 0}.inbox__reset{border:1px solid var(--edge);color:var(--sub);font:500 10.5px/1 var(--f-m);letter-spacing:.06em;cursor:pointer;transition:color .16s, border-color .16s, background .16s, transform .16s var(--e);background:#9aacdc0d;border-radius:8px;padding:6px 11px}.inbox__reset:hover{color:var(--ink);background:#9aacdc1a;border-color:#9aacdc4d}.inbox__reset:active{transform:scale(.95)}.inbox__reset:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.list{margin:0;padding:0;list-style:none;position:relative}.row{--dx:0px;--p:0;position:relative;overflow:hidden}.row__face{z-index:1;background:var(--slab);transform:translate3d(calc(var(--dx) * -1), 0, 0);touch-action:pan-y;position:relative}.row.is-dragging .row__face{will-change:transform}.row__face:after{content:"";background:var(--edge-soft);height:1px;position:absolute;bottom:0;left:64px;right:0}.row:last-child .row__face:after{display:none}.row__open{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-start;gap:12px;padding:13px 16px 14px;transition:background .18s;display:flex}.row__open:hover{background:var(--rail)}.row__open:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:8px}.av{color:#9aa5bd;width:36px;height:36px;font:500 10.5px/1 var(--f-m);letter-spacing:.04em;-webkit-user-select:none;user-select:none;background:#9aacdc14;border:1px solid #9aacdc29;border-radius:50%;flex:none;place-items:center;display:grid}.row__col{flex:auto;min-width:0}.row__top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.row__who{color:var(--ink);letter-spacing:-.008em;white-space:nowrap;text-overflow:ellipsis;font-size:13.4px;font-weight:600;overflow:hidden}.row__time{font:400 10px/1 var(--f-m);letter-spacing:.04em;color:var(--faint);font-variant-numeric:tabular-nums;flex:none}.row__subj{color:#bcc4d6;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.6px;font-weight:450;display:block;overflow:hidden}.row__prev{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.2px;line-height:1.4;display:block;overflow:hidden}.row__dot{background:var(--gold);width:6px;height:6px;transition:opacity .2s, transform .2s var(--e);border-radius:50%;flex:none;align-self:center;box-shadow:0 0 0 3px #e8b04b1f}.row.is-read .row__dot{opacity:0;transform:scale(.2)}.row__track{z-index:0;background:var(--void-recess);justify-content:flex-end;align-items:center;gap:12px;padding-right:16px;display:flex;position:absolute;inset:0}.row__track:before{content:"";opacity:calc(var(--p) * var(--p));background:radial-gradient(58% 190% at 95%,#ff7846f2,#d828128c 42%,#0000 76%),radial-gradient(26% 90% at 95%,#ffbe82e6,#0000 70%);position:absolute;inset:0}.row__del{z-index:1;cursor:pointer;pointer-events:none;background:0 0;border:0;border-radius:10px;place-items:center;padding:3px;display:grid;position:relative}.row.is-open .row__del{pointer-events:auto}.row__del:focus-visible{outline-offset:2px;pointer-events:auto;outline:2px solid #fff}.can-wrap{transform-origin:50% 92%;display:grid}.can{width:31px;height:36px;transform:translateX(calc(var(--p) * -5px)) scale(calc(1 + var(--p) * .1))}.can__body,.can__lid rect{fill:url(#steel)}.can__ribs path{stroke:#737b8c;stroke-width:2.2px;stroke-linecap:round;opacity:.55}.can__lid{transform-box:view-box;transform-origin:8px 17px;transform:rotate(calc(var(--p) * -64deg))}.can__throat{fill:#14040a;transform-box:view-box;transform-origin:32px 22px;transform:scaleY(var(--p));opacity:calc(var(--p) * 4)}.can__gullet{fill:url(#gullet);transform-box:view-box;transform-origin:32px 22px;transform:scaleY(var(--p));opacity:calc(var(--p) * var(--p) * var(--p))}@keyframes jolt{0%{transform:scale(1)rotate(0)}32%{transform:scale(1.17)rotate(-3.5deg)}64%{transform:scale(.97)rotate(1.5deg)}to{transform:scale(1)rotate(0)}}.row.is-armed .row__del{animation:jolt .34s var(--e)}@keyframes chomp{0%{transform:scale(1)}28%{transform:scale(1.12,.8)}60%{transform:scale(.95,1.07)}to{transform:scale(1)}}.can-wrap.is-chomp{animation:.3s cubic-bezier(.3,1.5,.5,1) chomp}.row.is-ghost{pointer-events:none}.empty{color:var(--sub);justify-content:center;align-items:center;gap:9px;margin:0;padding:38px 20px;font-size:12.8px;display:flex}.empty[hidden]{display:none}.empty b{color:var(--ink);font-weight:600}.empty__mark{width:22px;height:22px;color:var(--gold);background:#e8b04b1f;border:1px solid #e8b04b47;border-radius:50%;place-items:center;display:grid}.snack-slot{place-items:center;height:44px;margin-top:14px;display:grid}.snack{background:var(--rail);border:1px solid var(--edge);border-radius:10px;align-items:center;gap:12px;padding:8px 8px 8px 14px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #bed2ff14,0 16px 36px -12px #000000f2}.snack[hidden]{display:none}.snack__msg{color:var(--sub);white-space:nowrap;font-size:12.2px}.snack__undo{color:var(--gold);font:500 10.5px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .16s, border-color .16s, transform .16s var(--e);background:#e8b04b1a;border:1px solid #e8b04b38;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.snack__undo:hover{background:#e8b04b2e;border-color:#e8b04b66}.snack__undo:active{transform:scale(.94)}.snack__undo:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.snack__bar{background:var(--gold);opacity:.5;transform-origin:0;width:100%;height:1.5px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.mute{z-index:70;border:1px solid var(--edge);width:32px;height:32px;color:var(--faint);cursor:pointer;background:#9aacdc0f;border-radius:9px;place-items:center;transition:color .16s,background .16s,border-color .16s;display:grid;position:fixed;top:16px;right:16px}.mute:hover{color:var(--ink);background:#9aacdc1f;border-color:#9aacdc47}.mute:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mute__off,.mute[aria-pressed=true] .mute__on{display:none}.mute[aria-pressed=true] .mute__off{display:block}.fx{z-index:60;pointer-events:none;position:fixed;inset:0;overflow:hidden}.strip{pointer-events:none;backface-visibility:hidden;visibility:visible!important;margin:0!important;position:fixed!important}.strip:after{display:none}.fleck{background:#6b7284;border-radius:1px;width:6px;height:3px;position:fixed}@media (prefers-reduced-motion:reduce){.row.is-armed .row__del,.can-wrap.is-chomp{animation:none}.inbox__reset,.snack__undo,.row__dot,.row__open{transition:none}}