.bento-layout{--bento-bg:#f8fafc;--bento-card-bg:#fff;--bento-border:#e2e8f0;--bento-text:#1e293b;--bento-text-muted:#64748b;--bento-accent:#3b82f6;--bento-up:#ef4444;--bento-down:#22c55e;--bento-radius:12px;--bento-shadow:0 4px 6px -1px rgba(0,0,0,0.05);background-color:var(--bento-bg);color:var(--bento-text);min-height:100vh}body.theme-dark .bento-layout{--bento-bg:#0f172a;--bento-card-bg:#1e293b;--bento-border:#334155;--bento-text:#f1f5f9;--bento-text-muted:#94a3b8;--bento-accent:#60a5fa;--bento-up:#f87171;--bento-down:#4ade80;--bento-shadow:0 10px 15px -3px rgba(0,0,0,0.3)}.monospace[data-v-7563bee3]{font-family:IBM Plex Mono,Consolas,monospace}.extra-small[data-v-7563bee3]{font-size:10px}.bento-card[data-v-7563bee3]{background:var(--bento-card-bg);border:1px solid var(--bento-border);border-radius:var(--bento-radius);padding:1.25rem;box-shadow:var(--bento-shadow);transition:transform .2s,box-shadow .2s}.bento-card[data-v-7563bee3]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.card-header-simple[data-v-7563bee3]{display:flex;align-items:center;gap:8px;font-weight:700}.bento-input[data-v-7563bee3]{width:100%;background:var(--bento-bg);border:1px solid var(--bento-border);border-radius:8px;padding:12px;color:var(--bento-text);font-size:14px;outline:none;resize:none}.bento-input[data-v-7563bee3]:focus{border-color:var(--bento-accent)}.upload-minimal[data-v-7563bee3]{background:var(--bento-bg);border:1px dashed var(--bento-border);border-radius:8px;padding:10px;cursor:pointer;text-align:center}.upload-placeholder[data-v-7563bee3]{color:var(--bento-text-muted);font-size:13px}.upload-previews[data-v-7563bee3]{display:flex;flex-wrap:wrap;gap:8px}.mini-preview[data-v-7563bee3]{width:40px;height:40px;position:relative;border-radius:4px;overflow:hidden}.mini-preview img[data-v-7563bee3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mini-preview .remove[data-v-7563bee3]{position:absolute;top:0;right:0;background:rgba(0,0,0,.5);color:#fff;width:15px;height:15px;font-size:10px;text-align:center;cursor:pointer}.add-more[data-v-7563bee3]{width:40px;height:40px;border:1px dashed var(--bento-border);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--bento-text-muted)}.btn-bento[data-v-7563bee3]{border:none;border-radius:8px;padding:10px;font-weight:700;transition:all .2s}.btn-primary-bento[data-v-7563bee3]{background:var(--bento-accent);color:#fff}.btn-primary-bento[data-v-7563bee3]:hover{opacity:.9;transform:scale(1.02)}.btn-primary-bento[data-v-7563bee3]:disabled,.line[data-v-7563bee3]{background:var(--bento-border)}.line[data-v-7563bee3]{height:1px}.user-avatar-mini[data-v-7563bee3]{width:32px;height:32px;background:var(--bento-accent);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.like-pill[data-v-7563bee3]{background:var(--bento-bg);border:1px solid var(--bento-border);padding:4px 10px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.like-pill.liked[data-v-7563bee3]{border-color:var(--bento-up);color:var(--bento-up);background:rgba(239,68,68,.05)}.like-pill[data-v-7563bee3]:hover{transform:scale(1.05)}.image-grid-bento[data-v-7563bee3]{display:flex;flex-wrap:wrap;gap:8px}.bento-img[data-v-7563bee3]{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--bento-border);cursor:pointer}.comment-item-bento[data-v-7563bee3]{font-size:13px;padding-left:10px;border-left:2px solid var(--bento-border)}.comment-like-mini[data-v-7563bee3]{font-size:11px;cursor:pointer;color:var(--bento-text-muted);margin-left:5px}.comment-like-mini.active[data-v-7563bee3]{color:var(--bento-up)}.reply-box-bento[data-v-7563bee3]{display:flex;background:var(--bento-bg);border-radius:20px;padding:4px 12px;border:1px solid var(--bento-border)}.reply-input-bento[data-v-7563bee3]{flex:1;background:transparent;border:none;font-size:13px;color:var(--bento-text);outline:none}.btn-send-mini[data-v-7563bee3]{background:transparent;border:none;cursor:pointer}.btn-plain[data-v-7563bee3]{background:transparent;border:none;opacity:.5;transition:opacity .2s}.btn-plain[data-v-7563bee3]:hover{opacity:1}.empty-state[data-v-7563bee3]{text-align:center;padding:3rem}.empty-icon[data-v-7563bee3]{font-size:3rem;margin-bottom:1rem}@media (max-width:576px){.hidden-mobile[data-v-7563bee3]{display:none}}.modal-content{background:#000;border-radius:0}.image-container[data-v-7563bee3]{display:flex;align-items:center;justify-content:center;height:80vh}