/* KILO inbox: menu entry + read-only dialog */
.ki-entry{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:8px;padding:0 10px 0 18px;border:0;border-radius:999px;background:#D8FF29;color:#0B0C0B;font:700 15px/1.2 "Manrope","Helvetica Neue",Arial,sans-serif;cursor:pointer;text-align:left;box-sizing:border-box;transition:transform .3s cubic-bezier(.2,.7,.1,1)}
.ki-entry:active{transform:scale(.97)}
.ki-entry svg{width:19px;height:19px;flex:none}
.ki-entry span.ki-lbl{flex:1;min-width:0}
.ki-count{min-width:30px;height:30px;padding:0 9px;border-radius:999px;background:#0B0C0B;color:#D8FF29;display:inline-grid;place-items:center;font:700 13px/1 "IBM Plex Mono",ui-monospace,monospace;box-sizing:border-box}
.ki-count[hidden]{display:none}
.ki-entry:focus-visible,.ki-x:focus-visible,.ki-btn:focus-visible,.ki-open:focus-visible{outline:3px solid #FF2D87;outline-offset:3px}
.ki-veil{position:fixed;inset:0;z-index:10000;background:rgba(11,12,11,.42);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.ki-veil[hidden]{display:none}
.ki-veil.ki-on{opacity:1}
.ki-dlg{box-sizing:border-box;background:#FCFBF6;color:#0B0C0B;font-family:"Manrope","Helvetica Neue",Arial,sans-serif;display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;overflow:hidden;transform:translateY(18px);transition:transform .4s cubic-bezier(.2,.7,.1,1);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.ki-on .ki-dlg{transform:none}
.ki-dlg *{box-sizing:border-box}
.ki-hd{display:flex;align-items:flex-start;gap:12px;padding:20px 18px 14px;border-bottom:1.5px solid #0B0C0B}
.ki-hd div{flex:1;min-width:0}
.ki-kick{margin:0 0 6px;font:500 11.5px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#5E625A}
.ki-hd h2{margin:0;font-family:"Unbounded","Manrope",sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(20px,5.4vw,26px);line-height:1.05;letter-spacing:-.01em;overflow-wrap:anywhere}
.ki-x{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#F0EEE4;color:#0B0C0B;cursor:pointer;display:grid;place-items:center}
.ki-x svg{width:16px;height:16px}
.ki-status{margin:0;padding:10px 18px;font-size:13.5px;line-height:1.45;color:#3F423C;background:#F0EEE4}
.ki-status:empty{display:none}
.ki-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 18px 28px}
.ki-list{list-style:none;margin:0;padding:0}
.ki-item{position:relative;padding:18px 0 18px 18px;border-bottom:1px solid rgba(11,12,11,.12);scroll-margin:20px}
.ki-item::before{content:"";position:absolute;left:0;top:25px;width:8px;height:8px;border-radius:50%;background:transparent}
.ki-item.ki-new::before{background:#FF2D87}
.ki-item.ki-hl{margin:6px -10px;padding-left:28px;padding-right:10px;border-radius:18px;background:#D8FF29;border-bottom-color:transparent}
.ki-item.ki-hl::before{left:10px}
.ki-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-bottom:6px;font:500 12px/1.3 "IBM Plex Mono",ui-monospace,monospace;color:#5E625A}
.ki-meta b{font-weight:600;color:#B0004A;text-transform:uppercase;letter-spacing:.08em}
.ki-item h3{margin:0;font-size:17px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.ki-item p{margin:6px 0 0;font-size:15px;line-height:1.5;color:#3F423C;overflow-wrap:anywhere;white-space:pre-line}
.ki-open{display:inline-flex;align-items:center;gap:8px;margin-top:12px;min-height:40px;padding:0 16px;border-radius:999px;background:#0B0C0B;color:#FCFBF6;font-weight:700;font-size:14px;text-decoration:none}
.ki-hl .ki-open{background:#0B0C0B;color:#D8FF29}
.ki-open svg{width:14px;height:14px}
.ki-empty{display:grid;justify-items:start;gap:14px;padding:40px 0}
.ki-empty i{width:56px;height:56px;border-radius:16px;background:#0B0C0B;color:#D8FF29;display:grid;place-items:center}
.ki-empty i svg{width:24px;height:24px}
.ki-empty p{margin:0;font-size:17px;font-weight:700;line-height:1.4;max-width:28ch}
.ki-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;background:#D8FF29;color:#0B0C0B;font:700 15px/1.2 "Manrope","Helvetica Neue",Arial,sans-serif}
.ki-skel{padding:18px 0;border-bottom:1px solid rgba(11,12,11,.12)}
.ki-skel span{display:block;height:12px;border-radius:6px;background:#F0EEE4;margin-bottom:10px;animation:ki-p 1.2s ease-in-out infinite}
.ki-skel span:nth-child(1){width:30%}.ki-skel span:nth-child(2){width:70%;height:16px}.ki-skel span:nth-child(3){width:90%}
@keyframes ki-p{50%{opacity:.45}}
@media (min-width:761px){
.ki-veil{padding:32px}
.ki-dlg{width:min(560px,100%);height:auto;max-height:min(760px,calc(100dvh - 64px));border-radius:28px;box-shadow:0 40px 80px -30px rgba(11,12,11,.6);padding:0}
.ki-hd{padding:26px 26px 16px}.ki-body{padding:8px 26px 28px}.ki-status{padding:10px 26px}
}
@media (prefers-reduced-motion:reduce){.ki-veil,.ki-dlg,.ki-entry{transition:none}.ki-skel span{animation:none}}