.bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.bento-tile{background:var(--surface);border-radius:24px;flex-direction:column;gap:4px;padding:12px 12px 18px;display:flex}.bento-tile h2{letter-spacing:-.01em;color:var(--ink);margin:14px 8px 0;font-size:17px;font-weight:600}.bento-tile p{color:var(--ink-2);margin:0 8px;font-size:14px;line-height:1.45}.bento-ui{background:var(--well);border-radius:16px;flex-direction:column;justify-content:center;gap:8px;min-height:168px;padding:12px;display:flex;position:relative;overflow:hidden}.bento-ui i{font-style:normal}.bento-ui .b-text,.bento-ui .b-row,.bento-ui .b-size,.bento-ui .b-agents{display:flex}.bento-ui .b-cmd,.bento-ui .b-meter,.bento-ui .b-dot{display:block}.b-text{flex-direction:column;gap:2px;min-width:0;display:flex}.b-text b{color:var(--ink);font-size:13px;font-weight:600}.b-text span{color:var(--ink-2);font-size:11.5px;line-height:1.35}.b-row{background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:9px 12px;display:flex}.b-row--flag{background:color-mix(in srgb,var(--orange)16%,var(--surface))}.b-row--flag .b-text span{color:var(--ink)}.b-dot{background:var(--teal);border-radius:50%;flex:none;width:10px;height:10px}.b-row--flag .b-dot{background:var(--orange)}.b-cmd{background:var(--surface);border-radius:12px;padding:10px 12px}.b-cmd code{color:var(--ink);white-space:nowrap;font:500 11.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.b-agents{flex-wrap:wrap;gap:6px}.bento-ui .b-agent{background:color-mix(in srgb,var(--ink)9%,transparent);height:26px;color:var(--ink-2);border-radius:13px;align-items:center;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex}.b-agent.is-on{background:var(--teal);color:#fff}.b-size{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:5px 12px;display:flex}.b-size .b-text{flex:none}.b-meter{background:var(--well);border-radius:4px;flex:1;max-width:90px;height:8px;overflow:hidden}.bento-ui .b-meter i{background:var(--teal);border-radius:4px;height:100%;display:block}@media (max-width:640px){.bento{scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px;scroll-padding:0 16px;display:flex;overflow-x:auto}.bento-tile{scroll-snap-align:start;flex:none;width:76%}}
