*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--font:'Inter Tight',system-ui,sans-serif}
html,body{height:100%;overflow:hidden;background:transparent;font-family:var(--font)}

.app-browser{
  width:100%;height:100%;
  display:flex;flex-direction:column;
  overflow:hidden;
}
.app-chrome{
  background:#1c1c1e;padding:10px 16px;
  display:flex;align-items:center;gap:8px;flex-shrink:0;
}
.app-chrome-dots{display:flex;gap:6px}
.app-chrome-dot{width:10px;height:10px;border-radius:50%}
.app-chrome-url{
  flex:1;background:#2c2c2e;border-radius:6px;
  padding:4px 0;font-size:11px;color:rgba(255,255,255,.3);text-align:center;
}
.app-shell{
  background:#e8e8ea;display:flex;flex-direction:column;
  font-family:var(--font);
  flex:1;min-height:0;overflow:hidden;
}
.app-header{
  padding:14px 20px 0;display:flex;align-items:center;position:relative;flex-shrink:0;
}
.app-hamburger{
  font-size:17px;color:#1c1c1e;background:none;border:none;cursor:pointer;padding:4px;line-height:1;
}
.app-title{
  position:absolute;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;
}
.app-title em{color:#16a34a;font-style:normal}
.app-user{margin-left:auto;display:flex;align-items:center;gap:7px}
.app-avatar{
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,#4ade80,#16a34a);
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#fff;
}
.app-username{font-size:13px;font-weight:600;color:#1c1c1e}
.app-tabs{display:flex;justify-content:center;padding:8px 20px 0;flex-shrink:0}
.app-tab{
  padding:8px 22px;font-size:14px;font-weight:500;
  color:#6b7280;border:none;background:none;cursor:pointer;
  font-family:var(--font);border-bottom:2px solid transparent;
  transition:color .2s,border-color .2s;
}
.app-tab.act{color:#1c1c1e;border-bottom-color:#1c1c1e}
.app-input-area{padding:14px 20px 20px;background:#e8e8ea;flex-shrink:0}
.app-input-bar{
  background:#f0f0f2;border:1.5px solid #c8c8cc;border-radius:100px;
  padding:11px 14px 11px 18px;display:flex;align-items:center;
  box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.app-input-hint{flex:1;font-size:14px;color:#aaa}
.app-send{
  background:#1c1c1e;border:none;color:#fff;
  padding:7px 18px;border-radius:100px;
  font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);
}