*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff9}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}body{font-family:Inter,-apple-system,sans-serif;background:#0a0a0a;color:#fff;height:100vh;overflow:hidden}#root{height:100vh;width:100vw}.app{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex}.app-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.4);z-index:0}.app-canvas{flex:1;position:relative;z-index:1;min-width:0}.app-ui{position:relative;z-index:2;width:420px;display:flex;flex-direction:column;gap:16px;padding:20px;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.08);overflow:hidden}.app-header{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-header img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(180,180,185,.6);flex-shrink:0}.app-header-title{font-weight:800;font-size:15px;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header-subtitle{font-size:10px;color:#ffffff80;letter-spacing:1px}.app-chat{flex:1;overflow:hidden;min-height:0}@media (max-width: 900px){.app-ui{width:340px;padding:16px;gap:12px}}@media (max-width: 640px){.app{flex-direction:column;overflow:hidden}.app-canvas{flex:none;width:100%;height:45vh;max-height:45vh;overflow:hidden}.app-canvas>div{position:relative!important;height:45vh!important;max-height:45vh!important}.app-ui{width:100%;flex:1;min-height:0;border-left:none;border-top:1px solid rgba(255,255,255,.08);padding:12px 16px;gap:10px}}