*{box-sizing:border-box}:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--bg:#000;--panel:#0b0b0b;--panel-2:#101010;--text:#f4f4f4;--muted:#9a9a9a;--border:#242424;--border-strong:#3a3a3a;--accent:#fff;--radius:4px;--space-1:6px;--space-2:12px;--space-3:18px;--space-4:24px}body{padding:var(--space-3);background:var(--bg);color:var(--text);position:relative;min-height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body:before{content:"";position:fixed;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 10%,#ffffff14,#0000 45%),radial-gradient(circle at 85% 0%,#ffffff0d,#0000 40%),repeating-linear-gradient(90deg,#ffffff08 0 1px,#0000 1px 120px),repeating-linear-gradient(0deg,#ffffff08 0 1px,#0000 1px 120px);inset:0}.top-bar{display:flex;gap:var(--space-2);margin:0 auto var(--space-3);align-items: center;max-width:1650px}.notice{margin:0 auto var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius);color:#f0b3b3;letter-spacing:.04em;text-transform:uppercase;background:#140a0a;border:1px solid #3a1b1b;max-width:1650px;font-size:.75rem}.share-form{flex:1;width:100%}.menu-anchor{position:relative}.action-menu{position:absolute;top:calc(100% + var(--space-1));background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2);display:grid;gap:var(--space-2);z-index:10;right:0}.menu-button{width:42px;height:42px}.icon-button{display:inline-flex;border-radius:var(--radius);border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items: center;width:42px;height:42px;transition:background .2s,border-color .2s,color .2s}.icon-button:hover,.icon-button[data-active=true]{background:var(--panel-2);border-color:var(--border-strong);color:var(--text)}.icon-button:disabled{color:#4d4d4d;cursor:not-allowed;border-color:#1a1a1a}.file-input{display:none}.prompt-input{display:block;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:var(--space-2)var(--space-3);letter-spacing:.05em;text-transform:uppercase;text-align:center;background:0 0;width:100%;min-width:0;font-family:inherit;font-size:.75rem}.prompt-input::placeholder{color:var(--muted)}.prompt-input:focus{outline:none;border-color:var(--border-strong)}.container{width:100%;max-width:1650px;margin:0 auto}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-3)}.chat-view{display:flex;gap:var(--space-3);flex-direction:column}.chat-row{display:flex}.chat-row-human{justify-content:flex-end}.chat-row-bot{justify-content:flex-start}.chat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2)var(--space-3);display:flex;gap:var(--space-2);flex-direction:column;max-width:min(900px,100%)}.chat-row-human .chat-card{background:var(--panel-2);border-color:var(--border-strong)}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.85rem;line-height:1.5}.chat-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-2)}.chat-media-item{display:block;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);text-decoration:none;color:inherit;background:#080808;transition:transform .2s,border-color .2s}.chat-media-item:hover{border-color:var(--border-strong);transform:translateY(-2px)}.media-item{background:var(--panel);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;opacity:0;animation:item-in .35s ease forwards;border:1px solid #0000;transition:transform .2s,border-color .2s;transform:translateY(8px)}.media-item:hover{border-color:var(--border-strong);transform:translateY(-4px)}.media-preview{position:relative;aspect-ratio:1;background:#080808}.media-preview img,.media-preview video{position:absolute;object-fit:cover;width:100%;height:100%;inset:0}@keyframes item-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.top-bar{gap:var(--space-1)}}@media (width<=600px){body{padding:var(--space-2)}.media-grid{gap:var(--space-2)}.chat-card{padding:var(--space-2)}}@media (hover:none){.media-item:hover,.chat-media-item:hover{transform:none}}@media (prefers-reduced-motion:reduce){.media-item{animation:none;opacity:1;transform:none}}.is-hidden{display:none!important}