@font-face { font-family: "DM Sans"; src: url("assets/dmsans-latin.woff2") format("woff2"); font-weight: 100 1000; }
:root { --ink: #ececec; --sub: #b4b4b4; --line: rgba(255,255,255,.08); --bubble: #303030; color-scheme: dark; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: auto; }
body { background: #212121; color: var(--ink); font: 16px/1.55 "DM Sans", ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif; }
.top { position: fixed; top: 0; left: 0; right: 0; height: 52px; background: #212121; z-index: 5;
  display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-bottom: 1px solid var(--line); }
.top .t { font-weight: 600; font-size: 16px; }
.top svg { width: 22px; height: 22px; color: #ececec; display: block; }
.top .ib { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.col { max-width: 768px; margin: 0 auto; padding: 68px 16px 120px; }
.msg { margin: 0 0 18px; }
.msg.user { display: flex; justify-content: flex-end; }
.msg.user .b { background: var(--bubble); border-radius: 20px; padding: 9px 15px; max-width: 80%; }
.msg.ai p { margin: 0; }
.msg.ai .app { margin-top: 10px; }
.msg.ai iframe { display: block; width: 100%; border: 0; height: 160px; background: transparent; }
.composer { position: fixed; left: 0; right: 0; bottom: 0; background: linear-gradient(rgba(33,33,33,0), #212121 30%); padding: 18px 12px 14px; z-index: 5; }
.composer .box { max-width: 736px; margin: 0 auto; border: 1px solid var(--line); border-radius: 26px; height: 52px; background: #303030;
  display: flex; align-items: center; padding: 0 8px 0 14px; gap: 10px; color: #9b9b9b; }
.composer .box svg { width: 20px; height: 20px; }
.composer .go { margin-left: auto; width: 36px; height: 36px; border-radius: 18px; background: rgba(255,255,255,.14); color: rgba(33,33,33,.9); display: flex; align-items: center; justify-content: center; }
@media (min-width: 900px) { .top { justify-content: flex-start; gap: 10px; } .col { padding-top: 72px; } }

body { pointer-events: none; }

html { scrollbar-width: none; }